关于Timeline一直没下手去写，究其原因是看了文档之后还是有点不知所以然，实践的太少了，甚至都不清楚拿它可以做什么。心里有一个大概的概念就是Timeline是分析性能的！所以我个人就先从网站性能优化开始学习、总结，也写了两篇文章，《网站性能优化—CRP》和《网站性能优化—浏览器渲染》，然后慢慢地就明白了Timeline怎...

记录网络请求 默认情况下，只要DevTools在开启状态，DevTools会记录所有的网络请求，当然，记录都是在Network面板展示的。 停止记录网络请求 点击Stop recording network log红色图标，当它变为灰色时，表示DevTools不在记录请求 在Network面板下，Command+E(Mac)或者Ctrl+E(Windows,Linux) 清除网络请求 跨页面加载时，...

开发环境下：在js源文件中，想在某个地方设置断点以查看后续代码的执行情况，手动在此处输入代码debugger;，js文件运行的时候会在此处暂停。

一、编辑DOM 查看元素 页面上的任意元素，在其上面右键，选择“Inspect" 在Elements面板上，用鼠标手动选择某个DOM节点 点击审查元素按钮，然后去页面上选择DOM 在console里面使用inspect(dom)查看某一元素 导航DOM节点 使用鼠标 >>> 1.在DOM节点上单击一次，高亮此节点 2.展开一个节点：在节点上的任意处双击或...

前端开发人员离不开Chrome开发者工具，它又这么好用，不好好学习掌握一下它的使用，实在有点明珠暗投啊，本篇先来讲述Console有关的使用。