程序员的修行-《1.高效chrome插件》

简介:

400f0a9fea334c5eb0f6781f4095e25e5c898860

简单介绍如何通过插件打造个性化的chrome浏览器,方便程序员或者是其他依赖于互联网来工作的同学更加高效的工作学习。

那么有哪些插件是开发人员最常用的chrome插件呢?今天我们chrome插件网就整理了十款开发者常用的Chrome 插件推荐给大家,让chrome成为所有开发者的开发利器。

声明作者:wywincl|原文地址

https://www.jianshu.com/p/f0357b90923e

729f684ffb3f55a34496524ab6569d5ce85da661

[掘金Chrome插件] 帮你发现干货

不管你是开发者、设计师还是产品经理,想必每天都需要阅读大量的行业相关文章,这就需要我们浏览大量的互联网站点去寻找我们需要的内容。抛开繁复的筛选成本不说,「比特级」的内容都会压得你喘不过气来。掘金为了解决这个问题,开发了掘金 Chrome插件,掘金 Chrome 插件聚合了国内外优质的互联网站点内容,在节省你的筛选成本的同时,帮你发现好内容。

e8ed5128b64491ca0fdebbe8e938d4563c9f0a7a

高效插件

插件名称     介绍             备注




Evernote web clipper

Evernote浏览器插件

一键保存网页到印象笔记,即时同步到你的手机和电脑,不用复制粘贴编辑再整理。

JSON-handle

JSON友好展示插件

对JSON格式的内容进行浏览和编辑,以树形图样式展现JSON文档,并可实时编辑。

Octotree

github代码浏览插件

是一款可以使你在github查看项目时可以清晰明了的看到项目的结构以及具体代码

Vimium

vim命令插件

可以通过vim的操作命令来控制浏览器页面,彻底抛弃鼠标

IE tab

IE内核插件

在Chrome中使用IE内核的插件,兼容一些只支持IE的网站

Adblock Plus

页面去广告插件

chrome中最流行的广告拦截程序

接下来分别介绍一下每款插件

Evernote web clipper

印象笔记chrome插件,能够一键保存正在浏览的页面,包括网页正文,或者是整个页面,并且去除广告等;同时实时同步到evernote中,可以随时随地在手机端或者电脑端阅览。

e50eb29235aaf49d1d7e94cf85893a8c1cee45e2

c2d4751b007a0e890be1d19d66de03b1cc125641

正所谓好记性,不如烂笔,平时在浏览网页博客的时候,遇到好的文章可以记录下来,到时候也可以进行回顾。

JSON-handle

JSON-handle插件是一款可以将JSON数据进行友好展示的插件,有时候我们需要通过浏览器来访问REST接口,而REST接口返回的JSON数据格式可能是压缩的,没有层次感。通过这款插件,我们就可以以树形的结构查看编辑JSON数据。

aba423c7034ffa2f42184c0f388eb1b25e87ecd1

如下图所示,我们访问http://www.httpbin.org/get

3c433a7e25188df1c8cea0aa190228f1ff0cd7e6

Octotree

树形展示 Github 项目代码。
有时候我们查看Github上的开源项目, 如果想阅读其源代码,则需要一层一层地点击项目目录,直到看到代码文件,而且回退比较繁琐,这时候Octotree插件就可以很好的帮助我们浏览Github项目了。

0537ab9221bf7514c1a686819454897df966168c

如上图侧边栏,Octotree会自动生成侧边栏,并且按照树形的组织结构,来组织项目。

Vimium

相信很多人喜欢纯键盘编程,而不是用鼠标,所以就有了这款Vimium插件,vimium插件把vim编辑器的命令带入了chrome中,可以用vim命令来控制chrome的页面,比如上下滑动,翻页,切换tab页,点击链接等。这样我们就不需要通过鼠标来操作浏览器页面了。

5bd05533072add1e6877df3ab49d05816620262f

272056339d7cbc6791188a1c4a6a0b49ee15fc19

vim命令快捷键

5b8530c27659b9fffe8f4cd812dd4ab734bbc35e

IE tab

在标签页中以IE内核显示网页。快捷、强健、可靠,彻底摆脱老旧网站需要在IE浏览器中才可使用的窘境。

f61522e25260cbb9e843e9a51e0c677a79f4dafe

IE Tab是一款IE内核渲染插件。自2009年起,就一直是chrome扩展排名前十的插件。

IE Tab通过直接在Chrome中使用IE渲染引擎来模拟IE。这将使您能够使用ActiveX控件,并使用IE(IE6、IE7、IE8或IE9+)的不同版本测试您的web页面。

同时,很多老旧的页面或者对安全性有要求的网站(如网银盾等)都必须使用IE内核才可正常浏览,而每次切换2种浏览器和对IE糟糕的用户体验相信大家早就深恶痛绝了。IE Tab通过插件的形式完美的解决了这个问题,让鱼与熊掌兼得。
目前IE tab兼容以下模式

153e2362de08ce3a19f2e03449bc1af0ced1aeb0

Adblock Plus

Adblock Plus 可让您屏蔽烦人的广告、跟踪、恶意软件及其他您不像在浏览器中看到的东西。 Adblock Plus 是 Wladimir Palant 在2006年创建的一个开源项目。Eyeo 是 Wladimir Palant 和 Till Faida 在2011年一同建立,使 Adblock Plus 能够可持续发展。

Adblock Plus是由弗拉基米尔·帕朗(Wladimir Palant)于2006年开发的一个开源项目。2011 年,弗拉基米尔·帕朗和法伊达成立 Eyeo,使其发展稳定。

