Chrome插件(UserScript)开发教程

开发优点


和大型插件相比,简易插件能够作到单文件,本地部署,方便修改等特性。
下面详细介绍

开发环境


各种文本编辑器便可,推荐SublimeVisual Studio Code等代码编辑器

开发流程


  1. 建立一个js文件,文件名为[projname].user.js
  2. 打开文件,修改其中的内容为: ```javascript // ==UserScript== // @name [插件名字,英文中文都可:文本] // @namespace [projname:英文] // @description [一段简单的插件功能描述:文本] // @author [做者信息,文本] // @include [起做用的网址] // @run-at [运行条件] // @version [版本] // @grant [受权1] // @grant [受权2] // @grant [受权3] // @grant [受权…..] // @license MIT/Expat License // ==/UserScript==

// 本身写的代码

  1. 来一个示例代码:
  2. ```javascript
  3. // ==UserScript==
  4. // @name 测试脚本1
  5. // @namespace sunsoft
  6. // @description 这个测试脚本展现了基本的脚本的编写方法
  7. // @author greatbody
  8. // @include https://www.baidu.com/*
  9. // @run-at document-end
  10. // @version 0.1
  11. // @grant unsafeWindow
  12. // @grant GM_addStyle
  13. // @grant GM_getValue
  14. // @grant GM_setValue
  15. // @grant GM_deleteValue
  16. // @grant GM_listValues
  17. // @license MIT/Expat License
  18. // ==/UserScript==
  19. (function () {
  20. alert('wind');
  21. })();

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

参考代码


  1. GitHub 汉化插件
  2. UserScript开发文档
  3. UserScript分享站(需翻墙)
  4. openuserjs分享站(需翻墙)
  5. greasyfork用户脚本分享