开发优势

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

下面详细介绍

开发环境

各类文本编辑器即可，推荐 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.完成，插件已可使用

参考代码

GitHub 汉化插件
UserScript开发文档
UserScript分享站（需翻墙）
openuserjs分享站（需翻墙）
greasyfork用户脚本分享

Chrome插件（UserScript）开发教程相关推荐

谷歌浏览器Chrome插件扩展开发教程
下文是我看到的一篇很好的Chrome扩展开发攻略,感觉很有价值,内容详尽,排版精美,遂转载. 原文由小茗同学发表于小茗同学的博客园:[干货]Chrome插件(扩展)开发全攻略 1. 写在前面我花了将 ...
php 插件化开发模式,JavaScript_JavaScript插件化开发教程（六），一，开篇分析今天这篇文章 - phpStudy...
JavaScript插件化开发教程(六) 一,开篇分析今天这篇文章我们说点什么那?嘿嘿嘿.我们接着上篇文章对不足的地方进行重构,以深入浅出的方式来逐步分析,让大家有一个循序渐进提高的过程.废话少说, ...
【干货】Chrome插件(扩展)开发全攻略-转载
[干货]Chrome插件(扩展)开发全攻略写在前面我花了将近一个多月的时间断断续续写下这篇博文,并精心写下完整demo,写博客的辛苦大家懂的,所以转载务必保留出处.本文所有涉及到的大部分代码均在这 ...
最实用的chrome插件——CSDN开发助手
最实用的chrome插件--CSDN开发助手 CSDN开发助手缺点及建议亮点总结 CSDN开发助手号称最实用的chrome插件--CSDN开发者助手,今天让我们来看看是否名副其实!我这人就喜欢 ...
新手入门Chrome插件(扩展)开发全攻略
[干货]Chrome插件(扩展)开发全攻略写在前面我花了将近一个多月的时间断断续续写下这篇博文,并精心写下完整demo,写博客的辛苦大家懂的,所以转载务必保留出处.本文所有涉及到的大部分代码均在这 ...
【转】Chrome插件(扩展)开发全攻略
[干货]Chrome插件(扩展)开发全攻略写在前面我花了将近一个多月的时间断断续续写下这篇博文,并精心写下完整demo,写博客的辛苦大家懂的,所以转载务必保留出处.本文所有涉及到的大部分代码均在这 ...
【干货】Chrome插件(扩展)开发全攻略（转载）
转载来源:https://www.cnblogs.com/liuxianan/p/chrome-plugin-develop.html [干货]Chrome插件(扩展)开发全攻略写在前面我花了将近 ...
【干货】Chrome插件(扩展)开发全攻略(不点进来看看你肯定后悔)转
[干货]Chrome插件(扩展)开发全攻略(不点进来看看你肯定后悔) 写在前面我花了将近一个多月的时间断断续续写下这篇博文,并精心写下完整demo,写博客的辛苦大家懂的,所以转载务必保留出处.本文所 ...
一、如何创建一个状态栏扩展（火狐插件扩展开发教程）
因为项目的需要,一些功能需要在火狐上面实现,一点也不了解火狐插件的开发,网上的中文资料也少得可怜, 没办法,只好自己研究一下英文文档,慢慢开发了,在这里备份一下. 学编程,当然是从Hellow,wor ...
phpcmsV9视频模块插件 - 手把手开发教程
phpcmsV9官方的视频模块,一点也不完整不系统. 官方给出的文档说明.文件下载.等等都太缺了. 这里给出个人开发过程后,总结出的经验精华,请及时汲取. 1. 准备工作安装完整地 wampserv ...

Chrome插件（UserScript）开发教程

开发优势

开发环境

开发流程

参考代码

Chrome插件（UserScript）开发教程相关推荐

最新文章

热门文章