随笔之chrome

 昨天看资料，看到优化相关的东西，其中一篇介绍chrome调试里的一些东东，发现TimeLine这个东西蛮不错的，chrome还有待深入研究，以前真是坐井观天了，自从进入前端这个领域，越来越觉得自己学的太少。

----------------------------------------------------------------------------------------------------------

 想补充一下，却不知道该从哪里下手，随便记点什么吧。

1、开启调试快捷键：Crtl+Shift+I；鼠标点击开启：点击地址栏一行最右边的三个点，选择更多工具-开发者工具即可。

2、关闭时再次按启动的快捷键即可，或点击调试框右上角的叉号。

下面是调试窗口截图（随便打开的网页）：

 常用的菜单栏解释：

1、Element：元素，即页面元素，主要指HTML元素，自行点击看一下就明白。

2、Console：这个是日志多的控制台，很多日志打印都是在这里输出，常见的主要是报错信息和自己console.log里面的输出。

3、Sources：源代码，这里调试的时候作用很大，可以跟踪自己的代码，当启用断点时鼠标放在变量上可以显示参数实时内容，这点很有用。

4、Network：网络请求的相关信息，可以查看每一条发送的请求，请求和响应都能看到。

5、Application：这里主要存放会话信息，包括cookies等。可以在这里修改一些数据查看变化。

其他的几项不是很常用，就不在介绍了。

 还有一点，在 前端调试时要注意缓存，不然可能你的代码更新了，实际缓存没变，找不到原因。关于清理缓存可以在设置-高级里找，

也可以在调试的时候Network下面选中Disable Cache。

 今天就做个简单介绍吧。其他的还需要自己多熟悉，熟能生巧。