Chrome
实用插件
Chrome作为开发者最喜欢的浏览器,不仅仅因为其兼容性好,速度快,调试方便,还可以安装丰富的插件。这里介绍一些常用且实用的插件。
谷歌访问助手
如果没有翻墙的话,我们是无法使用谷歌搜索的,也无法打开Chrome网上应用店。然而要翻墙就需要花钱,这时谷歌访问助手来帮你忙。有了谷歌助手就可以安装其它想要的插件了。
百度网盘链接:密码:qa2k

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

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

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

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

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

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

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

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


Adblock Plus
这个插件可以除去 YouTube 视频广告还有网页上的弹窗和其他显眼的广告。但是有些网站还不能屏蔽广告,如果屏蔽广告可能影响一些主要内容无法显示。(比如阮老师的博客,最近在学习react。。。)
FeHelper
有一些前端开发的常用的功能,装一个插件可以少装一些功能单一的插件。

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

Axure RP Extension for Chrome
Axure RP是Axure公司的一款快速原型设计工具,这个插件允许Chrome浏览器从本地查看Axure RP原型。感觉这个实用性稍差一些。
功能
利用开发者工具截取整个页面
-
打开要截取的网页
-
打开开发者工具
-
使用快捷键(Ctrl + Shift + P)打开控制台的命令行
-
在命令行中输入
screen
这时自动补充功能会出现一些命令 -
选择
Capture full size screenshot
即可