Chrome插件(UserScript)开发教程

发布时间:2025-05-18 20:02

如何在Chrome浏览器中扩展插件 #生活技巧# #数码产品使用技巧# #电脑操作教程#

最新推荐文章于 2025-04-14 11:03:51 发布

greatbody 于 2016-12-22 16:24:12 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

开发优势

和大型插件相比,简易插件可以做到单文件,本地部署,方便修改等特性。

下面详细介绍

开发环境

各类文本编辑器即可,推荐 Sublime Visual Studio Code 等代码编辑器

开发流程

1.创建一个js文件,文件名为[projname].user.js
2.打开文件,修改其中的内容为:

// ==UserScript== // @name [插件名字,英文中文均可:文本] // @namespace [projname:英文] // @description [一段简单的插件功能描述:文本] // @author [作者信息,文本] // @include [起作用的网址] // @run-at [运行条件] // @version [版本] // @grant [授权1] // @grant [授权2] // @grant [授权3] // @grant [授权.....] // @license MIT/Expat License // ==/UserScript== // 自己写的代码

1234567891011121314151617

来一个示例代码:

// ==UserScript== // @name 测试脚本1 // @namespace sunsoft // @description 这个测试脚本展示了基本的脚本的编写方法 // @author greatbody // @include https://www.baidu.com/* // @run-at document-end // @version 0.1 // @grant unsafeWindow // @grant GM_addStyle // @grant GM_getValue // @grant GM_setValue // @grant GM_deleteValue // @grant GM_listValues // @license MIT/Expat License // ==/UserScript== (function () { alert('wind'); })();

1234567891011121314151617181920

3.打开扩展管理器或应用商店
4.将自己的js文件拖拽到应用商店中
5.点击弹出的确认安装
6.完成,插件已可使用

参考代码 GitHub 汉化插件UserScript开发文档UserScript分享站(需翻墙)openuserjs分享站(需翻墙)greasyfork用户脚本分享

网址:Chrome插件(UserScript)开发教程 https://www.yuejiaxmz.com/news/view/994834

相关内容

7 个高效的 Chrome 工具插件,让你开发生活更愉悦
Chrome插件:阿里云IoT设备证书三元组转化生成二维码
搜索引擎快捷导航一个简单的chrome插件
购物助手插件下载 购物助手:速卖通、亚马逊、eBay v5.8.11 Chrome扩展插件 下载
让生活和工作更加高效便捷的八款chrome插件推荐
油猴插件(一)
vscode开发vue必备插件
免费的远程桌面工具 Chrome Remote Desktop
探索各种软件插件网站,助力数字化生活的得力助手,数字化生活助手,揭秘热门软件插件网站宝藏
Chrome清理工具桌面版下载安装

随便看看