Google浏览器拓展工具 "GU"->google Utils

🚀 Google 插件分享:GU(Google Utils)------ 实用脚本合集插件开源了!

Hello 各位,好久没冒泡了!

最近一直在公司搬砖(狗头),没怎么写文章。这段时间我把自己平时常用的一些浏览器脚本整理了一下,打包成了一个 Google Chrome 插件,分享给有需要的朋友。

插件名称我取名叫:GU(Google Utils)

寓意很简单,就是一些 Google 浏览器(Chrome)下的实用工具合集。


🔧 插件地址(GitHub)

插件没有上架 Chrome 应用商店(主要是不想花那 $5 💸),所以大家可以通过 GitHub 手动安装使用:

👉 点击访问 GitHub - lidaxuan/google-chrome-plugin


📦 插件包含的功能

目前集成了多个我日常开发或调试中会用到的脚本,都是"点一下就能解决问题"的类型,无需额外配置,非常轻便。

主要功能包括但不限于:

  • 元素布局检测
  • 隐藏图片与视频
  • 页面截图并下载(可以截长屏)
  • 快速跳转开发首页面
  • 页面清理 / 自动化调试辅助
  • ... 更多功能请看 截图或者下载使用
  • 三个不能执行的脚步我放在下面说明了
    • 将当前页面保存为图片
    • 字符串驼峰
    • 百度文库解除复制

📸 插件预览图

UI 非常简单清爽,所有操作都集中在 popup 页面内,一键点击执行,非常适合日常调试和效率提升。


⚠️ 关于 3 个无法自动执行的脚本(重要说明)

  • 将当前页面保存为图片
  • 字符串驼峰
  • 百度文库解除复制

其中有 3 个脚本无法在插件中自动执行 ,原因是 Chrome 扩展有 CSP(内容安全策略)限制: Content-Security-Policy: script-src 'self' https://cdn.jsdelivr.net

这些脚本我已经放在 GitHub 项目的 README 文件中了,有需要的朋友可以手动将它们添加为书签脚本(Bookmarklet)来使用,也非常方便。


📥 插件安装方式(手动加载)

以下是手动安装该插件的步骤:

  1. 克隆或下载该项目:GitHub 项目链接
  2. 打开 Chrome 浏览器,访问:chrome://extensions/
  3. 打开右上角的「开发者模式」
  4. 点击「加载已解压的扩展程序」
  5. 选择你刚刚下载的项目文件夹即可

🌟 最后

这个插件是我在工作中逐步积累整理的,完全开源免费使用,希望对你也有帮助。如果你也有类似的使用需求或者对脚本玩法感兴趣,欢迎交流!

如果觉得好用,欢迎点个 Star ⭐️ 支持一下!

👉 再放一个传送门:lidaxuan/google-chrome-plugin


如需转载请保留出处,咱们一起做些有趣实用的工具 🙌

相关推荐
中微子16 分钟前
React状态管理最佳实践
前端
烛阴26 分钟前
void 0 的奥秘:解锁 JavaScript 中 undefined 的正确打开方式
前端·javascript
中微子32 分钟前
JavaScript 事件与 React 合成事件完全指南:从入门到精通
前端
Hexene...41 分钟前
【前端Vue】如何实现echarts图表根据父元素宽度自适应大小
前端·vue.js·echarts
初遇你时动了情43 分钟前
腾讯地图 vue3 使用 封装 地图组件
javascript·vue.js·腾讯地图
dssxyz1 小时前
uniapp打包微信小程序主包过大问题_uniapp 微信小程序时主包太大和vendor.js过大
javascript·微信小程序·uni-app
天天扭码1 小时前
《很全面的前端面试题》——HTML篇
前端·面试·html
xw51 小时前
我犯了错,我于是为我的uni-app项目引入环境标志
前端·uni-app
!win !1 小时前
被老板怼后,我为uni-app项目引入环境标志
前端·小程序·uni-app
Burt1 小时前
tsdown vs tsup, 豆包回答一坨屎,还是google AI厉害
前端