当前位置: 首页 > Chrome插件推荐 > chrome插件网2017年推荐第三期:说说那些程序员不得不知的chrome扩展插件
 
谷歌Chrome浏览器是网络上可用的最好浏览器之一,并且自2011年11月超越了Firefox浏览器之后,已经成为了互联网上占主导地位的浏览器。我们可以暂且不说程序员,范围太广。就说对于前端开发者来说,Chrome浏览器绝对是开发过程中不可缺少的利器:不仅仅是因为 Chrome 自带的功能强大的 devtool,更是因为 Chrome 有着各种好用的前端语言调试工具以及诸如 EnjoyCSSLiveReload 等这类能够提高你编码效率的强大chrome扩展。(PS:每次都想说成chrome插件。chrome扩展和chrome插件的区别我们也探讨,但是想纠正过来真的好难~~)。我们也曾经整理过一篇文章:值得推荐的几款WEB前端开发必备谷歌浏览器扩展插件。但是通过这样时间的学习,以及网友的推荐,发现之前的推荐真的是九牛一毛。所以今天我们来出个专栏来专门说一说程序员不得不知的那些chrome插件。【排名不分先后】
前端程序员chrome扩展推荐

1.BrowserStack:web网站浏览器兼容性测试工具


作为一个网页CSS兼容性多浏览器检测chrome插件,BrowserStack可以帮助站长们检查自己网站在众多浏览器中的表现,帮助站长优化网页代码。本地测试app可以让你即刻配置和测试本地/内部服务器,和包括HTML、CSS和JavaScript文件在内的本地文件夹。在BrowserStack上的安全云设置中测试布局,工作流程和交互性,跨越700+个真正的台式机和移动浏览器。

2.JSONView:web开发格式化和高亮插件

jsonview
Jsonview是目前最热门的一款开发者工具插件,确切的来说jQuery JSONView是一款非常实用的格式化和语法高亮JSON格式数据验证和查看器jQuery插件。它是查看json数据的神器

3.网页调试HTTP测试工具Postmanpostman intercepter

postman
postman将各种模拟用户HTTP请求的数据发送到服务器,以便开发人员能够及时地作出正确的响应,或者是对产品发布之前的错误信息提前处理,进而保证产品上线之后的稳定性和安全性。用Postman为API工作流程增加负荷!更快地构建,测试,并记录你的API。已经不止一百多万的开发人员投入了Postman的怀抱。

4.Window Resizer:窗口自定义大小调节

window resizer
该扩展可以重新调整浏览器窗口的大小,以仿效各种不同的分辨率。对网页设计师和开发人员尤其有用,可以帮助测试在不同浏览器分辨率下的布局。

5.WhatFont:网页字体识别查询

whatfont
WHATFONT网页字体查看目前支持Chrome浏览器以及Safari浏览器,在chrome中安装了WhatFont插件以后,通过what font插件,用户可以选择当前网页中的字体进行查看,WhatFont插件会给出当前网页字体的详细信息,如果您是一位网页的前端开发人员,使用该插件能够帮助用户更快地了解到网页中的字体,从而结合这些字体创建出一个精美的网站。是不是很方便呢?

6.chrome屏幕尺子插件-Page Ruler

page ruler

7.Vue.js devtools:调试vue.js应用的浏览器扩展
vue.js
chrome浏览器的一款调试vue.js应用的开发者浏览器扩展。做前端开发的IT工程师应该比较熟悉这款工具,可以边侧边栏窗格中的页面,边检查代码,用于调试 Vue.js 应用

8.Octotree:树形结构显示Github项目

octotree
树形展示Github项目目录文件。安装之后,浏览托管在Github上的项目,可看到左侧的树形结构,像 IDE 那样方便地浏览代码,再也不用每次点一下刷新一下、然后倒退倒退点另一个,这个插件是帮了我不少忙。

9.LiveReload

