前端开发 ~ Chrome 调试小坑

最近在使用AngularJS 进行开发并使用 Google Chrome 进行前端调试的时候,踩了一些小坑,记录一下,不断补充中:

1、流行的方式为了和日常的浏览器进行区分,一般是安装两个版本的Chrome。ChromeChrome Canary

前端开发 ~ Chrome 调试小坑_第1张图片
Chrome & Chrome Canary

这种情况下,日常使用的Chrome中安装了各种插件,比如:印象笔记 以及一些开发扩展工具等等...,这时候在调试的时候回发现有很多脏数据,给开发带来不便。

前端开发 ~ Chrome 调试小坑_第2张图片
多余的插件载入

所以需要开发调试的时候,使用 Chrome Canary ,这个独立的版本不安装无用扩展插件。

前端开发 ~ Chrome 调试小坑_第3张图片
干净的 Chrome Canary

2、* 在今天做测试的时候,发现其实用Chrome也可以实现上述功能。Mac下 CMD + SHIFT + N 开启匿名浏览模式,该模式下默认不会加载任何插件。

前端开发 ~ Chrome 调试小坑_第4张图片
无痕浏览模式

除非插件设置了允许在该模式下加载,否则就是一套干净的浏览器不带任何扩展的方式进行浏览。So,以前画蛇了...

前端开发 ~ Chrome 调试小坑_第5张图片
image.png

你可能感兴趣的:(前端开发 ~ Chrome 调试小坑)