油猴脚本插件教程

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

TamperMonkey,这是一款非常流行的免费浏览器插件,网络上俗称:油猴插件,油猴脚本。作为一款浏览器插件,油猴的作用只是管理安装在浏览器上的所有脚本对象。本文用Chrome浏览器操作。

一、配置本地开发环境

油猴支持在它提供的网页编辑器中进行开发 ,油猴插件也支持访问本地文件,来进行本地开发。

配置方式

步骤一:在扩展程序中找到 Tampermonkey->进入详情
油猴脚本插件教程
步骤二:打开允许访问文件网址选项
油猴脚本插件教程
步骤三:在本地文件中创建一个 js 文件,如:F:\googlecode\monkey,编辑如下代码

(function () {
    console.log("Hello Word!")
})();

步骤四:点击顶部工具栏油猴插件图标,弹框中选择添加新脚本,进入编辑页面
油猴脚本插件教程
步骤五:编辑器中引入外部文件
油猴脚本插件教程
步骤六:打开网站,打开控制台,脚本已执行
油猴脚本插件教程
点击查看常见标签

二、 发布及更新脚本

1、提交脚本到 Greasy Fork 的要求
2、发布到 Greasy Fork 的脚本将会被系统修改的属性
3、发布脚本

更新流程参考:

  1. 在本地进行开发和测试(测试有一个测试版插件)。
  2. 测试成功后,将其推送到 github 上存档。
  3. 复制你的脚本代码到 greasyfork 进行更新。

附:常见标签

标签 说明
@name 设置脚本的名字
@namespace 脚本的命名空间,用于确定脚本的唯一性
@version 脚本的版本号,用于脚本的更新
@description 添加脚本的描述信息
author 作者
@match 规定脚本在哪些网站运行
@match https://www.baidu.com-表示在百度运行;
@match https://\*//* 表示在所有 https 下的网站都可以运行
@require 添加本地的文件地址,或引入的外部 JS
//@require file:///F:\googlecode\monkey\demo.js 引入本地文件
// @require https://code.jquery.com/jquery-2.1.4.min.js 引入jQuery第三方库
@exclude 排除匹配到的网站
@grant 指定脚本运行所属的权限
@grant none油猴提供了很多强大的 API,用于操作缓存及窗口等,如果不需要使用这些 API,可以声明权限为 none
@connect 用于跨域访问时指定的目标网站域名
@run-at 指定脚本的运行时机
@icon 用于指定脚本的图标,可以设置为图片 URL 地址或 base64 的字符串

参考文章

1、官方网站
2、TamperMonkey:油猴脚本插件超详细图文教程
3、油猴脚本开发入门教程文章来源地址https://www.toymoban.com/news/detail-459854.html

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

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

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

相关文章

  • 前端油猴脚本开发小技巧笔记

    调试模式下,单击选中某dom代码,控制台里可以用$0访问到该dom对象。 $0.__vue___ 可以访问到该dom对应的vue对象。 jquery 对象 a,a[0]是对应的原生dom对象,$(原生对象) 得到对应的 jquery 对象。 jquery 选择器,加空格是匹配下一级,紧密排列是且,[a=b]匹配属性。jquery对象find可以继

    2024年02月11日
    浏览(25)
  • 【油猴脚本】ChatGPT 智能 Prompts 提示词助手

    ChatGPT 智能 Prompts 可以为你带来更好的使用体验助你训练好用的ChatGPT:添加快捷指令(prompts)新增:论文专家角色、支持自动发送、固定智能助手…还有更多需求可以到仓库Issues里发起! 仓库地址:https://github.com/winchesHe/chatGPT-prompt-scripts 一、将 src/index.js 的内容复制到油猴

    2024年02月05日
    浏览(44)
  • 在油猴脚本中添加css样式的方法

    由于项目要求,需要在系统页面注入dom元素,且对这些注入的元素在UI界面层有美观度要求,就避免不了要对其CSS样式优化。 通常在油猴脚本中添加CSS样式的方法如下: 一、引入外部css文件 二、使用油猴自带样式添加请求 三、自定义样式函数 四、js添加样式 或 以上是在油

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

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

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

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

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

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

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

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

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

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

    2024年02月04日
    浏览(26)
  • 【记录】优化油猴插件【BD网盘播放器】

    有钱的可以支持一下原作者,没钱就要多学习 1.1 视频刚开始未播放时,可能会有弹窗,不需要管,开始播放的时候自动关闭; 1.2 视频播放时,自动关闭弹窗,并继续播放视频 1.3 视频暂停时,每10s检测一次弹窗,自动关闭弹窗 2.1 添加快捷速度调整按钮 2.2 添加2.5和3倍速

    2024年02月16日
    浏览(27)
  • 火狐安卓版支持油猴了!后面将支持更多扩展插件

    日前火狐浏览器每夜构建版的安卓版已经带来了更多扩展程序支持,这其中就包括大名鼎鼎的油猴扩展程序。本次火狐浏览器每夜构建版更新新增五款扩展程序支持,并且按照谋智基金会说法还会支持更多的扩展程序。 下载地址:https://ftp.mozilla.org/pub/fenix/nightly/2022/12/ 要达成

    2024年02月17日
    浏览(26)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包