chrome浏览器插件推荐
分享一些我个人平时常用的浏览器插件,有些可以提高工作效率,有些能快捷实现一些想要的功能。 每个工具都有它自己的用处,就看是否符合你的开发习惯以及个人风格,适合自己的就是最好的。
以下的插件下载链接全都来自谷歌官方应用商店,排名不分先后,大家可以自行下载!
一、开发常用
1、FeHelper(前端助手)
JSON自动格式化、手动格式化,支持排序、解码、下载等数十种功能,更多功能可在配置页按需安装!
插件下载地址
2、EditThisCookie
开发会经常操作和查看Cookie,在没有插件的情况下,我们需要这样操作
- 打开
开发者工具
- 切换到
Application
tab页 - 展开
Storage/Cookies
- 找到对应的Cookie,然后进行查看、添加、编辑、删除等操作
所以Cookie管理插件是开发必备的插件,Cookie管理插件我常用的有两个:EditThisCookie
和Cookie Editor
下面是EditThisCookie
的插件截图
只需要点击插件图标,就可以方便快捷地编辑cookie了
-
EditThisCookie
可以在当前页快捷打开弹窗,直接操作当前页面的cookie信息 -
Cookie Editor
可以在新标签页打开管理面板,浏览器中所有域名下的cookie都可以在这里统一操作
插件下载地址
3、JSON-handle
一款格式化json数据的插件
- json格式化插件有很多,有的人喜欢用JSON Formatter、 JSON Viewer等,我个人习惯了使用这款JSON-handle插件
格式化后的效果如下图,右侧面板可以展开/收缩节点,以及解码,编辑等操作
插件下载地址
4、Octotree
每当我们查看github仓库文件时,都需要一级一级点开,然后一级一级的返回,给我们带来很大的不便,Octotree就可以将github的项目以树状结构显示出来
- 安装完Octotree之后,重启浏览器,访问github仓库时,左侧会有个Octotree抽屉按钮,鼠标悬停就会打开抽屉,显示出该仓库的文件结构结构图
效果如下图:
-
还有一款插件Sourcegraph也能实现这个功能,但是点击图标会在打开新标签页中显示目录结构
-
我个人比较喜欢使用第一款Octotree插件
插件下载地址
5、Talend API Tester - Free Edition
api调试工具也有很多种,postman等其他工具也用过,但是我的插件列表只剩下了它
插件下载地址
6、vue和react开发者工具
-
Vue.js devtools
-
React Developer Tools
-
Redux DevTools
这三个开发者工具,应该是前端开发必备插件了,所以不需要着重介绍了,想必应该也都知道怎么下载和安装了,这里还是附上对应的下载地址吧
插件下载地址
7、稀土掘金
掘金是一个帮助开发者成长的社区,是给开发者用的 Hacker News,给设计师用的 Designer News,和给产品经理用的 Medium。
掘金是一个开发者会频繁访问的网站,在这里可以查阅资料,与大家沟通、交流,分享知识,也可以了解社区动态和技术趋势。
平时我们通过PC端网址或者app访问,这个插件可以快捷打开新标签页访问掘金网址,并展示聚合内容和每日优质内容 。
插件下载地址
二、其他插件
1、扩展管理器(Extension Manager)
这个插件可以方便的管理chrome插件的插件,当我们的chrome浏览器安装的插件过多时,通过自带的扩展管理功能来管理插件太过麻烦,有时候还要在菜单面板上找半天才能进入自带的扩展管理界面,相当影响效率。
当想启用或者关闭某个插件时,只需要点开管理器面板,进行相应的操作即可。
插件下载地址
2、鼠标手势插件
- crxMouse Chrome™ 手势
crxMouse Chrome™ 手势具有精彩的功能,实现鼠标导航,这些应用包括:
★ 鼠标手势、超级拖拽、平滑滚动手势和摇杆手势
★ 完全可自定义的鼠标手势、击键、操作和鼠标移动
★ Windows、Linux 和 Mac 支持
★ 导入和导出配置
- smartUp手势
我安装了两款手势插件,个人喜欢用第一个crxMouse Chrome™ 手势,大家可以自己安装体验
插件下载地址
3、Infinity 新标签页 (Pro)
Infinity新标签页 (Pro) 将原生新标签页替换为您保存的书签,并提供了多种快捷实用的功能。
安装该扩展后,您可以使用以下功能:
1.自定义您新标签页上的网站书签。在您自定义添加网站时,会自动获取该网站的标题,这需要使用“读取和更改您在所访问的网站上留存的所有数据”的权限。
2.自定义您新标签页上的壁纸。
3.自定义您新标签页上的搜索引擎
4.读取并在Gmail图标上显示您的Gmail未读邮件数;当有新的Gmail邮件时会发出通知;
这是新开标签页时的效果,可以将一些自己经常访问的网站或者功能放到首页,还可以换一张你喜欢的壁纸 这样你就不用每次打开浏览器或者新标签页时看到类似hao123这样的网址导航页了,还时不时弹出点广告
插件下载地址
4、IDM Integration Module
这是一个IDM的下载插件,搭配Internet Download Manager下载管理器使用相当方便,用的人还是挺多的
插件下载地址
5、OneTab
- 应用场景一: 把多个Tab转换为一个列表
当你发现自己有太多的标签页时,单击OneTab图标,所有标签页会转换成一个列表,当你需要再次访问这些标签页时,点击OneTab图标唤出列表,点击列表恢复标签页
- 应用场景二: 批量分享网页
可以将场景一中 生成的列表页生成二维码, 将二维码分享给别人, 这样别就可以收到你分享的一组网页了!
- OneTab官方主打的是第一个功能,宣传口号是节省高达95%的内存,并减轻标签页混乱现象, 本质是通过关闭繁多的标签页,让浏览器 占用内存变少, 个人认为, OneTab相当于重新定义了浏览器的历史记录, 确实是很不错创意
- OneTab第二个功能,是我个人比较喜欢的, 如果别人问你一些比较简单的问题, 你可以打开几个和问题答案相关的网页, 然后一键分享给别人, 让他们自己去看, 也算是授人以鱼不如授人以渔了
插件下载地址
6、Tampermonkey
Tampermonkey ,俗称“油猴”,是一款在浏览器上运行和管理脚本的插件。有了 Tampermonkey ,你能够轻松有效地使用和管理网页脚本,让你的上网体验更加舒适。
插件安装成功后,就可以去下载各种脚本安装了, 脚本我一般是在 Greasy Fork 这个网站上下载,步骤非常简单,找到你想安装的脚本,点一下安装此脚本就行了。
插件下载地址
7、Vimium
首先介绍下如何高效的搜索自己浏览器的收藏夹中的网页;
- 自己浏览器的收藏夹里收藏了很多资料,但是每次用的时候,却不能立即找到它,需要点开文件夹,然后一个一个的去找,有时候花很久才能找到以前收藏的网页,有时候翻了很久也没有找到。
- 碰到这种情况,你也许并不会感觉有什么不对,可能还会怪自己没有归类好,是自己的不对。
安装了Vimium这个插件,就不需要看收藏夹的内容,可以快速找到收藏的网页,只需要知道其中的关键字就可以,哪怕只记得一个关键字我也能相对的快速找到。
- 安装启用后,按b键可以直接搜索标签。
- 还有一些其他快捷键实现很多功能
j:向下滚动一点
k:向上滚动一点
gg:到页面最底部
G:到页面最底部
d:向下翻一屏
u:向上翻一屏
H:后退
L: 前进
x:关闭当前页面
X:恢复刚刚关闭的页面
shift+/ : Vimium help,查看vimium的快捷键设置
...
复制代码
这个感兴趣的可以安装体验
插件下载地址
- 以上列出的只是我经常使用的插件,还有其他的浏览器插件,就不一一列出了。
作者:w小p
链接:https://juejin.cn/post/7047319678078681095
来源:稀土掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。