阅读 9495

推荐 5 款超好用的 Chrome 浏览器插件,文末有从别人的电脑移植插件的方法

从事前端开发一年多时间,陆陆续续收藏了一些 Chrome 插件,这些插件极大地提高了我的工作效率,现在分享给大家。

OneTab(经常打开网页的人必备)

一天的工作结束了,下班的时候发现打开网页很多,有的第二天可能还会用到,有的想分分钟删掉。你们会发现,网站的标题都挤在一起,分不清谁是谁,如何取舍?或许你可以考虑用下 OneTab

OneTab是一款可以在用户打开过多 Chrome 标签页而“不知所措”的时候,点击 OneTab 插件一键释放 Chrome 标签页内存的谷歌浏览器插件,OneTab插件并不是像关闭浏览器那样,直接把所有的标签页都关闭掉,它会先把现有的标签页都缓存起来,然后使用一键收集的功能弹出一个新标签页,如图所示。

onetab.jpg

在这个 OneTab 插件的标签页中,用户可以选择恢复其中有用的 Chrome 标签页,放弃其他应该关闭的标签页。OneTab 还会在重新打开 Chrome 浏览器的时候展示你保存过的网页,你可以选择是否直接恢复。

Octotree(Github使用者必备)

Octotree 可以使你在 Github 查看项目时,清晰明了地看到项目的结构以及具体代码,使浏览代码更具有目的性,减少不必要代码的下载。使用了这个插件以后,项目的页面会变成这样

Octotree.jpg

Page-Ruler(前端工程师必备)

Page-Ruler 可以让你在任何页面,都可以随意测量网页上元素的尺寸和位置。

Page-Ruler 不仅仅可以测量元素的宽度和高度,同时可以测出元素所相对于页面的绝对位置,对于前端工程师们来说,这应该是不错和好用的测量插件了。

ruler.jpg

Save to Pocket

Pocket 可以轻松保存文章(阅读插件)、视频,方便以后查看,更多人形容它为 Chrome 阅读插件。有了 Pocket,所有内容可汇聚到一个地方,以便在任何设备上随时查看。

Pocket 有 APP 版,在手机上和其他终端上,我们也能很方便的打开收藏的网页。

savetopocket.jpg

Momentum

Chrome 浏览器默认的标签页很丑,每天打开一个超美的浏览器页面,工作和学习的劲头也足一些,最重要的是 Momentum 能帮助我们装逼,有种不明觉厉的感觉。

Momentum 自动更换壁纸,自带时钟,任务日历和工作清单。官方的解释就是:替换你 Chrome 浏览器默认的“标签页”。里面的图片全部来自 500PX 里面的高清图,无广告,无弹窗,非常适合笔记本使用。

装上这个插件以后,我每次打开浏览器不再是空白的一片,而是这样:

momentum.jpg

不能下载 Chrome 插件如何是好?从别人电脑拷贝一个

有一次,同事发现我电脑上一个插件很好用,他的电脑又不能上谷歌,于是我们就找到了一种比较曲折的法子,把我电脑里的插件移植到他的电脑上。

第一步

在 Chrome 浏览器上输入 chrome://version/ 找到自己拓展程序在电脑的位置。

方法1.jpg

第二步

接着在 Chrome 浏览器上输入 chrome://extensions/ 打开拓展程序页面。

方法2.jpg

选中最上方的“开发者模式”,找到要导出的插件,复制这个插件的 ID 。

点击扩展管理页面最上方的 “打包扩展程序(package extension)”,这时会弹出一个窗口,显示填写根目录,也就是这个插件的带有版本号的根目录,Win10 的话在这个地方:

C:\Users{用户名}\AppData\Local\Google\Chrome\User Data\Default\Extensions{ID}{版本}

比如,Save to Pocket 的 ID 是:niloccemoadcdkdjlinkgdfekeahmflj,版本号是: 3.0.3.0

在根目录输入框中填写

C:\User\kurry\AppData\Local\Google\Chrome\User Data\Default\Extensions\niloccemoadcdkdjlinkgdfekeahmflj\3.0.3.0

下面的那个选项不用管!!填好以后长这样:

方法3.jpg

最后直接提交,在 niloccemoadcdkdjlinkgdfekeahmflj 文件夹下,会有一个文件:3.0.3.0_0.crx。

方法5.jpg

第三步

接下来就将这个电脑安装到 Chrome 版本相同 的电脑上。

打开扩展管理页面,将 crx 文件拖入窗口,在窗口下方会出现下载文件类似的窗口,点击“继续”即可。

如果出现安装错误,请查看导出的 Chrome 版本与导入的 Chrome 版本是否一致。

这次跟大家推荐的是我比较常用的 5 个插件,下次再分享 5 个。如果你有什么好用的插件不妨也安利给我~


欢迎大家关注微信公众号:可视化技术( visteacher )

不仅有前端和可视化,还有算法、源码分析、书籍相送

个人网站:blog.kurryluo.com

各个分享平台的 KurryLuo 都是在下。

用心学习,认真生活,努力工作!