Chrome的开发者工具已经强大到没朋友的地步了，特别是其功能丰富界面友好的console，使用得当可以有如下功效：更高「逼格」更快「开发调试」更强「进阶级的Frontender」Bug无处遁形「Console大法好」console.log大家都会用log，但鲜有人很好地利用console.erro...
分类：
其他好文 时间：
2015-06-10 23:54:14
阅读次数：
189
阅读目录对象大小(Object sizes) 对象的占用总内存树 支配对象(Dominators) V8介绍 Chrome 任务管理器 通过DevTools Timeline来定位内存问题 内存回收 拍一个快照 清除快照 切换快照视图 通过不同颜色区分对象 Summary view(概要视图) Co...
分类：
编程语言 时间：
2015-06-09 19:33:10
阅读次数：
213
近期迷恋上httpclient模拟各种网站登陆,浏览器中的开发者工具中查看请求头信息,然后照葫芦画瓢写到httpclient的请求中去,requestheader中有这么一段设置:Accept-Encoding gzip,deflate之前模拟其他网站的时候这块并没有太在意,因为无论我在h...
分类：
Web程序 时间：
2015-06-07 18:50:28
阅读次数：
256
F12开发者工具有console标签，在期内执行命令可以交互性验证css或者xpath表达式效果
假如一个
xpath用$x()，将表达式用引号括起来放进去，回车执行命令，如果成功产生非空输出的匹配元素列表（可以点击自动框选定位、可以展开子元素查看），举例：
$x("//table[@id='simpleWithNested']/tbody/tr/*")
对于引...
分类：
其他好文 时间：
2015-06-01 00:51:07
阅读次数：
3114
问题
web开发是离不开chrome浏览器的开发人员工具的，但是几天前我的开发人员工具突然会在页面上显示一些绿色的框，而且随着鼠标的移动一闪一闪的特别刺眼，简直就是，如图：
解决：
百思不得其解，最后发现是自己不小心给设置了，渲染的时候会闪现渲染矩形，设置的地方如图：...
分类：
其他好文 时间：
2015-05-29 13:59:17
阅读次数：
193
原文:用css3实现各种图标效果（2）写在前面 写的一模一样的css样式，结果却导致原来出来不一样的效果图。 用chrome的开发者工具查看，比较起来还是一模一样的css样式，可为什么会出现不一样的placeholder效果呢？一个白色粗体，一个灰色正常字体。 找了老半天找不到原因 后来才发现是我同...
分类：
Web程序 时间：
2015-05-28 19:38:18
阅读次数：
131
还在为xpath的正确性而犯愁吗？难道必须得装一个Firefox浏览器，安装一个插件？
No！！！！！！！
有了chrome浏览器，照样能获取xpath，而且保证正确。
具体的使用方法？请往下看。
chrome有自己的开发者工具，可以用这儿来直接获取xpath，都不用担心正确性了。
具体使用步骤如下：
1、在chrome浏览器的右上角有个选择菜单，也就是这个，点一下：
2、在...
分类：
其他好文 时间：
2015-05-28 18:03:49
阅读次数：
210
写在前面写的一模一样的css样式，结果却导致原来出来不一样的效果图。用chrome的开发者工具查看，比较起来还是一模一样的css样式，可为什么会出现不一样的placeholder效果呢？一个白色粗体，一个灰色正常字体。找了老半天找不到原因后来才发现是我同事写的框架css里面代码的一句话影响到了::-...
分类：
Web程序 时间：
2015-05-28 17:41:34
阅读次数：
134
修改bug的模式是什么？一个一个的修改，然后再到浏览器去一次又一次的刷新？是的，以前我也是这么做的，但随着经验的增长，自己也感觉这样修改的模式是烦人的、效率低下的，那有没有一种方式是可以快速修改，所见所得，回答是有的！chrome开发者工具为开发者提供了十分方便快捷的快速开发模式，例如，本地服务器打...
分类：
Web程序 时间：
2015-05-28 12:23:02
阅读次数：
153
