weixin_43671478的博客

原文链接：https://segmentfault.com/a/1190000010302235Network详细介绍  那我就按照从左到右的顺序来写啦~ 记录按钮 处于打开状态时会在此面板进行网络连接的信息记录，关闭后则不会记录。 清除按钮 清除当前的网络连接记录信息。（点击一下就能清空） 捕获截屏 记录页面加载过程中一些时间点的页面渲染情况，截图根...

Elements面板实时编辑DOM节点和CSS样式双击DOM树视图里面的节点，可以实时编辑标签属性，修改的效果会立刻反应在浏览器里面点击右侧Style面板，可以实时修改CSS的属性值，这里面的所有样式Name和Value都是可以编辑的;在每个属性后面单击可以添加新的样式，如下图：点击右侧Computed面板，可以编辑左侧选中的盒子模型参数，所有的值都是可以修改的;点击不同的位置...

Console面板控制台输出日志通过JS代码或者命令行console.log()、console.warn()和console.error()可以将日志信息输出到控制台console.log 显示一般的基本日志信息，当要显示的基本日志太多时可以使用console.group将相关的日志进行分组 console.warn 显示带有黄色小图标的警告信息 console.error 显...