《Chrome谷歌插件Top10》开发最好用的谷歌插件

简介: 本文介绍了多个实用的浏览器插件及其安装方法。包括CSDN浏览器助手,提供高效开发工具;FeHelper,前端必备工具,支持格式化、压缩等功能;uBlock Origin,有效屏蔽广告和弹窗;PageLiner,网页标尺工具,便于前端设计;Fatkun,批量下载图片;Smallpdf,文件转换工具;Octotree,GitHub代码树插件;Awesome Screenshot,截图与录屏工具;ColorZilla,颜色拾取器;Dark Reader,暗黑模式阅读插件。安装方式有通过Chrome商店搜索或下载crx插件本地安装。

1.CSDN浏览器助手

万恶淫为首 ,万好CSDN主,反正你想要的美女工具啥的都有,对高颜值高效率需求的开发来说,信我安装就对了!!!!

安装方法
  1. 插件地址(CSDN浏览器助手)
  2. crx插件本地安装 插件Top10集合下载地址
  3. Chrome商店直接搜索 CSDN浏览器助手

2.FeHelper(前端助手)

前端小伙伴必备,格式化,压缩,排序等样样俱全

安装方法
  1. crx插件本地安装 谷歌插件Top10集合下载地址
  2. Chrome商店直接搜索 FeHelper(前端助手)

3.uBlock Origin

防止广告乱弹乱出
禁止网站弹出窗口
屏蔽网站的媒体元素
保护网站应用修饰规则

安装方法
  1. crx插件本地安装 谷歌插件Top10集合下载地址
  2. Chrome商店直接搜索 uBlock Origin

4.PageLiner

网页标尺工具,再也不会因为尺寸问题惹前端小姐姐生气了

安装方法
  1. crx插件本地安装 谷歌插件Top10集合下载地址
  2. Chrome商店直接搜索 PageLiner

5.Fatkun图片批量下载

在网页上看到好看的小姐姐照片,再也不用挨个下载了,鼠标右键Fatkun全部解决

安装方法
  1. crx插件本地安装 谷歌插件Top10集合下载地址
  2. Chrome商店直接搜索 Fatkun

6.Smallpdf

文件转换工具,方便进行PDF与PPT、JPG、Excel、Word之间的一键互转等

安装方法
  1. crx插件本地安装 谷歌插件Top10集合下载地址
  2. Chrome商店直接搜索 Smallpdf

7.Octotree - GitHub code tree

github超实用的可视化代码树插件,再也不用一层一层点入看代码了

安装方法
  1. crx插件本地安装 谷歌插件Top10集合下载地址
  2. Chrome商店直接搜索 Octotree

8.Awesome Screenshot 截图与录屏

录屏截屏超好用,不过需要注册账号,并且可以云存储

安装方法
  1. crx插件本地安装 谷歌插件Top10集合下载地址
  2. Chrome商店直接搜索 Awesome Screenshot

9.ColorZilla

前端快速颜色拾取选取器

安装方法
  1. crx插件本地安装 谷歌插件Top10集合下载地址
  2. Chrome商店直接搜索 ColorZilla

10.Dark Reader

看了许久,累了吧,歇歇眼,来个暗黑模式看看

安装方法
  1. crx插件本地安装 谷歌插件Top10集合下载地址
  2. Chrome商店直接搜索 Dark Reader

    我是JavaDog,谢谢博友耐心看完, 抽空来我狗窝?瞅瞅呗 blog.javadog.net
目录
相关文章
|
5月前
|
Web App开发 JavaScript 前端开发
使用vue快速开发一个带弹窗的Chrome插件
使用vue快速开发一个带弹窗的Chrome插件
214 0
使用vue快速开发一个带弹窗的Chrome插件
|
5月前
|
Web App开发 JavaScript 前端开发
chrome调试秘籍,让你的开发速度飞起来
chrome调试秘籍,让你的开发速度飞起来
|
2月前
|
Web App开发 JSON 安全
【跨域难题终结者】:一键解锁Chrome浏览器神秘设置,彻底告别开发阶段的跨域烦恼!
【8月更文挑战第20天】跨域是前端开发常遇难题,尤其在前后端分离项目中。浏览器因安全考量会阻止不同源间的请求。本文对比CORS、JSONP、代理服务器等解法,并介绍开发阶段通过调整Chrome设置来临时禁用跨域限制的方法,提供启动Chrome及使用`fetch`API示例,适合快速测试。但请注意这不适用于生产环境,存在一定安全风险。
315 1
|
2月前
|
Web App开发 前端开发 JavaScript
手摸手教你,从0到1开发一个Chrome浏览器插件
开发 Chrome 插件既有趣又具成就感。本教程将引导你从零开始,逐步创建一个简单的 Chrome 插件。首先了解 Chrome 插件是可增强浏览器功能的小程序。以一个基础示例开始,你将学习如何设置开发环境,包括安装 Chrome 和准备文本编辑器,并掌握 HTML、CSS 和 JavaScript 的基础知识。接着,我们将构建插件的基本结构,涉及 `manifest.json` 配置文件、`background.js` 后台脚本、`popup.html` 用户界面以及 `style.css` 样式表。
233 8
|
3月前
|
Web App开发 前端开发 Java
通过设置 Chrome 解决开发调用跨域问题
通过设置 Chrome 解决开发调用跨域问题
818 7
|
Web App开发 存储 前端开发
使用 Chrome 开发者工具研究一个基于 Angular 开发的网站源代码
使用 Chrome 开发者工具研究一个基于 Angular 开发的网站源代码
|
4月前
|
存储 Web App开发 JSON
【Chrome插件】如何在Chrome插件开发中处理复杂数据结构的存储?
在Chrome插件开发中,遇到问题:存储包含Map和数组的复杂数据结构到`chrome.storage.local`时,读取为空。原因在于`chrome.storage.local`只支持JSON序列化,而Map无法直接序列化。解决方案是使用`serializeMap`和`deserializeMap`方法将Map转换为数组进行存储和读取。更新的`saveMindData`和`getMindData`方法实现了数据的正确序列化和反序列化。
104 5
|
4月前
|
Web App开发 JavaScript
使用CRXjs、Vite、Vue 开发 Chrome 多页面插件,手动配置 vite.config.ts 和 manifest.json 文件
使用CRXjs、Vite、Vue 开发 Chrome 多页面插件,手动配置 vite.config.ts 和 manifest.json 文件
149 0
|
5月前
|
Web App开发 前端开发 JavaScript
Chrome 插件如何开发?
Chrome 插件如何开发?
|
5月前
|
Web App开发 存储 JSON
Chrome插件开发(一)—manifest.json文件介绍
Chrome插件开发(一)—manifest.json文件介绍
101 0

热门文章

最新文章