郴州市北湖建设局网站,wordpress 4.9 中文,常熟专业网站建设,手机网站制作注意事项3.编写油猴脚本之-helloword
Start
通过上一篇文章的学习#xff0c;我们安装完毕了油猴插件。今天我们来编写一个helloword的脚步#xff0c;体验一下油猴。
1. 开始
点击油猴插件添加新脚本 默认生成的脚本
// UserScript
// name New Userscript
// name…3.编写油猴脚本之-helloword
Start
通过上一篇文章的学习我们安装完毕了油猴插件。今天我们来编写一个helloword的脚步体验一下油猴。
1. 开始
点击油猴插件添加新脚本 默认生成的脚本
// UserScript
// name New Userscript
// namespace http://tampermonkey.net/
// version 0.1
// description try to take over the world!
// author You
// match http://*/*
// icon data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw
// grant none
// /UserScript(function() {use strict;// Your code here...
})();解释 不会编写脚本没关系可以点击获取脚本然后根据你的需求去下载并使用对应脚本。 当然我这个系列的目标是自己编写脚本根据我们自己具体的需求去自定义脚本。 上述生成的基础脚本代码可以发现其实也是一个JS文件。 开头有很多行注释的内容这些注释的内容有用吗有什么用 下一节内容会对这里作说明 后续的具体代码可以看到其实就是编写JS代码。
2. 注释项说明
在基础的脚本示例中开头有很多注释行既然是注释那么他们有用吗
我删除掉注释行保存试一下 结合上述的截图我们可以发现当我删除掉这些注释行点击保存按钮时系统会提示我们“脚本无效”。
那么这些注释代表什么意思呢
2.1 注释项详细说明
官方注释项说明文档 常见的项
标题作用使用实例name脚本的名称。New Userscriptversion脚本的版本description脚本的说明author脚本的作者match匹配脚本运行网页的urlgrant引入函数或者变量include脚本应运行的页面。允许多个标记实例。require指向在脚本本身开始运行之前加载和执行的 JavaScript 文件。
3. 编写一个 helloworld 脚本。
// UserScript
// name tomato_shell
// version 0.1
// description 脚本的说明 hellotomato
// author tomato
// match http://*/*
// match https://*/*
// icon data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw
// grant none
// /UserScript/*
1.虽然是注释但是通过UserScript包裹。用来和普通的注释做区分
UserScript
/UserScript
*//*
2.match
定义所有的http或者https的网站都会加载我们的脚本。
*/(function() {use strict;// 3.编写一个输出console.log(我是番茄)// 4.打印一下全局变量
console.log(globalThis,)// 查看是否可以debdebugger
})();解释
设定match 可以执行脚本的网站就可以执行我们的js代码答应全局变量是window可以通过 debugger 调试我们的脚本
