web前端chrome使用

来源：互联网发布：淘宝卖家手淘旺信入口编辑：程序博客网时间：2024/05/16 09:30

1.查找绑定的事件监听函数
2.查找修改dom结构的函数

3.查找发送ajax消息的函数

4.为元素添加伪类
5.在开发者工具中查找代码位置
6.打开开发者工具关闭缓存 NetWork

7.google.com 查找相关内容的一些用法
8.一些很必要的网站
9.github 搜索技巧
10.调用堆栈 - 美化代码
11.通过Properties查看节点的属性和方法
12.通过Resources 查看cookie localStorage Session 可自己增删该
13.运行预定义的代码片段 //@ sourceURL=hello.js

每当你的鼠标移动到任何一个元素上，对应的html视图中会给该元素蓝色的背景。
如果你单击选中一个元素，在A部分的底部，会显示该元素在html结构中的位置关系
然后你可以在B部分的styles选项中编辑该元素的样式，并且看到html结构的实时更新

console.time(“测试用时”);
var array= new Array(1000000);
for (var i = array.length - 1; i >= 0; i–) {
array[i] = new Object();
};
console.timeEnd(“测试用时”);

http://www.w3cplus.com/tools/how-to-use-chrome-devtools-like-a-pro.html
http://shirlyfrontend.com/wordpress/?p=155
https://github.com/yleo77/Notes/issues/1
http://blog.lxjwlt.com/2016/07/23/chrome.html
http://zqpythonic.qiniucdn.com/data/20120607112724/index.html

ruanyifeng.com
http://www.runoob.com/
http://www.zhangxinxu.com/wordpress/
xitu.io
http://devdocs.io/dom/websocket
https://cnodejs.org/?tab=good
http://www.jstips.co/
http://www.liaoxuefeng.com/
https://oscarotero.com/jquery/
http://www.barretlee.com/blog/archives/
http://i5ting.github.io/vsc/
http://yanhaijing.com/es5/#null

0 0