吐血推荐 Chrome 插件(一)

简介: 吐血推荐 Chrome 插件

640 (6).jpg


工欲善其事,必先利其器。chrome 作为我们前端开发,甚至说我们程序员最常用的开发工具,我们得把这把剑好好利用起来。


接下来我就推荐几款我平时用到的几款插件


1. Vimium++


推荐指数五颗星


电脑高手们都会尽可能地寻找各种快捷高效的操作方式,因为我是一个 vim 爱好者,之前也写过 vim 的入坑文章,所以在浏览器上也想脱离鼠标,纯键盘操作。


Vimium++  参考 Vim 按键操作方式和理念而来的浏览器插件,可以让你几乎全程使用键盘快捷键来上网,大大提高浏览效率。如果你本身是一位 Vim 用户的话,你几乎没有学习的门槛,很快就能找到使用 Vim 编辑器那种流畅操作的“熟悉感”。


2. 划词翻译


推荐指数五颗星


网上遇到外语(其实即使是汉语你也不一定懂)看不懂时,大家第一反应应该就是找出翻译工具来进行翻译了吧?如果要翻译的内容粘贴进去,最后再得出翻译结果。但这步骤真的好麻烦,而且作为程序员来说经常看英文文档,不怕,我们还有划词翻译。


640 (7).jpg


这个插件超好用,只需要选中需要翻译的英文,然后双击就可以翻译出来了,而且还可以一键复制翻译的内容,还可以选择翻译的引擎。


640 (9).jpg

3. 广告终结者


推荐指数四颗星


相信在浏览很多网站的时候,总是没事儿会弹出一些小广告,广告终结者基本上可以避免 99% 的广告。


但是有些你觉得质量比较高的网站,比如阮老师的博客,大漠穷秋的 w3cplus(以前广告是真的多,而且还大),他们是靠广告来养活服务器的,所以可能你不想屏蔽这些网站的广告。也可以把这些网站添加到白名单里,就可以不用终结这些网站的广告。


4. 掘金


推荐指数三颗星


掘金作为一个内容网站,其内容相对于业界的同类网站来说,内容还是比较可以的,不过掘金前端文章比较多,作为一个前端人还是可以经常逛逛,掘金插件除了集成了给你推荐的文章,右边的 github trending 我觉得是非常有用的,这个是我装这个插件的决定性功能。


640 (8).jpg

5. JSONView


推荐指数三颗星


很多时候对接口的时候,经常会用浏览器直接访问 get 请求,然后后端返回一个 JSON 数据,但是浏览器不能很好的把 JSON 格式展示出来,这个插件会把数据格式化方便阅读。


同类插件也有,我比较喜欢使用这个。


注意:后面还会有第二波

目录
相关文章
|
2月前
|
Web App开发 JSON JavaScript
vue学习:chrome 中 vuetools 开发插件 的下载、安装
这篇文章介绍了如何在Chrome浏览器中下载、安装并测试Vue.js开发插件——vue-devtools。
402 0
vue学习:chrome 中 vuetools 开发插件 的下载、安装
|
4月前
|
Web App开发 存储 前端开发
《Chrome谷歌插件Top10》开发最好用的谷歌插件
本文介绍了多个实用的浏览器插件及其安装方法。包括CSDN浏览器助手,提供高效开发工具;FeHelper,前端必备工具,支持格式化、压缩等功能;uBlock Origin,有效屏蔽广告和弹窗;PageLiner,网页标尺工具,便于前端设计;Fatkun,批量下载图片;Smallpdf,文件转换工具;Octotree,GitHub代码树插件;Awesome Screenshot,截图与录屏工具;ColorZilla,颜色拾取器;Dark Reader,暗黑模式阅读插件。安装方式有通过Chrome商店搜索或下载crx插件本地安装。
80 11
|
4月前
|
Web App开发 JSON 前端开发
30个Chrome 灵魂插件!
30个Chrome 灵魂插件!
|
4月前
|
Web App开发 前端开发 JavaScript
手摸手教你,从0到1开发一个Chrome浏览器插件
开发 Chrome 插件既有趣又具成就感。本教程将引导你从零开始,逐步创建一个简单的 Chrome 插件。首先了解 Chrome 插件是可增强浏览器功能的小程序。以一个基础示例开始,你将学习如何设置开发环境,包括安装 Chrome 和准备文本编辑器,并掌握 HTML、CSS 和 JavaScript 的基础知识。接着,我们将构建插件的基本结构,涉及 `manifest.json` 配置文件、`background.js` 后台脚本、`popup.html` 用户界面以及 `style.css` 样式表。
367 8
|
4月前
|
Web App开发
Chrome 护眼模式 - 黑暗模式 - 夜眼(Night Eye) 插件
Chrome 护眼模式 - 黑暗模式 - 夜眼(Night Eye) 插件
216 0
Chrome 护眼模式 - 黑暗模式 - 夜眼(Night Eye) 插件
|
4月前
|
Web App开发 前端开发 JavaScript
灵魂拷问-前端到底能做些什么?--chrome插件篇
本文会从浏览器插件应用场景切入,穿插插件基础能力和常见入口的介绍,核心回答如下三个问题:插件可以被使用在哪些场景?不同的使用场景我们的主要代码实现思路是怎样的?我们可以从哪些角度入手自己开发一款可以落地实用的浏览器插件?
|
5月前
|
Web App开发 数据可视化 前端开发
Chrome插件实现问题之content-scripts能访问哪些Chrome API
Chrome插件实现问题之content-scripts能访问哪些Chrome API
|
5月前
|
Web App开发 JavaScript 前端开发
Chrome插件实现问题之在Manifest V2中,设置插件的图标要如何解决
Chrome插件实现问题之在Manifest V2中,设置插件的图标要如何解决
|
5月前
|
Web App开发 存储 JavaScript
Chrome插件实现问题之Manifest V2切换MV3会带来什么问题,如何解决
Chrome插件实现问题之Manifest V2切换MV3会带来什么问题,如何解决
|
4月前
|
Web App开发 人工智能 iOS开发
灵办AI助手Chrome插件全面评测:PC Web端的智能办公利器
《灵办AI助手:Mac OS下的高效办公利器》 灵办AI助手是一款专为提升工作效率而设计的浏览器插件,适用于Chrome、Edge等主流浏览器,在Mac OS系统中表现尤其出众。本文将深入评测其核心功能,包括网页翻译、AI对话、AI阅读及代码辅助等,展示如何在实际工作中运用这些功能来提升效率。此外,文中还提供了详细的安装与设置指南,帮助读者轻松上手这款办公神器。无论你是学生、职场人还是开发者,灵办AI助手都能成为你提高生产力的理想选择。
151 0