Chrme插件&&开发者模式使用技巧

偏执的太偏执、 2022-05-08 09:24 137阅读 0赞

###### *最新更新时间：2018年10月10日17:48:46* ######

#### [`《猛戳-查看我的博客地图-总有你意想不到的惊喜》`][-_-] ####

> 本文内容：chrome浏览器、插件

#### 我的相关文章 ####

[《JavaScript断点调试高级教程》][JavaScript]

#### 查看本地插件 ####

*  方法一：Chrome-更多工具-扩展程序
 *  方法二：chrome://extensions/

#### Chrome浏览器下载地址 ####

*  [Google Chrome 网络浏览器][Google Chrome]

> 中文站点，免翻墙

#### 插件下载地址 ####

*  [chrome应用商店][chrome]

> 插件后缀名\*.crx

#### Chrome插件离线安装方法 ####

> 将下载到本地的\*.crx文件拖拽到chrome://extensions/，即可完成安装

#### ReResponse-Change the response of the request ####

*  [github address][]

> 介绍：该插件主要用于映射，在调试线上项目时，使用本地的静态文件(html、css、js)替代服务器的响应，比如打开某个页面，加载abc.js时，可以使用本地的abc,js  
> 线上服务器地址：  
> [https://static.wanshaobo.com/js/abc.js\*][https_static.wanshaobo.com_js_abc.js]  
> 本地服务器地址（[在自己的电脑上搭建一个WEB服务器][WEB]）：  
> [https://127.0.0.1/js/abc.js][https_127.0.0.1_js_abc.js]

#### React Developer Tools ####

[简介][Link 1]

#### Vue.js devtools ####

[简介][Link 2]

#### 浏览器性能监听 ####

*  起因：内存泄漏，是指计算机可用内存的逐渐减少，当程序持续无法释放其使用的临时内存时就会发生。JavaScript的web应用也会经常遇到在原生应用程序中出现的内存相关的问题，如泄漏和溢出，web应用也需要应对和监听垃圾回收的停顿情况。

> 打开开发者工具-Memory

> TODO：百度：chrome开发者工具Memory

#### 参考 ####

[Chrome开发者工具中文手册][Chrome]

> 感谢阅读，欢迎评论^-^

## [`打赏我吧^-^`][-] ##

[-_-]: https://blog.csdn.net/wanshaobo888/article/details/79179440
[JavaScript]: https://blog.csdn.net/wanshaobo888/article/details/76358712
[Google Chrome]: https://www.google.cn/chrome/
[chrome]: https://chrome.google.com/webstore/category/extensions?hl=zh-CN
[github address]: https://github.com/annnhan/ReRes
[https_static.wanshaobo.com_js_abc.js]: https://static.wanshaobo.com/js/abc.js*
[WEB]: https://blog.csdn.net/wanshaobo888/article/details/54346082
[https_127.0.0.1_js_abc.js]: https://127.0.0.1/js/abc.js
[Link 1]: http://www.cnplugins.com/devtool/react-developer-tools/
[Link 2]: http://chromecj.com/web-development/2018-01/886.html
[Chrome]: https://github.com/CN-Chrome-DevTools/CN-Chrome-DevTools
[-]: https://blog.csdn.net/wanshaobo888/article/details/86249460