实用工具 | 推荐 9 个好用的 Chrome 插件

简介: 最近更新比较佛系,一方面,工作确实有点忙,但是做的都特么旧项目。09 年的代码都出来了,贼特么恶心。感觉待不久了。另一方面,没想好最近有啥要跟大家分享。刚好今天打开 Chrome ,发现自己一直在用的几个很不错的 Chrome 插件,顺手推荐给你们了。

1、屏蔽百度推广


不知道大家注意到没有,有百度搜索的时候,右侧会有一列与关键词无关的热点新闻引导大家去点击分散大家的注意力。而上面说到的这个插件就可以屏蔽右侧推广,还你们一个干净的百度,比如没装插件,它的页面是这样的:


640.jpg


使用方式:点击关闭右侧推广按钮,页面会自动刷新


640.png


这个时候的网页,就变干净了:


640.jpg


2、广告净化器


作为程序员应该没少逛 CSDN 吧,不知道你们有没有觉得以下的轮训广告很恶心?反正我是受不了的,正看着博客,就被这广告给打扰了。这个插件就可以帮你屏蔽任何网站的广告,甚至于爱奇艺,腾讯视频等广告。你们追电视剧要看的广告,我全都不需要看,如丝般顺滑。话不多说推荐给你们。没插件之前是这样的:


640.jpg


使用方法:打开按钮就可以


640.jpg


使用后:


640.jpg


3、WEB前端助手(FeHelper)


作为程序员的大家在开发中肯定会用到很多诸如,JSON 格式化,代码美化,字符串编码,二维码生成等等一大堆工具。这个插件就为这些个功能提供了良好的支持,实在是太良心了。


640.jpg


使用方法:下载插件安装即可,简单方便。


4、Dark Reader


夜深人静浏览网站时保护眼睛的好插件,黑色主题,适用于任何网站。关爱眼睛,就使用 Dark Reader 进行夜间和日间浏览。使用前:


640.jpg


使用方法:设置好各种参数,直接点击网站名,看到以下红框的网站域名带个 √ 就是设置成功了。


640.jpg


使用后:此时的网站主题就会变成你设置好的黑色:


640.jpg


5、Isometric Contributions


纯装逼利器,这个插件就是把 Github 的提交记录从二维平面的变成三维立体的。安装前:


640.png


安装后:除了提交记录变三维立体外,还支持通过设置来统计你的各项数据。


640.jpg


6、Octotree


大家平时上 github 看项目都是一层一层文件夹点进去,非常繁琐。这款插件就是让你在 Github 上查看代码结构就像在自己开发工具里面一样方便。效果是这样的:


640.png


7、Infinity 标签页


这个插件自由定制 chrome 标签页。开启页面添加时代,无论你浏览那个页面,都能一步将网址添加到标签页中,独创新标签页中谷歌邮件自动提醒功能,还有精美天气,待办事项,历史记录管理,应用程序管理,印象笔记一样的记事应用,高清壁纸,必应,百度,谷歌搜索。反正就是贼好用,我的标签页是这样的:


640.jpg


8、Google 翻译

这个插件可以在你浏览英文技术文档时,选中翻译成中文,帮助你理解。比如:Spring 官网:


640.png


点击红框小图标就可以翻译出来:


640.jpg


9、一个神奇的网站


扩展迷:https://extfans.com/


大家都知道 Chrome 插件一般都要科学上网才能下载到,但是自从这个网站出现以后下载插件不再需要折腾了。直接访问搜索名称就可以下载到以上所提到的插件。


640.jpg

相关文章
|
17天前
|
Web App开发 JavaScript 前端开发
使用 Chrome 浏览器的内存分析工具来检测 JavaScript 中的内存泄漏
【10月更文挑战第25天】利用 Chrome 浏览器的内存分析工具,可以较为准确地检测 JavaScript 中的内存泄漏问题,并帮助我们找出潜在的泄漏点,以便采取相应的解决措施。
121 9
|
1月前
|
Web App开发 JSON JavaScript
vue学习:chrome 中 vuetools 开发插件 的下载、安装
这篇文章介绍了如何在Chrome浏览器中下载、安装并测试Vue.js开发插件——vue-devtools。
246 0
vue学习:chrome 中 vuetools 开发插件 的下载、安装
|
3月前
|
Web App开发 JSON 前端开发
30个Chrome 灵魂插件!
30个Chrome 灵魂插件!
|
3月前
|
Web App开发 前端开发 JavaScript
手摸手教你,从0到1开发一个Chrome浏览器插件
开发 Chrome 插件既有趣又具成就感。本教程将引导你从零开始,逐步创建一个简单的 Chrome 插件。首先了解 Chrome 插件是可增强浏览器功能的小程序。以一个基础示例开始,你将学习如何设置开发环境,包括安装 Chrome 和准备文本编辑器,并掌握 HTML、CSS 和 JavaScript 的基础知识。接着,我们将构建插件的基本结构,涉及 `manifest.json` 配置文件、`background.js` 后台脚本、`popup.html` 用户界面以及 `style.css` 样式表。
305 8
|
3月前
|
Web App开发
Chrome 护眼模式 - 黑暗模式 - 夜眼(Night Eye) 插件
Chrome 护眼模式 - 黑暗模式 - 夜眼(Night Eye) 插件
135 0
Chrome 护眼模式 - 黑暗模式 - 夜眼(Night Eye) 插件
|
3月前
|
Web App开发 监控 前端开发
React 性能监测工具大揭秘!Chrome DevTools 高级用法来袭,让你的 React 应用性能飙升!
【8月更文挑战第31天】在前端开发中,React 框架虽简化了高效、交互性强的用户界面构建,但应用复杂性增加亦可能引发性能问题。此时,Chrome DevTools 凭其性能面板成为了优化应用性能的重要工具,能帮助开发者记录与分析加载时间、渲染及脚本执行等性能指标,定位并解决性能瓶颈。同时,其 React 开发者扩展工具允许实时监控组件状态变化,进一步提升性能。结合运用这些功能,将有助于打造流畅的用户体验。
98 0
|
4月前
|
Web App开发 数据可视化 前端开发
Chrome插件实现问题之content-scripts能访问哪些Chrome API
Chrome插件实现问题之content-scripts能访问哪些Chrome API
|
4月前
|
Web App开发 JavaScript 前端开发
Chrome插件实现问题之在Manifest V2中,设置插件的图标要如何解决
Chrome插件实现问题之在Manifest V2中,设置插件的图标要如何解决
|
4月前
|
Web App开发 存储 JavaScript
Chrome插件实现问题之Manifest V2切换MV3会带来什么问题,如何解决
Chrome插件实现问题之Manifest V2切换MV3会带来什么问题,如何解决
|
3月前
|
Web App开发 JavaScript 前端开发
Electron V8排查问题之Chrome DevTools 的 Performance 工具的使用如何解决
Electron V8排查问题之Chrome DevTools 的 Performance 工具的使用如何解决
65 0