实用插件

---

Chrome作为开发者最喜欢的浏览器，不仅仅因为其兼容性好，速度快，调试方便，还可以安装丰富的插件。这里介绍一些常用且实用的插件。

谷歌访问助手

如果没有翻墙的话，我们是无法使用谷歌搜索的，也无法打开Chrome网上应用店。然而要翻墙就需要花钱，这时谷歌访问助手来帮你忙。有了谷歌助手就可以安装其它想要的插件了。
百度网盘链接：密码：qa2k

google_help.png

想要用人家的东西，就要按照人家的要求来。点击右下角的设置，需要把主页地址设置成人家要求的地址，这样才可以使用。

setting.png

草料二维码

可以把当前打开的网页生成一个二维码，手机扫码就可以打开这个页面了。开发H5页面时用手机看效果非常方便。

caoliao.png

JSONView

获取服务端json数据的时候，使用JSONView可以直接在浏览器中显示json格式.。以下是从网上随便找的一个的接口看看效果。

JSONView.png

百度翻译/Google翻译

百度翻译和谷歌翻译这两个插件貌似没什么区别， 可以画词翻译也可以整页翻译，这个对于英语不是特别好的同学还是很有用的。但是在看英文文档的时候最好不要整页翻译，因为有些地方会翻译的很生硬甚至不准确。

baidu_transform.png

SimpleUndoClose

这个简单的小插件，可以返回最近不小心关闭的网页。当然Ctrl + T也可以恢复上一次关闭的东西。但是这个插件可以更直接的看到最近关闭的哪些网页。

SimpleUndoClose.png

Postman

想必基本所有的开发者对postman都不陌生吧，它也支持Chrome插件，用来进行数据接口的调试，真的是神器。

postman.png

Octotree

git上的项目查看起来比较费时，这个插件很好的解决了这个问题。可以让项目在git上以层级结构显示。

Octotree.png

Infinity新标签页 / Momentum

这两个插件都是美化自己浏览器样式的，避免一直面对枯燥的界面，提升b格也可以让自己有好心情。

Momentum.png
Infinity.png

Adblock Plus

这个插件可以除去 YouTube 视频广告还有网页上的弹窗和其他显眼的广告。但是有些网站还不能屏蔽广告，如果屏蔽广告可能影响一些主要内容无法显示。（比如阮老师的博客，最近在学习react。。。）

FeHelper

有一些前端开发的常用的功能，装一个插件可以少装一些功能单一的插件。

image.png

React Developer Tools

如果使用react开发，可以安装这个插件，调试更加方便。

image.png

Axure RP Extension for Chrome

Axure RP是Axure公司的一款快速原型设计工具，这个插件允许Chrome浏览器从本地查看Axure RP原型。感觉这个实用性稍差一些。

功能

---

利用开发者工具截取整个页面

1. 打开要截取的网页

2. 打开开发者工具

3. 使用快捷键（Ctrl + Shift + P）打开控制台的命令行

4. 在命令行中输入screen 这时自动补充功能会出现一些命令

5. 选择Capture full size screenshot即可