Chrome浏览器之常用插件
为了开发更加的方便,我们可能有必要安装一些常用的插件,来辅助我们更好地完成工作.所以,在此总结,常用到的插件...
这里以谷歌为例
1) jsonView
为了更好的呈现出json格式的内容,jsonview可以更好的展示出来,方便我们查看
注： 更好用的json格式化还支持可编辑的json插件- JSON-handler
2) page ruler 尺子工具
对于前端来说,是一个比较常用的插件工具,可以随时点击衡量我们页面上的尺寸
3) showPassword 显示密码(小心使用哦)
这个插件可以看到我们经常填写了密码,但是忘记了,这个时候,平常是看不到我们的密码的(都已经被处理过),那么通过这个插件可以完整的看到我们的密码,有一定的风险哦!谨慎使用~~~
4) window resize
在调整样式的时候,经常需要适应不同的分辨率的情况,这个插件可以快速的将浏览器窗口调整我们常用的分辨率的窗口
5) Restlet Client
Restlet Client 是为数不多能够跟Postman相媲美的接口调试工具，和Postman一样，都可以作为Chrome浏览器的插件运行。
6)FeHelper
这款工具提供了json字符串美化，代码美化/压缩，二维码生成，字符串编解码，截图，网页取色，等等
7) Set Character Encoding
装了这个插件，我们只需要在网页上右键单击选择此工具，然后就可以随意更换任何你想要的编码格式了。
8) Infinity 新标签页(Pro)
可以添加很多快捷网站，可以切换壁纸，壁纸都超级好看，可以看天气，使用笔记，待办事项等
9) Adblock Plus
广告真的是令人很烦恼，有了这个插件，就可以屏蔽大多数的广告了。看博客时再也没有各种广告了
问题: 有可能会使某个网站无法访问或异常(慎用)
10) 新浪微博图床
提供免费图床服务,可以方便将本地或网页图片一键上传到新浪,方便获取链接,还支持https
11)翻译侠
强大的翻译插件,支持多种语言
另外:
12) Octotree
它可以在 GitHub 左侧显示当前项目的目录结构，能轻松找到代码的位置。
13) Enhanced Github
这个可以在 GitHub 中显示仓库大小，每个文件的大小，下载链接和复制文件内容的选项。
14) EditThisCookie
EditThisCookie是一个cookie管理器。 您可以添加，删除，编辑，搜索，保护和阻止cookie！
15) FirePHP4Chrome-Chrome
PHP调试工具
16)Clear Cache
缓存清理工具
17) Standardized Screenshot
网页截屏工具
18) 极速二维码
网页二维码生成工具
19) Advanced Font Settings
修改页面的字符集
20) Axure RP Extension for Chrome
支持在浏览器中打开本地的Axure文件
21) iGG谷歌学术助手
上网神器
22) LiveReload
前端开发自动更新工具
22)
场景:
在使用了igg上网之后,无法使用Charles对谷歌浏览器进行数据抓包, 这个时候借助这个插件进行设置
新建一个场景, 设置对应的代理信息即可
配置对应的代理
协议http:// --> HTTP为你代理软件的ip与端口
协议https:// --> SOCKS5 为你代理软件的socket的ip与端口
参考文章
23) Sider
智能辅助工具
24) Sourcegraph
代码智能工具,github,gitlab,etc
25) Vue.js devtools
vue开发调试工具
26) Xdebug helper
PHP开发调试工具
27)XPath Helper
Xpath辅助工具,方便分析页面元素
28) 极速二维码-多场景解码工具
最佳实践:
1. 谷歌自带的事件监听,有时候可以通过这里查询出一些蛛丝马迹,它有这人性化的提示信息.相信一定会成为开发利器!!!
常见问题:
1. 有时候网上下载的插件,不能进行加载使用(推荐插件网: http://www.cnplugins.com/)
1)可以将*.crx扩展插件, 修改后缀 未 *.rar 然后将压缩文件进行解压操作
2)使用浏览器开发者模式, 加载该扩展即可