cc071f03f4d320443b26246e010136e783cdbd1a

安装

由于最新版本的chrome不支持安装非信任源的插件,因此如果不能在官方的chrome应用商店安装的话,需要通过一些手段来安装。
这里推荐一个工具chrome插件伴侣,有兴趣的同学可以自行下载使用,一键安装插件很方便。(如果找不到,可以评论回复我,我放到网盘上)

另外还有:

[Postman]:强大的 API & HTTP 请求调试工具

相信 Postman 对于掘金上的各位开发者来说,一定不会陌生,这是一款强大的 API & HTTP 请求调试工具,Postman 不仅可以调试简单的 HTML、CSS 以及脚本等简单的网页基本信息,这款 Chrome 插件甚至还能发送几乎所有的 HTTP 请求,可谓是 Web 开发者的一大利器。

d0075d6b1e97deb9ebd93e03f2574b5ee0b23f05

使用地址

http://www.cnplugins.com/devtool/postman/

另外还有两个常用的插件:

Postman:强大的 API & HTTP 请求调试工具

相信 Postman 对于掘金上的各位开发者来说,一定不会陌生,这是一款强大的 API & HTTP 请求调试工具,Postman 不仅可以调试简单的 HTML、CSS 以及脚本等简单的网页基本信息,这款 Chrome 插件甚至还能发送几乎所有的 HTTP 请求,可谓是 Web 开发者的一大利器。

17ce8b2b410dd5aaef33ad5da016d565c37036e5

使用地址

http://www.cnplugins.com/devtool/postman

 BuiltWith Technology Profiler:你的网站,用了什么技术栈?

作为开发者,对于友商网站所使用的技术栈想必也充满了许多好奇心,有没有工具能够帮你完成这项工作呢?答案就是 Chrome 插件 BuiltWith Technology Profiler,它能够帮你分类呈现当前访问网站的技术栈组成,实乃探索友商之利器。

aafacc0e766fb86d7319aab1a3e694dfad25f05d

当然,同类产品中,你也可以使用 Wappalyzer 这一款 Chrome 插件。

使用地址

http://www.cnplugins.com/devtool/builtwith-technology-prof


原文发布时间为:2018-10-16

本文作者:wywincl 

本文来自云栖社区合作伙伴“终端研发部”,了解相关信息可以关注“终端研发部”。


相关文章
|
1月前
|
Web App开发 JSON JavaScript
vue学习:chrome 中 vuetools 开发插件 的下载、安装
这篇文章介绍了如何在Chrome浏览器中下载、安装并测试Vue.js开发插件——vue-devtools。
287 0
vue学习:chrome 中 vuetools 开发插件 的下载、安装
|
3月前
|
Web App开发 JSON 前端开发
30个Chrome 灵魂插件!
30个Chrome 灵魂插件!
|
3月前
|
Web App开发 前端开发 JavaScript
手摸手教你,从0到1开发一个Chrome浏览器插件
开发 Chrome 插件既有趣又具成就感。本教程将引导你从零开始,逐步创建一个简单的 Chrome 插件。首先了解 Chrome 插件是可增强浏览器功能的小程序。以一个基础示例开始,你将学习如何设置开发环境,包括安装 Chrome 和准备文本编辑器,并掌握 HTML、CSS 和 JavaScript 的基础知识。接着,我们将构建插件的基本结构,涉及 `manifest.json` 配置文件、`background.js` 后台脚本、`popup.html` 用户界面以及 `style.css` 样式表。
320 8
|
3月前
|
Web App开发
Chrome 护眼模式 - 黑暗模式 - 夜眼(Night Eye) 插件
Chrome 护眼模式 - 黑暗模式 - 夜眼(Night Eye) 插件
153 0
Chrome 护眼模式 - 黑暗模式 - 夜眼(Night Eye) 插件
|
4月前
|
Web App开发 数据可视化 前端开发
Chrome插件实现问题之content-scripts能访问哪些Chrome API
Chrome插件实现问题之content-scripts能访问哪些Chrome API
|
4月前
|
Web App开发 JavaScript 前端开发
Chrome插件实现问题之在Manifest V2中,设置插件的图标要如何解决
Chrome插件实现问题之在Manifest V2中,设置插件的图标要如何解决
|
4月前
|
缓存 安全 Web App开发
Chrome插件实现问题之网络进程接收到URL请求后会如何解决
Chrome插件实现问题之网络进程接收到URL请求后会如何解决
|
4月前
|
Web App开发 存储 JavaScript
Chrome插件实现问题之Manifest V2切换MV3会带来什么问题,如何解决
Chrome插件实现问题之Manifest V2切换MV3会带来什么问题,如何解决
|
4月前
|
JavaScript 前端开发 API
Chrome插件实现问题之 content_script.js能做什么
Chrome插件实现问题之 content_script.js能做什么
|
3月前
|
Web App开发 人工智能 iOS开发
灵办AI助手Chrome插件全面评测:PC Web端的智能办公利器
《灵办AI助手:Mac OS下的高效办公利器》 灵办AI助手是一款专为提升工作效率而设计的浏览器插件,适用于Chrome、Edge等主流浏览器,在Mac OS系统中表现尤其出众。本文将深入评测其核心功能,包括网页翻译、AI对话、AI阅读及代码辅助等,展示如何在实际工作中运用这些功能来提升效率。此外,文中还提供了详细的安装与设置指南,帮助读者轻松上手这款办公神器。无论你是学生、职场人还是开发者,灵办AI助手都能成为你提高生产力的理想选择。
123 0
下一篇
无影云桌面