首页
学习
活动
专区
圈层
工具
发布

油猴脚本入坑指南

从版本 4 开始向性能更高的异步模型发展,旧的 API GM_* 通常是同步的,而新的 API GM.* 是异步的(采用 Promise),在使用时请参考官方 wiki 并多加留意 并且,有些 API...的名称拼写也发生了变化,在上面的表格中已经用粗体标识 想了解更多信息可以阅读官方说明文章 Greasemonkey 4 For Script Authors unsafeWindow 如果你在写脚本的时候有尝试直接通过...来得到 .item 最简单的解决方案是在事件发生时获取鼠标所在的 .item,例如使用 jQuery:$('.item:hover') 2....Link 为页面添加 pjax 支持 jquery-mousewheel Link 为 jQuery 添加鼠标滚轮事件的支持 FileSaver.js Link 另存为任意 blob 为文件 jszip...clipboard.js Link 虽然油猴提供剪贴板 API,但该模块可以提供一些扩展功能,例如 tooltips 反馈等 dragula Link 提供页面元素的拖拽调序功能 toastr Link 方便的显示页内通知

6K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    ruoyi-vue版本(八)登陆页面的验证码是咋实现的

    目录 1 需求 2 配置类 3 逻辑 1 需求 我们打开若依项目的登陆页面,看到有一个验证码功能,点击一下这个验证码,还会进行变换验证码,那么这个逻辑是咋实现的; 我们刚进这个页面,其实就调用了一个接口... ${kaptcha.version} 这样我们就可以使用第三方jar包里面的东西了...defaultKaptcha.setConfig(config); return defaultKaptcha; } } 你直接copy到你的姓名里面就可以了 以上就是按照我们自己的规则改了一下第三方jar包里面的东西...,写了两个bean,要在其他的文件里面使用,直接注入就可以使用了 验证码类型 math 数组计算 char 字符验证 我们可以在yml配置文件里面 进行自定义我们的验证码要使用什么样子的 已经在上面的配置类里面设置了两种格式的...验证码的样子了 第一个是数学计算 第二个是字符验证 3 逻辑 我们看这个接口里面的逻辑,就是将配置类里面的两个bean对象都引入,然后根据这个对象里面的不同的方法实现具体功能,然后生成图片给返回

    3.1K40

    用 webpack 4.0 撸单页多页脚手架 (jquery, react, vue, typescript)

    在开始正文之前,首先先来看看我们要实现的成果: 支持ES6+JQuery+Less/Scss的单页/多页脚手架 支持ES6+React+Less/Scss+Typescript的单页/多页脚手架 支持ES6...+Vue+Less/Scss+Typescript的单页/多页脚手架 github地址: 基于webpack4.0搭建的脚手架(支持react/vue/typescript/es6+/jquery+less...) 下面提供官网的打包模型 3.支持ES6+JQuery+Less/Scss的单页/多页脚手架 在实现脚手架之前,假设我们已经创建了目录和package.json文件,接下来先安装webpack相关依赖...到此,我们基本的一个支持ES6+Less/css+JQuery的单页应用打包工具已经做好了,当然这只是基础,后面的多页应用,vue/react/typescript都是在这个基础上构建的,让我们拭目以待...至此,我们关于开发基于ES6+JQuery+Less/Scss的单页/多页脚手架就告于段落了,下面我们来集成对react/vue/typescript的支持。

    3K21

    5 分钟,教你从零快速编写一个油猴脚本!

    Tampermonkey,又称 Greasemonkey 油猴脚本,是一款免费的浏览器扩展,可用于管理用户脚本,它本质上是对浏览器接口的二次封装 油猴脚本可用于更改页面布局样式、完成页面自动化、去广告...支持自动更新检查功能 标签中脚本运行状态速览 可以通过压缩文件、云存储进行脚本备份及还原 通过面板新建一个用户脚本,默认会生成一个模板,模板内容如下: 模板中会预设部分元数据,用于定义脚本的名称、版本号...脚本的描述信息 @author 作者 @require 定义脚本运行之前需要引入的外部 JS,比如:jQuery @match 使用通配符执行需要匹配运行的网站地址 @exclude 排除匹配到的网站...GM_removeValueChangeListener(listener_id); 2-4 打开一个标签 格式:GM_openInTab(url, options) 该 API 可用于打开一个新的标签页面 其中,第一个参数用于指定新标签页面的...接着,添加一个定时任务,获取每一页底部的加载更多按钮 最后,判断元素存在时,执行点击操作即可 ...

    5.1K30

    油猴的简单使用

    关于greasemonkey(油猴)的安装和一些实用脚本推荐 步骤 准备工作:确保你的电脑可以访问外国网站 以本人的chrome浏览器为例 1. 打开一个新标签页 2....搜索greasemonkey,如图: 5. 点击安装,完成安装后在如图位置会出现一个图标 6. 点击获取新脚本跳转到一个页面,在当前页面中点击途中位置 7....会跳转到Greasy Fork的搜索页,在搜索框中输入userscript+点击enter 8....在出现的结果中选择 其他 greasemonkey(油猴子介绍) 简单说是一个可以安装当前正在浏览页面可用的额外功能的脚本,举个栗子:非会员在优酷视频无法观看会员视频,而安装油猴子之后再安装了...userscript+脚本就可以自动在当前页面检测可用的脚本(可用脚本的提示将会出现在页面右下角,点击即安装) 介绍一下VIP视频破解脚本用法 用优酷举例吧,直接上图 1.

    3K80

    最新Tampermonkey 中文文档解析(附基础案例和高级案例)

    @author 脚本的作者 @description 简短重要的描述 @homepage, @homepageURL, @website and @source 在“选项”页上用于从脚本名链接到给定页的作者主页...示例: // @require https://code.jquery.com/jquery-2.1.4.min.js // @require https://code.jquery.com/jquery...这就是为什么tm支持这个标签来禁用运行为firefox/greasemonkey编写的脚本所需的所有优化。要保持此标记可扩展,可以添加可由脚本处理的浏览器名称。...如果给定了多个散列(用逗号或分号分隔),则TM将使用当前支持的最后一个散列。如果外部资源的内容与所选哈希不匹配,则资源不会传递到用户脚本。所有散列都需要以十六进制或base64格式编码。...loadinbackground具有与active相反的含义,并被添加以实现Greasemonkey 3.x兼容性。如果未指定“活动”或“加载后台”,则选项卡将不会聚焦。

    7.7K11

    手把手教你打造全宇宙最强 Firefox 浏览器

    而 Chrome 的 Blink 引擎是用 C++ 写的。C++ 语言如同 C 语言,很容易因为内存使用方面的问题而导致安全漏洞(比如:缓冲区溢出、野指针 ...)。这个缺点是编程语言本身导致的。...说白了,userContent.css 可以实现和 stylus 这一类扩展同样的功能,唯一的区别在于 userContent.css 还可以定制 Firefox 内置页面和扩展页面的样式(比如内置的新标签页...例如,如果你想像文章开头截图那样将 about 界面的 Logo 替换成别的图片,只需在 userChrome.css 中添加这么一段 CSS 样式: @-moz-document url("chrome...important; } } 然后重启 Firefox 浏览器,即可看到 Logo 替换生效了。...我们可以指定某个具体的样式,推荐用 1 和 5,这两个最好看。

    3.2K30

    从零实现的浏览器Web脚本

    TamperMonkey: 俗称篡改猴,最受欢迎的用户脚本管理器,能够为当前主流浏览器提供扩展能力,开源版本采用GPL-3.0 license协议。...@version: 脚本的版本号,脚本管理器启动时通常会对比改字段决定是否下载更新,例如// @version 1.1.2。...@require: 脚本所依赖的其他脚本,通常为可以提供全局对象的库,例如引用jQuery则使用// @require https://cdn.staticfile.org/jquery/3.7.1/jquery.min.js...window对象,但是这个特性也有可能因为不安全在未来的版本中被移除。...window.postMessage,只不过这种方式很明显的一个问题是在Web页面中也可以收到我们的消息,即使我们可以生成一些随机的token来验证消息的来源,但是这个方式毕竟能够非常简单地被页面本身截获不够安全,所以在这里通常是用的另一种方式

    2.2K50

    jQuery 4.0.0 发布。时隔约 10 年的主要版本发布!

    这是近 10 年来第一个主要版本发布,包括一些破坏性变更,因此在升级前请务必仔细阅读下面的细节。尽管如此,我们预计大多数用户只需进行少量代码更改即可升级。...许多破坏性变更是团队多年来一直想做的,但无法在补丁或次要版本中实现。我们删除了遗留代码,移除了之前已弃用的 API,删除了公共函数中从未文档化的内部参数,并放弃了一些过于复杂的“魔术”行为。...这使得 jQuery 与现代构建工具、开发工作流和浏览器兼容,通过使用 。 移除已弃用的 API 这些函数已被弃用多个版本。现在到了主要版本,是时候移除它们了。...现在它们已从 jQuery 原型中移除。如果您在使用这些方法,elems.push( elem ) 可以替换为 [].push.call( elems, elem )。...最后,jQuery 4.0 支持的所有浏览器的最新版本在事件顺序上达成了共识。不幸的是,它与 jQuery 多年前选择的顺序不同,这使得这是一个破坏性变更。至少现在每个人都在同一页上了!

    25700

    漫画:如何用脚本抢月饼?

    当然,真正的活动页面肯定不会这么简单,在此只是做个简化的示例: 页面的HTML代码如下: 如何每隔一段时间让抢购按钮自动被点击呢?...打开chrome扩展程序页 - chrome://extensions 2. 将刚才的自定义脚本保存为以user.js为后缀的 .js文件,例如test.user.js,拖入扩展程序页。 3....下载并安装用户脚本管理插件 greasemonkey (中文翻译成“油猴子”)。 2. 重启浏览器。 3. 将刚才的自定义脚本保存为 .js文件,例如test.user.js,拖入页面空白处。 4....可是,如果抢购页面的开发人员偷懒,只是在抢购页面里引用了固定不变的验证码图片,那么请求和验证流程就变成了下面的样子: 这样一来,只要知道静态的验证码是什么,脚本就可以轻松填写正确的验证码。

    1.2K10

    【零基础】学习 Web 安全 | 内附彩蛋

    《HTTP权威指南》720页!!!坑爹,好难!!! 怎么办? 横向那么复杂、纵向数据流的HTTP协议就720页的书!!!放弃好了…… 不,千万别这样。...包括自己从后端到前端独立实现过一个博客系统,为了解决好前端在各浏览器的兼容问题(当时是IE6如日中天的时候),我啃了好几本书,如《CSS网站布局实录》、《JavaScript DOM编程艺术》、《AJAX Hacks》、Flash从6版本以来到...兵器谱”,在这: 我的渗透利器 update: 2013/10/10 Firefox下 Firebug,调试js,HTTP请求响应观察,Cookie,DOM树观察等; GreaseMonkey...,自己改了个Cookie修改脚本,其他同学可以用这款:Original Cookie Injector for Greasemonkey; Noscript,进行一些js的阻断;...Suite,神器,不仅HTTP代理,还有爬虫、漏洞扫描、渗透、爆破等功能; 漏洞扫描工具 AWVS,不仅漏扫方便,自带的一些小工具也好用; Python自写脚本/工具,好漏洞是你用AWVS

    1.2K50

    使用 Tampermonkey 编写高级跨网站自动化任务脚本

    兼容性:编辑的脚本不仅可以在 Chrome 上运行,也可以借助 Greasemonkey 在火狐上运行,同时脚本支持 ES6。...@name:脚本名称 @namespace:脚本的命名空间 @version:脚本的版本,用于检查更新。...// @require https://code.jquery.com/jquery-2.1.4.min.js // @require https://code.jquery.com/jquery-2.1.3...unsafeWindow unsafeWindow 对象提供权限访问页面的 js 函数和变量 如下图,直接使用原页面的变量操作,此对象不用使用 @grant 获取权限。...至于版本: 这么老的编辑器,我搜了一下相关的 API,官网都是英文的,最后花了好长时间找到这篇博客: 用 CKEDITOR.replace ("content") 来初始化编辑器,然后使用返回的对象设置或获取编辑器的内容

    7.3K10

    重构旧项目:从 jQuery 迁移到 Vue 3 的分步方案与避坑指南

    DOM 管理权交接 将一个页面中的“功能岛”替换为 Vue 组件(如过滤器、列表、弹窗)。 保留 jQuery 插件,外包裹 Vue 组件或指令,统一生命周期。 4....路由迁移 先在单页内部使用 vue-router 接管子路由。 与历史 hash 路由共存,逐步替换入口页面。 6. 表单与校验 采用受控组件与校验库(如 vee-validate、yup)。...插件兼容性:老旧插件可能依赖 jQuery 版本,需锁定版本并评估替代。 路由与刷新:历史路由与 vue-router 共存时,统一入口与回退策略。...构建冲突:确保只保留一个打包器管理目标页面的脚本与样式。 性能与可观测性 按需加载:路由级与组件级分割。 虚拟列表与懒加载:对长列表与重组件管理渲染成本。...通过组件化替换、数据层统一、路由与构建升级,并用指令或包装组件托管 jQuery 插件生命周期,可以在最小风险下逐步完成迁移。配合灰度发布、指标监控与回滚预案,确保迁移过程可控与可恢复。

    61810
    领券