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