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


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

相关推荐
奕辰杰4 小时前
关于npm前端项目编译时栈溢出 Maximum call stack size exceeded的处理方案
前端·npm·node.js
JiaLin_Denny5 小时前
如何在NPM上发布自己的React组件(包)
前端·react.js·npm·npm包·npm发布组件·npm发布包
_Kayo_6 小时前
VUE2 学习笔记14 nextTick、过渡与动画
javascript·笔记·学习
路光.6 小时前
触发事件,按钮loading状态,封装hooks
前端·typescript·vue3hooks
我爱996!6 小时前
SpringMVC——响应
java·服务器·前端
咔咔一顿操作7 小时前
Vue 3 入门教程7 - 状态管理工具 Pinia
前端·javascript·vue.js·vue3
kk爱闹7 小时前
用el-table实现的可编辑的动态表格组件
前端·vue.js
修己xj8 小时前
RustFS:高性能文件存储与部署解决方案(MinIO替代方案)
github
漂流瓶jz8 小时前
JavaScript语法树简介:AST/CST/词法/语法分析/ESTree/生成工具
前端·javascript·编译原理