chrome浏览器常用插件

chrome浏览器插件推荐

分享一些我个人平时常用的浏览器插件,有些可以提高工作效率,有些能快捷实现一些想要的功能。 每个工具都有它自己的用处,就看是否符合你的开发习惯以及个人风格,适合自己的就是最好的。

以下的插件下载链接全都来自谷歌官方应用商店,排名不分先后,大家可以自行下载!

一、开发常用

1、FeHelper(前端助手)

JSON自动格式化、手动格式化,支持排序、解码、下载等数十种功能,更多功能可在配置页按需安装!

chrome浏览器常用插件

插件下载地址

FeHelper(前端助手)

2、EditThisCookie

开发会经常操作和查看Cookie,在没有插件的情况下,我们需要这样操作

  • 打开开发者工具
  • 切换到 Application tab页
  • 展开 Storage/Cookies
  • 找到对应的Cookie,然后进行查看、添加、编辑、删除等操作

所以Cookie管理插件是开发必备的插件,Cookie管理插件我常用的有两个:EditThisCookieCookie Editor

下面是EditThisCookie的插件截图

chrome浏览器常用插件

只需要点击插件图标,就可以方便快捷地编辑cookie了

  • EditThisCookie 可以在当前页快捷打开弹窗,直接操作当前页面的cookie信息
  • Cookie Editor 可以在新标签页打开管理面板,浏览器中所有域名下的cookie都可以在这里统一操作

插件下载地址

3、JSON-handle

一款格式化json数据的插件

  • json格式化插件有很多,有的人喜欢用JSON FormatterJSON Viewer等,我个人习惯了使用这款JSON-handle插件

格式化后的效果如下图,右侧面板可以展开/收缩节点,以及解码,编辑等操作

chrome浏览器常用插件

插件下载地址

JSON-handle

JSON Viewer

JSON Formatter

4、Octotree

每当我们查看github仓库文件时,都需要一级一级点开,然后一级一级的返回,给我们带来很大的不便,Octotree就可以将github的项目以树状结构显示出来

  • 安装完Octotree之后,重启浏览器,访问github仓库时,左侧会有个Octotree抽屉按钮,鼠标悬停就会打开抽屉,显示出该仓库的文件结构结构图

效果如下图:

chrome浏览器常用插件

  • 还有一款插件Sourcegraph也能实现这个功能,但是点击图标会在打开新标签页中显示目录结构

    chrome浏览器常用插件

  • 我个人比较喜欢使用第一款Octotree插件

插件下载地址

Octotree

Sourcegraph

5、Talend API Tester - Free Edition

api调试工具也有很多种,postman等其他工具也用过,但是我的插件列表只剩下了它

插件下载地址

Talend API Tester

6、vue和react开发者工具

  • Vue.js devtools

    chrome浏览器常用插件

  • React Developer Tools

    chrome浏览器常用插件

  • Redux DevTools

    chrome浏览器常用插件

这三个开发者工具,应该是前端开发必备插件了,所以不需要着重介绍了,想必应该也都知道怎么下载和安装了,这里还是附上对应的下载地址吧

插件下载地址

Vue.js devtools

React Developer Tools

Redux DevTools

7、稀土掘金

掘金是一个帮助开发者成长的社区,是给开发者用的 Hacker News,给设计师用的 Designer News,和给产品经理用的 Medium。

掘金是一个开发者会频繁访问的网站,在这里可以查阅资料,与大家沟通、交流,分享知识,也可以了解社区动态和技术趋势。
平时我们通过PC端网址或者app访问,这个插件可以快捷打开新标签页访问掘金网址,并展示聚合内容和每日优质内容 。

chrome浏览器常用插件

插件下载地址

稀土掘金

二、其他插件

1、扩展管理器(Extension Manager)

这个插件可以方便的管理chrome插件的插件,当我们的chrome浏览器安装的插件过多时,通过自带的扩展管理功能来管理插件太过麻烦,有时候还要在菜单面板上找半天才能进入自带的扩展管理界面,相当影响效率。

chrome浏览器常用插件

当想启用或者关闭某个插件时,只需要点开管理器面板,进行相应的操作即可。

插件下载地址

Extension Manager

2、鼠标手势插件

  • crxMouse Chrome™ 手势

crxMouse Chrome™ 手势具有精彩的功能,实现鼠标导航,这些应用包括:

★ 鼠标手势、超级拖拽、平滑滚动手势和摇杆手势
★ 完全可自定义的鼠标手势、击键、操作和鼠标移动
★ Windows、Linux 和 Mac 支持
★ 导入和导出配置

