这么香的Chrome插件,你都安装了吗?

简介: 工欲善其事必先利其器,今天长话短说,介绍13个敏捷、高效的Chrome插件根据使用方式,本人将其划分为三大类:开发者工具日常效率工具类浏览器管理类

开发者工具


1. Web Developer


Web Developer 这款扩展集成了各种各样的 Web 开发工具,几乎是网页开发人员必备的 Chrome 开发者工具扩展插件,


Web Developer插件的工具栏很多,Web Developer 主要由以下几个部分组成:


Disable、Cookies、CSS、Forms、Images、Information、Miscellaneous、Outline、Resize、Tools、View Source和Options, 网页功能之强大,令人发指。


14b67cb505abcf81796094f86474a0ae.png


2. FeHelper


这款是开发者工具的集大成者,不仅包含前端实用的工具,如JSON美化、代码美化、JS正则表达式、栅格规范检测、网页性能检测、页面取色等web常见功能,还包含工作小工具:MarkDown转换、Crontab工具、字符串编解码、二维码编解码、编码规范检测、便捷思维导图、我的便签,对编辑、广告、媒体行业从业者也相当有效。


84da6bf0aeaadde010ca159f970ede27.png


3.Postman Interceptor(需要先安装Postman Chrome App)


前后端数据联调的鼻祖,无人不知无人不晓,目前Postman官方已经推荐安装原生Postman App,但本人还是喜欢在浏览器在使用这个调用器,拉起Potman App。


4.EditThisCookie


EditThisCookie是一个cookie管理器。您可以添加,删除,编辑,搜索,锁定和屏蔽cookies. 作为一名掌控欲极强的开发者,能自由掌握cookie,那种感觉真的很自在。

针对程序员,推荐两款有效的Github插件


5. Octotree


要想成为大神,Github就是最佳样板,而原生的Github代码文件浏览很不方便,所以找到了Octotree。Octotree是一个显示Github项目目录结构优秀插件。


Octotree的特性:


1.类似 IDE 的非常方便的代码目录树

2.使用 PJAX 的超快代码浏览(很快!)

3.支持公有库和私有库


  • 0536b21307d080164466d4b08b8c3e54.jpg


6. sourcegraph


这是一款让你像使用IDE那样浏览代码,跳转定义、鼠标悬停查看签名、查看引用,搭配Octotree真是让你在Github查看代码的时候大呼过瘾。


日常效率工具类


7. 划词翻译


顾名思义,网页上鼠标划词翻译,支持谷歌、百度、有道三大翻译和朗读引擎,可以方便的查看、复制和朗读不同引擎的翻译结果


不管你信不信,反正翻译效果超过本人脑汁翻译,在下佩服。

62a074bcf22ce4d293d66fb9f099b2f0.png


8.LastPass


现在网站密码、身份密码、金融密码这么多,保存同步密码是刚性需求, 这款LastPass是我对比1Password(收费贵), PasswordBox(倒闭)之后极力推荐的,稳定使用3年,核心的多终端同步功能于2016年免费使用。


9.Nimbus


日常跟技术怼、跟产品怼,跟QA怼,没图你说个JB.

这款插件让您在网页截图,截屏、截滚动屏、录制视频,还能延迟截屏, 截完就开怼。


ba6a15a9adc43d3cde7b61b78f9fcc2f.png


10.AdBlock


号称最佳广告拦截工具,安装之后,整个世界清爽了。


浏览器管理类


11. OneTab


Chrome作为电脑吃内存大户,特别是开了很多标签之后,电脑卡的一逼。OneTab通过将标签全部折叠,一键节省95%的内存,当然也可以一键恢复。


09821bd53fa42133cf1f7dd8075bc2b7.png


12.谷歌访问助手


在vpn日趋严格的今天,Ctrl+C/V程序员依旧需要面向谷歌编程,这款谷歌访问代理插件,本人已经稳定使用三年(购买的vpn掉链子),本次偷偷将破解版(无广告)分享给大家。


48ae72ac1410db04ba8a92e98e521afb.png


开发者心里要有数,这本质是一款浏览器网络代理,在排查某些网络问题时需要关注这一点。


13.百度药丸


让百度世界更纯粹,安装之后再也不用费心心力明辨是非。


1.屏蔽百度推广

2.阻止百度追踪

3.美化首页(需退出百度账号)


24023e8ed0e06a14591c2ea6f60a6cae.jpg


总结


不敢贪多,就这13款,横跨工作效率、日常工具、浏览器管理

这13款插件让您自由飞翔。


从Chrome网上应用店下载这些牛逼插件需要能访问谷歌站点,所以这又是一个鸡生蛋还是蛋生鸡的问题,幸好Chrome提供离线安装的能力。

相关文章
|
2月前
|
Web App开发 JSON JavaScript
vue学习:chrome 中 vuetools 开发插件 的下载、安装
这篇文章介绍了如何在Chrome浏览器中下载、安装并测试Vue.js开发插件——vue-devtools。
409 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插件本地安装。
81 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` 样式表。
368 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中,设置插件的图标要如何解决
|
4月前
|
Web App开发 人工智能 iOS开发
灵办AI助手Chrome插件全面评测:PC Web端的智能办公利器
《灵办AI助手:Mac OS下的高效办公利器》 灵办AI助手是一款专为提升工作效率而设计的浏览器插件,适用于Chrome、Edge等主流浏览器,在Mac OS系统中表现尤其出众。本文将深入评测其核心功能,包括网页翻译、AI对话、AI阅读及代码辅助等,展示如何在实际工作中运用这些功能来提升效率。此外,文中还提供了详细的安装与设置指南,帮助读者轻松上手这款办公神器。无论你是学生、职场人还是开发者,灵办AI助手都能成为你提高生产力的理想选择。
152 0
|
4月前
|
Web App开发 资源调度 JavaScript
Chrome 安装 Vue Devtools 调试工具
Chrome 安装 Vue Devtools 调试工具
48 0