推荐 10 款 Chrome 开发工具插件


作者 | Lokender Singh

译者 | 王强

策划 | 小智

首发 | 前端之颠

1. Wappalyzer

想要了解一个网站的技术栈时就用它。Wappalyzer 可以分析网站所用的各项技术。它甚至可以帮助我们随时了解市场上的新兴技术信息。

https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg

2. ColorZilla

为网站选择颜色是很麻烦的事情,所以大多数时候我会访问其他网站以获取灵感,并从中窃取颜色。

https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp

3. Code Cola

我很喜欢这个插件,你可以查看所选部分或元素的完整 CSS,也可以在线编辑它的 CSS。推荐设计师和非设计师使用。

https://chrome.google.com/webstore/detail/code-cola/lomkpheldlbkkfiifcbfifipaofnmnkn

4. Session Buddy

如果你在一个网站上有多个登录名,每次注销和登录,或使用其他浏览器同时获得不同帐户的持久身份验证访问,都会是很麻烦的事情。为了克服这种困难,我们可以用这个插件。

https://chrome.google.com/webstore/detail/session-buddy/edacconmaakjimmfgnblocblbcdcpbko

5. Awesome Screenshot

作为开发人员,有时我们必须向测试人员或客户提供站点或功能的运行证据,这时可以用这个工具。

https://chrome.google.com/webstore/detail/awesome-screenshot-screen/nlipoenfbbikpbjkfpfillcgkoblgpmj

6. Web Developer

拥有多种功能的出色插件。

https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm

7. Octotree

将你的 GitHub 体验提升到全新水平的插件。检查 GitHub 项目的某个文件夹中的文件总是很麻烦的事情,但现在有了它,你可以在 IDE 中使用树状文件结构浏览 GitHub 项目文件。

https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc

8. JSON Viewer

你所见过的最漂亮、最可定制的 JSON/JSONP 高亮器。

https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh/related

9. Talend API Tester

大部分时间里我只与我的服务器说话,而它只通过 API 与我交流。为了更好地与服务器对话,我请了这位 Chrome 邮递员。

https://chrome.google.com/webstore/detail/talend-api-tester-free-ed/aejoelaoggembcahagimdiliamlcdmfm/related

10. Lighthouse

谷歌团队提供的绝佳工具,可用来审核你的网站性能、质量、错误……

如果你觉得本文有帮助,那么可以阅读我的另一篇关于最佳 vscode 扩展的文章。

https://blog.bitsrc.io/16-unique-vscode-extensions-every-developer-should-have-in-2020-c4dcdb74506a

延伸阅读

https://medium.com/front-end-weekly/10-insanely-useful-google-chrome-extensions-every-developer-should-have-in-2020-603e832abca2

推荐阅读
1. GitHub上最励志的计算机自学教程
2. 一个基于 Spring Boot 的在线考试系统
3. 2020 年最漂亮的 Linux 发行版
4. 贼好用的 Java 工具类库
最后,欢迎关注小逛的公众号「逛逛GitHub」,置顶标星。每日一个有用、有料的 GitHub 项目推荐,秀的一批~扫描下方二维码关注!

喜欢文章,点个在看 
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值