chrome浏览器常用插件

  • smartUp手势

chrome浏览器常用插件

我安装了两款手势插件,个人喜欢用第一个crxMouse Chrome™ 手势,大家可以自己安装体验

插件下载地址

crxMouse Chrome 手势

smartUp 手势

3、Infinity 新标签页 (Pro)

Infinity新标签页 (Pro) 将原生新标签页替换为您保存的书签,并提供了多种快捷实用的功能。

安装该扩展后,您可以使用以下功能:
1.自定义您新标签页上的网站书签。在您自定义添加网站时,会自动获取该网站的标题,这需要使用“读取和更改您在所访问的网站上留存的所有数据”的权限。
2.自定义您新标签页上的壁纸。
3.自定义您新标签页上的搜索引擎
4.读取并在Gmail图标上显示您的Gmail未读邮件数;当有新的Gmail邮件时会发出通知;

chrome浏览器常用插件

这是新开标签页时的效果,可以将一些自己经常访问的网站或者功能放到首页,还可以换一张你喜欢的壁纸 这样你就不用每次打开浏览器或者新标签页时看到类似hao123这样的网址导航页了,还时不时弹出点广告

插件下载地址

Infinity 新标签页

4、IDM Integration Module

这是一个IDM的下载插件,搭配Internet Download Manager下载管理器使用相当方便,用的人还是挺多的

chrome浏览器常用插件

插件下载地址

IDM Integration Module

5、OneTab

  • 应用场景一: 把多个Tab转换为一个列表

当你发现自己有太多的标签页时,单击OneTab图标,所有标签页会转换成一个列表,当你需要再次访问这些标签页时,点击OneTab图标唤出列表,点击列表恢复标签页

  • 应用场景二: 批量分享网页

可以将场景一中 生成的列表页生成二维码, 将二维码分享给别人, 这样别就可以收到你分享的一组网页了!

  • OneTab官方主打的是第一个功能,宣传口号是节省高达95%的内存,并减轻标签页混乱现象, 本质是通过关闭繁多的标签页,让浏览器 占用内存变少, 个人认为, OneTab相当于重新定义了浏览器的历史记录, 确实是很不错创意
  • OneTab第二个功能,是我个人比较喜欢的, 如果别人问你一些比较简单的问题, 你可以打开几个和问题答案相关的网页, 然后一键分享给别人, 让他们自己去看, 也算是授人以鱼不如授人以渔了

chrome浏览器常用插件

插件下载地址

OneTab

6、Tampermonkey

Tampermonkey ,俗称“油猴”,是一款在浏览器上运行和管理脚本的插件。有了 Tampermonkey ,你能够轻松有效地使用和管理网页脚本,让你的上网体验更加舒适。

chrome浏览器常用插件

插件安装成功后,就可以去下载各种脚本安装了, 脚本我一般是在 Greasy Fork 这个网站上下载,步骤非常简单,找到你想安装的脚本,点一下安装此脚本就行了。

插件下载地址

Tampermonkey

7、Vimium

首先介绍下如何高效的搜索自己浏览器的收藏夹中的网页;

  • 自己浏览器的收藏夹里收藏了很多资料,但是每次用的时候,却不能立即找到它,需要点开文件夹,然后一个一个的去找,有时候花很久才能找到以前收藏的网页,有时候翻了很久也没有找到。
  • 碰到这种情况,你也许并不会感觉有什么不对,可能还会怪自己没有归类好,是自己的不对。

安装了Vimium这个插件,就不需要看收藏夹的内容,可以快速找到收藏的网页,只需要知道其中的关键字就可以,哪怕只记得一个关键字我也能相对的快速找到。

chrome浏览器常用插件

  • 安装启用后,按b键可以直接搜索标签。
  • 还有一些其他快捷键实现很多功能
j:向下滚动一点
k:向上滚动一点
gg:到页面最底部
G:到页面最底部
d:向下翻一屏
u:向上翻一屏
H:后退   
L: 前进
x:关闭当前页面   
X:恢复刚刚关闭的页面
shift+/ : Vimium help,查看vimium的快捷键设置
...
复制代码

这个感兴趣的可以安装体验

插件下载地址

Vimium

  • 以上列出的只是我经常使用的插件,还有其他的浏览器插件,就不一一列出了。


作者:w小p
链接:https://juejin.cn/post/7047319678078681095
来源:稀土掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

上一篇:Python UI 自动化,Window环境安装


下一篇:[自动化] PyChromeDevTools源码分析