livereload
LiveReload 会监控你指定的目录中文件,如果有文件被更改,它就自动触发浏览器刷新页面,这样我们不用每次修改文件后,都要去按下 F5 刷新页面。

10.User-Agent Switcher for Chrome

user-agent switcher
有了 User-Agent Switcher for Chrome,只需要一个浏览器插件,你可以随时更换 UA,测试网页的自适应情况,能够帮你很好地提高开发效率。

11.网页开发者必备工具之-Web Developer

web developer
Web Developer 这款扩展集成了各种各样的 Web 开发工具,几乎是网页开发人员必备的开发者工具插件,安装之后会在浏览器工具栏添加一个齿轮状的小图标,点击小图标之后就可以看到大量的 Web 开发工具。不过,目前这款扩展还没有提供禁用 Javascript 的功能,因为目前 Chrome 扩展的 API 还不支持该功能。添加了一个拥有各种web开发工具的工具栏按钮。是Firefox web开发扩展的官方端口。

12.LastPass:免费的密码管理工具

lastpass

强烈推荐。LastPass是一款Freemium的跨平台在线密码管理工具,用于管理大量网站的密码,可按要求生成随机密码,支持自动登录,支持手机两步验证。可能有人会问:1PasswordKeyPass就够用了吧,还要这个干嘛?感兴趣的朋友可以查看本站文章:三款密码管理工具lastpass,1password和keepass哪个好请注意,这个是浏览器扩展,可以帮你随机生成密码后自动填充你正在注册网站的两个密码框(一般密码都要输入两遍),这个特性用起来真的非常方便。比如下面的图片,我注册一个网站时,当需要输入密码时,我可以点击右上角的LastPass插件按钮或直接点击密码框右边的小按钮(这个更简单了)来生成密码,当点击“接受”后,密码框和确认密码框会自动填充你刚才生成的密码,并帮你保存这个站点信息,下次就可以自动登录了。而你要用1Password的话,在生成密码后,你不仅需要手动将密码拷贝过来粘贴在密码框和确认密码框吧,而且还要手动填写该站点网址、用户名啊啥的,不够方便。

13.Proxy SwitchySharp:代理管理扩展程序

proxy switchysharp
名字写的十分的委婉,其实就是FQ利器,毋庸多说。虽然FQ的方法很多,最常见的方法可能是改hosts文件,不过我用goagent用习惯了,也觉得挺好用的,下面是我以前写的goagent配合SwitchySharp插件FQ的详细教程:proxy switchysharp插件下载后怎么用

14.Ghostery:隐私追踪插件,让你上网更安心

ghostery
通过它可以禁用JavaScript 跟踪代码,还能查看被阻止的跟踪器。装上它,你会惊讶于互联网上潜伏着多少“间谍”。这也让我们明白了为什么很多广告都能精准定位我们的需求,给我们弹窗或者定制服务,而我们还傻傻的觉得好神奇。我们可以通过这个插件来禁止不想要的跟踪器,以防隐私泄露。比如简书这个网站就查出了4个跟踪器,不过这些都是无害的,不禁止也无妨

15.Momentum:美化你的chrome标签页

momentum
强烈推荐,自动更换壁纸,自带时钟,任务日历和工作清单的chrome浏览器插件,里面的图片全部来自500PX里面的高清图,无广告,无弹窗,非常适合笔记本使用,让装逼再上新台阶。Momentum插件的使用方式很简单,只需要开启、安装,完成后就会自动取代掉你 Chrome 浏览器新标签页的内容。我最喜欢的是 Momentum 首页中间的超大时钟,也能提醒我今天应该完成哪些重要的事情。事实上它不仅提供了一个时钟、问候和提醒功能,也能设定待办事项、天气,更棒的是让你欣赏来自世界各地的美景。

你可能感兴趣:

1.推荐几款程序员必备、常用的chrome扩展插件
2
.值得推荐的几款WEB前端开发必备谷歌浏览器扩展插件
3
.
程序员开发者搜索最多的几款chrome插件在这里