虽然有点标题党的嫌疑,但是内容绝对是满满的的干货。很多扩展功能比较单一,直接用一张图就能很清楚说明它的用途啦。出于篇幅的限制,我在这里会重点介绍一些我个人比较用得上的一些扩展。因为平时前端开发的比较多,所以偏向前端程序员的扩展可能会比较多一些。
我本人对 chrome 扩展比较挑,一般有同类型的扩展我会选择维护比较积极的,使用人数更多的。像有些 3 年都没更新过的扩展我基本上是不会用的,除非这个扩展本身功能比较简单,不需要更新。我平时有事没事就会去 chrome 扩展市场去逛逛,所以积累的优秀扩展比较多。一大波图片即将袭来, 请在 wifi 条件下或者流量充足的情况下阅读。
让 chrome 更好用的扩展
Chrome Better History
这是一个用来替代 chrome 自带的查看历史记录功能的扩展,界面设计的很简洁,比较赞的是可以很方便的查看不同日期的历史记录。
Grammarly for Chrome
其实包括很多编辑器和 ide 都有类似的扩展用来纠正英文的拼写错误。当你在网页中的编辑框中编辑文本时,这个扩展能提示你单词的拼写错误,你少了标点符号和混淆单词提示等, 高级版功能更多,不过标准版就已经够用了。
Webtime Tracker
统计你浏览各个网站的时间,以圆环图和列表的形式展示,简洁专一。
uBlock Origin
拦截广告的扩展有很多,比较有名的有 Adblock
,Adblocks plus
,AdGuard
, uBlock Origin
等,各有各的特点,挑一个安装就行了,安装多个完全没必要,浪费内存还容易起冲突。感觉用来拦截广告的扩展后,浏览网页就没怎么碰到过恶心的广告,弹窗了。清爽了不少,实在必备神器啊。
Enable Copy
遇到限制复制粘贴和右键的网页是不是很头痛?安装这个扩展后,点下扩展按钮就能解决了~
Chrome清理大师
非常轻巧实用的清理工具,没有其他乱七八糟的功能。
高效网页截图编辑扩展
这款截图工具不但截图功能丰富,还可以在截图之后直接标注。
划词翻译
一款小巧实用的划词翻译工具,设置项很丰富。
Wappalyzer
一款可以分析网站用到的技术框架的扩展。
IP Whois & Flags Chrome & Websites Rating
可以显示网站的国旗和其它信息。
另一款更强大的 ip 分析扩展是 IP Address and Domain Information
扩展管理器(Extension Manager)
简单易用的扩展管理器,点击已启用的扩展图标即可禁用,还有搜索和分组功能。
Copyfish 🐟 Free OCR Software
一个 ocr 文字识别扩展。
Markdown Preview Plus
一款可以让你在浏览器中阅读 markdown 文件的扩展,配色还是挺护眼的。
Markdown Here
官方描述:
Markdown Here允许你在发送电子邮件之前用Markdown语法编辑并转换它(让它看起来漂亮极了!)。 这对于那些不喜欢在撰写电邮时反复摆弄排版按钮的人无疑是好消息。 它特别适合那些要在电子邮件中插入代码的程序员们 —— 没错,它甚至支持语法高亮显示。 对于我们之中的数学家们而言,Markdown Here也支持转换TeX公式。 复制代码
类似的网站 - 发现相关网站
Proxy SwitchyOmega
***管理扩展,方便快速切换各种***模式。
Tampermonkey
很多网友叫这个扩展叫油猴,本质上是一个管理注入网站的 javascript 脚本的扩展。使用它我们可以自定义某个网站打开时注入的脚本,也可以去一些论坛直接安装别人分享的脚本。油猴搭配 idm
对于治疗百度网盘蜗速有奇效,,比较受欢迎的脚本还有破解会员之类的。推荐脚本源 greasyfork, 还有一个显示当前网站所有可用脚本的脚本 Userscript+。
Stylus
油猴是用来注入 javascript 脚本的,而这个是用来注入 css 样式的。
Infinity 新标签页
这个扩展被太多人推荐过了,非常良心的一款新标签页扩展,有很多地方都可以自定义。本文的封面就是这个扩展。
HTTPS Everywhere
加密网络浏览,自动使用 HTTPS 连接访问站点,更加安全。
还有一些都用得上的扩展我就简单列一下:
- Black Menu for Google™ 一个菜单扩展让你快速使用 Google 提供的各种服务
- crxMouse Chrome™ 手势 极大的扩展了 chrome 的手势功能
- Fatkun图片批量下载
- IE Tab 解决 chrome 无法使用网银的问题
- Note Board - Sticky Notes App
- MEGA 免费 50 G 的网盘
- Office Online 在浏览器中查看、编辑和创建 Office 文件。
- PDF Viewer chrome 浏览 pdf
- Screencastify - Screen Video Recorder 网页录屏
- OneTab 合并所有标签页,节省内存
- Tabs Outliner 将标签页树状显示
- Speedtest by Ookla 测试网络速度和打开网页的速度
- Surfingkeys
- Vimium 像 vim 一样操控网页
- Volume Master 音量调节器
- 为什么你们就是不能加个空格呢?
- Listen 1 音乐聚合
- Video Speed Controller 视频加速扩展,可以用来做坏事(。^▽^)
- Hover Zoom 鼠标悬浮到图片上显示大图
- 右键搜 扩展右键菜单
- 关灯看视频
网站加强扩展
github 相关的扩展比较多。
Awesome Autocomplete for GitHub
加强 github 的搜索框。
File Icon for GitHub, GitLab and Bitbucket
给 github 仓库文件添加图标。
Octohint
github 代码智能高亮。
OctoLinker
直接从代码跳转到 gtihub 对应仓库。
Isometric Contributions
立体显示 github Contributions 的扩展。
Octotree
在左侧添加一个文件浏览器,可以更快的在文件之间跳转。
Sourcegraph
这个扩展厉害了,将 github 变得和 IDE 一般,集成各种功能。
和 github 相关的还有几个我就简要介绍一下了
- GayHub
- Refined GitHub 这个和上面的都是对 github 整体进行加强的扩展
- GitHub Hovercard 这个加强了 github 悬浮在某些元素上的功能
v2ex plus
官方介绍:
优雅便捷的 V2EX 扩展
- 帖子会话详细.
- 帖子列表主题预览.
- 只看楼主功能.
- 楼主回复背景色高亮(颜色可自定义).
- 感谢爱心颜色自定义.
- 插入表情与图片(weibo或imgur).
- 回复内图片旋转.
- 一键签到与自动签到.
- 新消息通知提醒并改变扩展按钮颜色.
One more thing... ^-^
YouTube™广告***
这个广告***会删除YouTube上的所有广告。前贴片视频广告,文字和横幅广告。
还有一个和 youtube 相关的扩展 Magic Actions for YouTube™
眼不见心不烦(新浪微博)
新浪微博加强扩展,不过评论有些负面评价,我也不知道是不是真的,平时不怎么玩微博。
新浪微博图床
简单好用的新浪微博图床,支持选择/拖拽/粘贴上传图片,并生成图片地址,HTML,UBB和Markdown等格式,支持浏览和删除历史记录
哔哩哔哩助手:bilibili.com 综合辅助扩展
哔哩哔哩弹幕网辅助扩展,拥有视频区和直播区的人性化功能。
bilibili哔哩哔哩下载助手
bilibili 哔哩哔哩 B站 下载助手 帮你下载版权受限(能看不能缓存)的 番剧 视频。
前端扩展
ColorZilla
取色器。
CSSViewer
css 查看器。
EditThisCookie
EditThisCookie 是一个 cookie 管理器。您可以添加,删除,编辑,搜索,锁定和屏蔽cookies!
下面是知乎登入后的 cookie 编辑页面。
JSON Viewer Awesome
美化 json 内容。
Lighthouse
谷歌官方出品的一个网站性能测试,分析扩展。
下面是这个扩展生成的知乎首页的一份测试报告,可以看出知乎根本没做 pwa 。
LiveReload
一款让你不使用 webpack 构建项目也能享受热加载的扩展。
Page Ruler
一款尺寸测量工具。
ReRes
很实用的一个开发工具,官方介绍:
Change the response of the request. ReRes可以用来更改页面请求响应的内容。通过指定规则,您可以把请求映射到其他的url,也可以映射到本机的文件或者目录。ReRes支持单个url映射,也支持目录映射。
User-Agent Switcher and Manager
这个扩展能让你自定义网站的 user-agent,切换不同的 user-agent,查看网页在不同的 user-agent 下的效果。
WEB前端助手(FeHelper)
这个就不用介绍了吧,很多开发者都在用,国内开发者开发的一套前端工具集。
Restlet Client - REST API Testing
一款 restful api 测试工具,不过我一般都直接用 postman。
VisBug
谷歌公司开源的一款前端设计,调试工具。
Moesif Orign & CORS Changer
解除浏览器跨域限制。
还有一些我就简要介绍一下了:
- React Developer Tools facebook 官方开发 react 开发扩展。
- Redux DevTools redux 开发扩展
- lucid A React-GraphQL developer tool
- Vue.js devtools vue 官方开发 vue 开发扩展
- Puppeteer Recorder 录制 puppeteer 脚本
- SEOquake 查看一个网站在各大搜索引擎的 SEO 情况
chrome app
Gliffy Diagrams
有了它,就可以替代 processon, draw.io 之类的在线画图工具了。
Secure Shell App
一个终端模拟器,ssh 客户端,有兴趣可以体验一下,我自己是没怎么用过。
Text
一款文本编辑器,支持语法高亮,还可以保存内容到 Google Drive 上。
写在最后的一些话
这篇文章有点长,能看到这也是不容易。很多人是文章太长就不看的(>人<;)。别看我说了这么多扩展,我平时也不会把这么多插件全开着,有些扩展还是挺占用内存的。有些人可能不知道怎样查看 chrome 的资源占用情况,方法很简单: 右击 chrome 标签栏可以看到一个打开任务管理器的选项。点击就可以打开 chrome 任务管理器,在 chrome 任务管理器就可以看到各种扩展资源占用情况。
一般情况下我只会启用少部分我常用的扩展。我电脑内存 16 G,其实多开几个扩展倒无所谓。我只是怕扩展之间会起冲突,或者对我的网页内容造成一些隐性 bug,毕竟我目前还是搞前端开发的。如果有什么问题或者你有更好的扩展推荐,不妨在评论区留言,我一般都会积极回复。
感谢您的阅读,如果对你有所帮助不妨加个关注,点个赞支持一下O(∩_∩)O。
本文为原创内容,首发于个人博客,转载请注明出处。