
chrome
enlyhua
这个作者很懒,什么都没留下…
展开
-
1.Chrome开发者工具不完全指南(一、基础功能篇)
click 是事件名称.div1 事件是索引名称(也就是通过什么绑定的)attachment 事件来源handler里面包含事件的毁掉主体内容useCapture表示该事件是否向上冒泡Add attribut : 为该元素添加属性Edit attribute:修改该元素的属性Force element state: 为元素激活某种状态(主要用在可以几乎的元素比如a、input、button等)转载 2016-06-18 20:38:34 · 1430 阅读 · 0 评论 -
2.chrome Network panel
1. Controls : Use these options to control how the Network panel looks and functions. 2. Filters : Use these options to control which resources are displayed in the Requests Table. Tip: hold cmd and转载 2016-08-20 22:57:07 · 1128 阅读 · 0 评论 -
3.Chrome开发者工具不完全指南(二、进阶篇)
首先我们来看区域1,它的功能有些类似于Resources面板,主要是显示网页加载的脚本文件:例如css, js等资源文件(它不包含cookie,img等静态资源文件)。区域1的导航条上有三个tab切换选项,他们都存有不同域名和环境下的js和css文件,我们首先来说明Sources(资源)选项的作用:Sources: 包含该项目的静态资源文件。双击选中文件,该文件内容会在区域2中显示,如果你选中的是j转载 2016-08-21 01:35:01 · 2239 阅读 · 0 评论 -
4. JavaScript Debug Tips
1. debugger除了console.log,debugger就是另一个我很喜欢的快速调试的工具,将debugger加入代码之后,Chrome会自动在插入它的地方停止,很像C或者Java里面打断点。你也可以在一些条件控制中插入该调试语句,譬如:if (thisThing) { debugger;}2.将Objects以表格形式展示有时候我们需要看一些复杂的对象的详细信息,最简单的方转载 2016-08-23 16:10:33 · 396 阅读 · 0 评论 -
5.Chrome开发者工具不完全指南:(三、性能篇)
一个网站的性能主要关乎两项,一是加载性能、二是执行性能。第一项可以利用Network来分析,我以后会再次写一篇关于它的文章分享卤煮的提高加载速度的经验,不过在此之前,我强烈推荐你去阅读《web高性能开发指南》这本书中的十四条黄金建议,这是我阅读过的最精华的书籍之一,虽然只有短短的一百多页,但对你的帮助确实无法估量的。而第二项性能问题就体现在内存泄露上,这也是我们这篇文章探讨的问题——通过Ti转载 2016-08-26 12:00:17 · 518 阅读 · 0 评论 -
6. 移动端Web开发调试之Chrome远程调试(Remote Debugging)
http://blog.youkuaiyun.com/freshlover/article/details/42528643转载 2016-10-30 15:42:24 · 816 阅读 · 0 评论