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

简介: 介绍在本篇文章中,我要向大家简单介绍如何通过插件打造个性化的chrome浏览器,方便程序员或者是其他依赖于互联网来工作的同学更加高效的工作学习。chrome plugins高效插件插件名称介绍备注Evernote web clipperEvernote浏览器插件一键保存网页到印象笔记,即时同步到你的手机和电脑,不用复制粘贴编辑再整理。

介绍

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


img_e77a9c0a389a289b2e71007dfa698879.png
chrome plugins

高效插件

插件名称 介绍 备注
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中,可以随时随地在手机端或者电脑端阅览。

img_e0d368f5583ca195193ab25d32fcf253.png
evernote web clipper

img_f627a8e1cfd9b53433229d3aef5af0e6.png
evernote

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

JSON-handle

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

img_20a8ee5de1b4fcbba9fe3c2b6db430df.png
json-handle

如下图所示,我们访问 http://www.httpbin.org/get
img_7b65a1023ceaf3e91b1dec4f44d16f75.png
json-data

Octotree

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


img_39e3e8605508bca448ab82e0957c2c12.png
octotree

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

Vimium

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


img_5fc67f15234a5350aedffeb8c2942f49.png
vimium
img_ce830e0f8cf9915a6e9c9e9f06e9b5bd.png
快捷键控制页面

vim命令快捷键


img_7573642f82e19039c90ed4a832f7063c.png
命令快捷键

IE tab

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


img_c5ed5b282ea99893f41d9c57fc6691f1.png
IE tab

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

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

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


img_e4be6f5b7f9a645174c1474e998dff72.png
IE mode

Adblock Plus

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

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

img_7f3b3c692b7c8f8c3e1b3418734ceba0.png
Adblock Plus

安装

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

目录
相关文章
|
2月前
|
Web App开发 JavaScript 前端开发
使用vue快速开发一个带弹窗的Chrome插件
使用vue快速开发一个带弹窗的Chrome插件
67 0
使用vue快速开发一个带弹窗的Chrome插件
|
2月前
|
Web App开发 JavaScript 前端开发
从零开始,轻松打造个人化Chrome浏览器插件
从零开始,轻松打造个人化Chrome浏览器插件
71 0
|
5月前
|
Web App开发 存储 前端开发
一键同步,无处不在的书签体验:探索多电脑Chrome书签同步插件
一键同步,无处不在的书签体验:探索多电脑Chrome书签同步插件
112 0
|
5月前
|
Web App开发 存储 缓存
(新)Chrome浏览器自定义背景插件
(新)Chrome浏览器自定义背景插件
106 0
|
3月前
|
Web App开发 前端开发
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型(Types)、方法(Methods)和事件(Events)的属性和参数解析
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型(Types)、方法(Methods)和事件(Events)的属性和参数解析
154 0
|
2月前
|
Web App开发 内存技术
chrome插件安装方法教程
chrome插件安装方法教程
|
4月前
|
Web App开发 安全 定位技术
Chrome浏览器书签同步插件floccus与坚果云的协同使用方法
Chrome浏览器书签同步插件floccus与坚果云的协同使用方法
|
4月前
|
Web App开发 存储 JavaScript
写一个Chrome浏览器插件(manifest v3)
写一个Chrome浏览器插件(manifest v3)
|
4月前
|
Web App开发
GOOGLE chrome浏览器 非插件截图方法
emm...不知道大家知不知道,反正不管怎么样,我就拿来水一下 打开chrome 哦~ 右键审查元素 or F12 or ctrl+shit+i or 你自己设置的快捷键... 然后再ctrl+shit+p
127 0
|
4月前
|
Web App开发 JavaScript 前端开发
从浏览器原理出发聊聊Chrome插件
本文从浏览器架构演进、插件运行机制、插件基本介绍和一些常见的插件实现思路几个方向聊聊Chrome插件。
765 0