开发者利器ChromeDevTools
Posted by 邪 罗刹 on 2009年12月25日
81 comments
> 这个工具对小邪来说真算是个利器的呢,不信的话听小邪慢慢解说喔 O(∩_∩)O。
> 使用 Chrome 浏览器的时候,右键对着网页空白处或者目标元素点击。
> 然后选择“审核元素”那一项,即可启动 Chrome 的开发者利器,嘿嘿嘿。
> 先看下图中的界面,界面中条理清晰,很容易就可以理解网页的结构与代码形式。
> 这个工具对小邪来说真算是个利器的呢,不信的话听小邪慢慢解说喔 O(∩_∩)O。
> 使用 Chrome 浏览器的时候,右键对着网页空白处或者目标元素点击。
> 然后选择“审核元素”那一项,即可启动 Chrome 的开发者利器,嘿嘿嘿。
> 先看下图中的界面,界面中条理清晰,很容易就可以理解网页的结构与代码形式。
> 最近使用批处理做了个便携版,因为Protable提供的Chrome便携版将缓存存在U盘上。
> Chrome老是在读写U盘,很卡,所以我想到批处理可以间接过滤缓存文件。
> 可能有点复杂,╮(╯▽╰)╭ ,代码是一点一点精简的嘛,越长的代码越容易理解的说。
> 要是大家有兴趣,下次我就做一个便携包,全部使用相对路径,就OK了。
> P.s. 现在在杭州,没带自己的电脑,只好用老妈的小本本,小屏幕好痛苦。
我们来图
图中第三列有空档 这里在读取Widget的数据 花费了0.6s左右
图中6.05s和7.70s之间有一个大的空当 这里在读取文章的数据 花费了1.5s多
在数据读取上花费的时间过多
所以SuperCache和WidgetCache是必备的