美文网首页
前端开发 ~ Chrome 调试小坑

前端开发 ~ Chrome 调试小坑

作者: Lao_liu | 来源:发表于2017-10-19 21:21 被阅读0次

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

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

Chrome & Chrome Canary

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

多余的插件载入

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

干净的 Chrome Canary

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

无痕浏览模式

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

image.png

相关文章

  • 前端开发 ~ Chrome 调试小坑

    最近在使用AngularJS 进行开发并使用 Google Chrome 进行前端调试的时候,踩了一些小坑,记录一...

  • Web前端开发Chrome插件

    越来越多的前端开发人员喜欢在Chrome里开发调试代码,Chrome有许多优秀的插件可以帮助前端开发人员极大的提高...

  • Chrome浏览器前端开发插件推荐

    Chrome 浏览器下有什么扩展最适合前端开发调试?试试下面几款。 ReRes[https://chrome.go...

  • 调试node代码

    写在最前 调试js代码是前端工作用的最多的地方,Chrome开发者工具熟练使用也成了前端的必修课。Chrome每次...

  • 知了-移动端前端规划路线

    工具篇 开发工具 熟悉前端常用IDE工具 webstorm 调试工具 chrome 开发者工具 或 firebug...

  • Chrome调试器

    做为一个前端开发,chrome应该是使用最多的啦,chrome对前端页面的调试,简直不要太爽,在这里介绍一下chr...

  • 前端调试解决方案

    前端如何测试自己的代码 alert console.log 代码调试当然不能忘记chrome (ff) 开发阶段a...

  • 在chrome开发者工具中观察函数调用栈、作用域链与闭包

    在前端开发中,有一个非常重要的技能,叫做断点调试。 在chrome的开发者工具中,通过断点调试,我们能够非常方便的...

  • 前端chrome浏览器调试方法

    掌握一定的调试方法可以快速排查和定位问题,大幅度提高开发效率。常用的前端调试工具:chrome浏览器 调试方法: ...

  • Chrome 浏览器快捷键

    身为一名前端程序员,大多数时间使用的是 Chrome 进行开发调试。目前我呢,使用的是 Mac + Chrome ...

网友评论

      本文标题:前端开发 ~ Chrome 调试小坑

      本文链接:https://www.haomeiwen.com/subject/vempuxtx.html