对于前端，有哪些好的chrome插件或应用可以使用？

Question

对于前端工程师，有哪些chrome插件或应用可以辅助我们开发或者说提高我们的工作效率？我在前端开发工作中就使用json数据格式化插件和postman应用等。大家有比较好的插件或应用，抛出来一起讨论学习吗？

Answer 1

终于有一个跟技术没什么关系的答案了。

---

那么就给大家介绍我用过和正在用的一些插件吧。

对谷歌的new Tab界面不满意吗？
那么你可以试试iChrome或者Infinity新建标签页。
已经用腻的我现在在用Earth View from Google Earth，每次刷新都能看到不一样的谷歌?。

写markdown的时候总是找不到放置图片的地方？没事，七牛云oss对象存储让你从此脱离苦海。重点是，有热情的哥们开发了一个“极简图床”的东西（敲黑板），真的贼好用。可以绑定七牛云的对象存储，很棒有没有？
更棒的是，这货上传图片居然可以使用ctrl+v来粘贴微信或qq截下来的图片。Chrome下也有这个扩展，直接收藏链接也是可以的。
哦对了，它还能给你生成markdown的图片格式。

看英文文档遇到生僻单词怎么办，没事，有道划词扩展插件解放你的大脑。

JSON格式太乱怎么办？两个插件解放你的双眼。

收藏的标签太多怎么办，怎么样在地址栏直接搜索已收藏的链接？

再讲一个，如何优雅的使用鼠标手势控制谷歌浏览器。crxMouse Chrome™ Gestures帮你实现。以下是我自己的设置。

最后，还有上面各位讲到的postman，用来测试api的。这里就不提了，也是个强大的扩展。

emmm...好像跟前端工具跑偏了，但是好像，也没什么关系，反正效率就是蹬蹬蹬的上去了。（告辞）

以上。

Answer 2

少年,送你两本秘籍：
吐血推荐珍藏的Chrome插件
Awesome Chrome 插件集锦

我在用的有：
Isometric Contributions
Infinity新标签页
Adblock Plus
WEB前端助手(FeHelper)

Answer 3

谢邀！

Allow-Control-Allow-Origin：JS 同源策略保障我们的页面安全，但是开发期间我们并不想看到这烦人的家伙，使用Allow-Control-Allow-Origin: 插件轻松解决这个问题 Allow-Control-Allow-Origin: 。

Axure RP Extension for Chrome：对于很多需要设计产品原型的朋友来说，Axure RP Pro可谓是非常方便、好用的一款软件，因为它不仅能绘制出详细的产品构思，也能生成浏览器格式的产品原型。但是如果想把原型拿给客户查看，千万记得给浏览器安装Axure扩展程序哦。

Clear Cache：快速清除页面缓存？我用 Clear Cache。

JSON-handle： 打开json格式文件的浏览编辑器。

JSONView：JSONView 是一个方便查看 Json 结构的插件，展开，折叠，看接口返回数据就是这么方便。

Octotree：上github的时候经常在翻别人源码的时候特别苦恼，特别是你的网络不给力的时候，简直想死，Octotree 帮助你整理出来项目文件列表。

AngularJS Batarang / React Developer Tools / Vue.js devtools：Angular / React / Vue 调试工具。

Tampermonkey：Tampermonkey 是一款免费的浏览器扩展和最为流行的用户脚本管理器。

网页截图“注释&录屏、草料二维码、迅雷下载支持，还有像Postman口碑极好的一个接口调试工具，还有。。。。 具体需要什么安装什么，安装了不用也不没有好处！

Answer 4

沙拉查词
一款词典chrome拓展，主要用来翻译不会的单词

Proxy SwitchyOmega
这个不细说，懂的自然懂:)

React Dev Tool
这个都有，不说了

另外自己写了个小插件，主要功能有2
1.隐藏知乎页面的问题和个人ID，知乎问题标题特别大，不希望在公共场合被人看到，万一是个小黄文就更难办了...
2.对于有中文版本的MDN页面，会自动从英文跳到中文，主要方便平时查文档

Answer 5

restlet_client 调试API极方便

Answer 6

The QR Code Extension
将网址变为二维码展示，这也可以用手机扫快速查看在手机上的效果，如果的localhost的话注意要换成内网Ip

Answer 7

推荐个CSSViewer，可以快速查看网页元素的CSS
还能查看:hover, :focus样式，这些控制台不容易查看

介绍：
https://jingyan.baidu.com/art...

下载地址：
https://chrome.google.com/web...

Answer 8

Answer 9

• AdBlock 屏蔽广告，但是对于一些很有良心的网站还是不要屏蔽了。
• Google Translate 简洁并且很有用
• Octotree gayhub必备
• Proxy SwitchOmega 自建梯子必备插件，强大并且好用

Answer 10

有个github代码智能提示的叫octohint，然后还有个离线应用Web Server for Chrome，可以指定文件夹开服务器的，测试用的多。

Answer 11

CodeCopy
EditThisCookie
GitHub Hovercard
Octotree
OneTab
Tampermonkey

Answer 12

首先你得学会翻墙，这是重点。插件什么的，搜搜网上，到处都在吐血推荐的。

我也来吐一次血：我的谷歌浏览器插件集 12个

Answer 13

vue react相关的调试插件

Answer 14

这是我现在用的chrome插件

看这篇文章 Chrome有用插件的收集

Answer 15

强烈推荐几个。
Vimium
User-Agent Switcher for Chrome
OneTab

还有开发用的，如果 react 必备 react,redux devtools，vue 也有。

Answer 16

我主要用firefox啊

此外用IPv6比较好啊！

Answer 17

推介两个楼上没提到的Github插件：

1. Github搜索： Awesome Autocomplete for GitHub
2. Github显示项目文件大小：GitHub Plus

Answer 18

有没有能解决谷歌翻墙的答案

Answer 19

这些都得翻墙使用那么问题来了，mac免费翻墙软件有什么呢？哪个大神给推荐几个

Answer 20

我用魔眼还有Octo Mate

Answer 21

当然是它啦
还能自己写脚本自己玩
当然 这个脚本不是我写的

然后海有Restlet Client
也是类似PostMan发送请求的东西
但是是在浏览器内直接集成的 爽死了 可能PostMan也可以 但我不知道怎么调

Answer 22

又看到了一些没用到过得东西

Answer 23

https://github.com/yize/xswitch 支持一键 CORS + 线上文件转发本地