Chrome插件(UserScript)開發教程

開發優勢


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

下面詳細介紹

開發環境


各類文本編輯器即可,推薦 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==

// 自己寫的代碼

來一個示例代碼:

// ==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');
})();

3.打開擴展管理器或應用商店
4.將自己的js文件拖拽到應用商店中
5.點擊彈出的確認安裝
6.完成,插件已可使用

參考代碼


  1. GitHub 漢化插件
  2. UserScript開發文檔
  3. UserScript分享站(需翻牆)
  4. openuserjs分享站(需翻牆)
  5. greasyfork用戶腳本分享
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章