当前位置：首页 > Chrome插件推荐 > chrome插件网2017年推荐第三期：说说那些程序员不得不知的chrome扩展插件

chrome插件网2017年推荐第三期：说说那些程序员不得不知的chrome扩展插件

Chrome插件推荐 2018-04-28 20:44

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

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

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

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

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

3.网页调试HTTP测试工具Postman和postman intercepter

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

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

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

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

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

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

7.Vue.js devtools:调试vue.js应用的浏览器扩展
vue.js

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

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

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

9.LiveReload

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

10.User-Agent Switcher for Chrome

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

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

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

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

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