3.编写油猴脚本之-helloword

这篇具有很好参考价值的文章主要介绍了3.编写油猴脚本之-helloword。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

3.编写油猴脚本之-helloword

Start

通过上一篇文章的学习,我们安装完毕了油猴插件。今天我们来编写一个helloword的脚步,体验一下油猴。

1. 开始

点击油猴插件=>添加新脚本

3.编写油猴脚本之-helloword

3.编写油猴脚本之-helloword

默认生成的脚本

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

解释:

  1. 不会编写脚本?没关系,可以点击获取脚本,然后根据你的需求,去下载并使用对应脚本。

  2. 当然我这个系列的目标是,自己编写脚本,根据我们自己具体的需求,去自定义脚本。

  3. 上述生成的基础脚本代码,可以发现其实也是一个JS文件。

  4. 开头有很多行注释的内容,这些注释的内容有用吗?有什么用?

    下一节内容会对这里作说明

  5. 后续的具体代码,可以看到,其实就是编写JS代码。

2. 注释项说明

在基础的脚本示例中,开头有很多注释行,既然是注释,那么他们有用吗?

我删除掉注释行,保存试一下?

3.编写油猴脚本之-helloword

结合上述的截图,我们可以发现,当我删除掉这些注释行,点击保存按钮时,系统会提示我们“脚本无效”。

那么这些注释代表什么意思呢?

2.1 注释项详细说明

官方注释项说明文档

3.编写油猴脚本之-helloword

常见的项:

标题 作用 使用实例
name 脚本的名称。 New Userscript
version 脚本的版本
description 脚本的说明
author 脚本的作者
match 匹配脚本运行网页的url
grant 引入函数,或者变量
@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,'')
  // 查看是否可以deb
  debugger
})();

3.编写油猴脚本之-helloword

解释文章来源地址https://www.toymoban.com/news/detail-464792.html

  1. 设定match 可以执行脚本的网站,就可以执行我们的js代码
  2. 答应全局变量是window
  3. 可以通过 debugger 调试我们的脚本

到了这里,关于3.编写油猴脚本之-helloword的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 油猴脚本Tampermonkey的简介和安装使用,五分钟安装

    Tampermonkey 是一款免费的浏览器扩展和最为流行的用户脚本管理器,它支持以下浏览器,Chrome,Microsoft Edge,Safari,Opera Next,Firefox等等,油猴可以通过安装各类脚本对网站进行定制。当然伟大的脚本面向的是所有上网者,所以借由各位大神的脚本我们能实现更多更强大的功能

    2024年02月04日
    浏览(73)
  • 傻瓜式提取网页数据的油猴脚本(JavaScript 代码)

    目录 目录 一、脚本适用范围 二、将脚本配置到浏览器 三、脚本用法 四、脚本原理 五、脚本代码 脚本适用范围: 一次性提取任意网站的布局类似的数据,例如 淘宝的商品价格、微博的热搜标题、必应搜索的图片链接 脚本不适用范围: 页面布局不相似的数据。如下图圈出

    2024年01月22日
    浏览(39)
  • 让iOS Safari浏览器支持油猴脚本

    Userscripts 是一款免费 iOS Safari 浏览器插件,可以兼容油猴脚本,但如果油猴脚本代码没有对手机进行适配的话可能不会生效。  1、 首先 打开设置 找到  Safari 浏览器  选择  扩展  然后 勾选  Userscripts  所有网站中 选择  允许     然后打开 Userscripts 后按照下图所示,在

    2024年02月13日
    浏览(63)
  • 油猴脚本某创力文档-某人文库免费文档下载

    这是一个用于 Tampermonkey 或其他支持用户脚本的浏览器扩展的油猴脚本。 看到论坛经常有小伙伴们需要下载 某创力文档 - 某人文库 一些免费文档,但是相关网站浏览体验不好各种广告,各种登录验证,需要很多步骤才能下载文档,该脚本就是为了解决您的烦恼而诞生,尽可

    2024年02月19日
    浏览(47)
  • 【JavaScript】一个简单的油猴脚本——CSDN免登录复制

    1.使得点击【登录复制】后可以直接复制,而不用登录。 2.设置整个页面的文本为可选中以及复制,而不用登录。 3.下载链接 @name :脚本的名称。 @namespace :脚本的命名空间或者作者的网站地址。 @version :脚本的版本号。 @description :脚本的描述,包括功能的简要说明等内容

    2024年04月13日
    浏览(39)
  • 网页JS自动化脚本(一)安装油猴或暴力猴等脚本管理器并新建脚本

    在我们的工作生活当中使用网页的机会越来越高,很多时候要进行重复的操作,所以进行一些JS脚本就成了可选项 首先我们要在网页浏览器中安装上脚本管理器,这里示范的是安装暴力猴,是一个开源的免费的小软件,是在github上的一款软件,下载下来之后名称为 Violentmonkey_2.13.0_ch

    2024年02月04日
    浏览(35)
  • 油猴脚本Tampermonkey实现读取网站cookie和设置cookie方法

    里面有一个这样的说明:意思是这个还处于试验阶段,可能会报错误,确实,在我使用下来,我发现,它不单单是报错这么简单,而是真的就不能用好吗 会报各种错误,比如: not supported 或者是 Unchecked runtime.lastError: The message port closed before a response was received 这一顿操作下来

    2024年02月07日
    浏览(66)
  • 让苹果iOS的手机iPhone和电脑Safari浏览器支持油猴脚本

    官方的AppStore是没有油猴插件(Tampermonkey)的,官方插件不仅少,功能被阉割,相对弱小,还收费。嗯,这很苹果第三方拓展。 这是油猴插件(Tampermonkey)的下载地址,上面是老版本,下面是新版本。 https://safari.tampermonkey.net/tampermonkey.safariextz https://www.tampermonkey.net/?browser=s

    2024年02月07日
    浏览(108)
  • phpstudy脚本编写 和sql注入编写

    1.phpstudy编写 2.sql注入编写 

    2024年02月07日
    浏览(42)
  • 记录:Unity脚本的编写

    在学习软件构造这门课的时候,对unity和c#进行了 一定程度的学习,包括简单的建立地形,添加对象,添加材质等,前不久刚好学习了如何通过c#脚本对模型进行操控,在此记录一下。 使用的语言是c#,使用的工具是visual studio 首先创建一个c#脚本文件 拖动文件到对应对象的状

    2024年02月05日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包