Chrome 已然稳坐第一浏览器的位置，而身为前端开发工程师，更是每天都要和 Chrome 亲密接触。这次趁 Chrome 十周年大改版（v69+），把 Chrome 自带的 DevTools 又稍微深入的看了下，发现了一些有趣的功能，在这里与大家分享下。
这里只分享功能，不介绍实际操作，相信大家自己能查到具体的使用方法
Overrides 面板
我们在浏览网站（此处已阅读类为主）的时候，会发现网站存在一些普遍问题，例如：布局不适合阅读；广告太多影响阅读等。对于广告，插件或工具都能一定程度上进行清理；对于布局，现在浏览器提供了类似【阅读模式】的功能。但是，but，对于我们前端开发人员来说，这些是不够的，自己动手才能调出自己喜欢的页面。
Overrides 功能允许我们重写网站的 CSS & JS，并且将修改保存在本机上，一劳永逸。
PS：对于 JS 的重写，不像 CSS 那样会自动覆盖，需要断点来生效
模拟限制网速
按 F1 打开 setting 面板，左侧选择 throttling 条目，然后点击右侧的 Add customer profile ... 按钮。
点击 console 左侧的三个竖点的图标，选择 Network conditions，会多一个标签，里面可以选择我们刚才新增的限速设定
网友评论