# 油猴和jQuery:为浏览器注入强大功能
## 引言
在现代互联网中,网页的交互性和用户体验变得越来越重要。用户脚本管理器油猴(Tampermonkey)与JavaScript库jQuery的结合,为开发者和普通用户提供了强大的工具,使其能够对网页进行定制和增强。本文将介绍油猴和jQuery的基本概念,使用示例代码展示它们的结合用法,并通过序列图和甘特图说明它们的工作流程。
## 油猴概
背景我的浏览器虽然装了油猴插件,但是一直并没有去使用,久仰大名,但是却没用心去找好的脚本。个人使用稳定版经常出现无法直接安装脚本的现象(可通过后台url安装,方法参考:问题部分),使用beta版则没有这个问题。一:油猴简介Tampermonkey(tamper意为:篡改和损害,这里应该取篡改之意)用于运行所谓的用户脚本。这些用户脚本是很小的计算机程序,例如,可以在YouTube页面上添加下载按钮,
转载
2023-11-03 07:03:09
119阅读
使用jquery编写第一个油猴(tempermonkey)脚本01. 下载安装油猴浏览器插件0101. 关于浏览器的特别说明0102. 油猴插件下载地址02. 获取新脚本0201. 油猴菜单栏0202. 脚本社区0203. GreasyFork社区0204. 搜索0205. 插件详情03. 编写新脚本0301. 脚本头部声明0302. 插件菜单栏0303. 在线脚本IDE0304. 使油猴脚本支
转载
2023-12-05 16:52:23
217阅读
本节主要内容引入外部资源,例如jQuery,vue,和自己写的一些css样式,js脚本等.最终写一个脚本给论坛增加一个黑夜模式(背景全是黑的).js资源的引用有些时候可以引入一些js资源文件帮助我们更加方便的开发脚本,例如引入jQuery,vue等框架.当然还有其它更多的用法,例如脚本加上鉴权,脚本url后加一些token等等.使用@require加载油猴给我们提供了一个@require属性给我们
转载
2023-08-02 16:33:38
258阅读
目 录1. 需求2. 实战3. 最终代码4. 分享脚本5. 遗留问题6. 参考文献 1. 需求知乎上面有一些文章写的不错,但计算机技术日新月异,对于技术文章的价值而言,发表时间是个很重要的参考因素。而知乎专栏、问答,均将发表时间放在文章最后,极为不便。 因此,我需要修改页面元素,将文章发布日期弄到标题下方,正文前方。2. 实战对于修改网页,直接想到的就是浏览器扩展 篡改猴Tampermonkey
转载
2024-01-10 12:58:16
116阅读
没有插件的浏览器是不完整的,要想提高科研能力和效率,除了专业知识、文献的积累,还需要不断丰富自己的插件库。正所谓,多个插件多条路!今天,小编给大家介绍几款好用的科研油猴插件。安装油猴油猴的官网),选择对应的浏览器进行安装。或者在浏览器的插件商店中,检索「Tampermonkey」安装。 「Tampermonkey」仅仅是一个管理型
转载
2024-05-11 22:56:38
0阅读
最近完成了我很早之前就想干的事,尝试编写浏览器插件,在探索途中,学习了一下编写UTools插件,与油猴插件,个人强烈建议。很多功能没有必要写浏览器插件,编写个油猴插件就好了,而且非常简单,这些插件几乎都是前端知识。油猴插件本质就是在匹配的url页面执行用户自定义js常用注解含义// ==UserScript==
// @name MyTest 插件名称
// @namespac
转载
2023-12-06 22:22:11
207阅读
目录一、配置本地开发环境配置方式二、 发布及更新脚本附:常见标签参考文章 TamperMonkey,这是一款非常流行的免费浏览器插件,网络上俗称:油猴插件,油猴脚本。作为一款浏览器插件,油猴的作用只是管理安装在浏览器上的所有脚本对象。本文用Chrome浏览器操作。一、配置本地开发环境油猴支持在它提供的网页编辑器中进行开发 ,油猴插件也支持访问本地文件,来进行本地开发。配置方式步骤一:在扩展程序中
转载
2023-07-28 15:57:22
151阅读
# 油猴与jQuery:为你的网页添加魔法
在现代的网页开发中,用户体验至关重要。如何通过简洁的代码让网页更加美观、易用呢?这时候,Tampermonkey(油猴)和jQuery的功能便显得尤为重要。本文将带你一起来了解这两者,并通过一些示例代码来展示它们的使用方法。
## Tampermonkey(油猴)简介
Tampermonkey是一个用户脚本管理器,允许用户在浏览器中运行自定义的Ja
# jQuery 与油猴的结合使用
在现代的网页开发中,jQuery 是一个非常常用的 JavaScript 库,它可以极大地简化 HTML 文档的操作、事件处理、动画效果以及 AJAX 交互。而油猴(Tampermonkey)则是一个流行的用户脚本管理器,允许用户在浏览器中运行自定义 JavaScript 脚本。一旦将 jQuery 与油猴结合使用,我们可以轻松地为自己常用的网站注入功能,改善
原创
2024-10-03 03:24:57
26阅读
# 如何实现“油猴 jquery”
## 简介
在这篇文章中,我将向你介绍如何使用油猴(Tampermonkey)和 jQuery 来增强网页的功能。油猴是一个可以在浏览器上运行用户脚本的扩展程序,而 jQuery 则是一个广泛使用的 JavaScript 库,可以简化网页开发过程中的DOM操作。
## 整体流程
为了实现“油猴 jQuery”,我们将按照以下步骤进行操作:
| 步骤 | 动
原创
2023-07-16 15:17:33
514阅读
为了防止分享链接被恶意举报,一些资源提供者开始使用秒传链接形式进行分享。本文探索了秒传链接提取的原理,并介绍了简单的用法。如何使用关于原理的部分请跳到下一节。安装扩展及脚本(1、2均为必选,非二选一)安装扩展组件(必选)
对于 Chrome 及同内核的套壳浏览器,请安装Tampermonkey扩展。对于 FireFox 浏览器,可以安装Tampermonkey扩展或Greasemon
转载
2023-09-07 12:37:58
617阅读
# 油猴脚本与jQuery的结合使用
油猴(Tampermonkey)是一款流行的浏览器扩展,允许用户在网页上运行自定义的JavaScript脚本。而jQuery是一个快速、小巧且功能丰富的JavaScript库。本文将介绍如何将油猴脚本与jQuery结合使用,以解决一个实际问题:自动填充表单。
## 问题背景
在许多网站中,我们需要填写一些重复的表单信息,如用户名、密码、邮箱等。手动填写这
原创
2024-07-16 12:20:15
119阅读
最近学习了一些前端的知识,就做了一个基于油猴的js脚本练手。脚本有中英两种语言的界面。 Description:进入护眼模式,自带三种预设,可以保护眼睛、调节亮度,可以自定义模式的颜色和透明度,自己手动调节至满意。菜单快捷键:alt+a;alt+h;alt+p。自带白名单,可封锁域名退出护眼模式。ui截图: 效果截图:部分代码:// ==UserScript==
// @name
转载
2023-11-27 17:43:23
2251阅读
可以看到由这两个网页元素组成了网页广告,一个灰度div,一个倒计时且禁止滑动的div,我们需要做的就是用Chrome里的Console来运行Js,去处这两个div。我百度了一下去处DIV的JS代码,找到了两种去处元素的方法。第一种是直接通过ID删除元素,第二种是如果元素没有ID,找到他特有的类,然后删除。getElementsByClassName可以找到所有某一类名的元素,我这里填写[0]默认的
转载
2023-11-08 21:39:37
469阅读
有几个相关网站不错: - GreaseSpot is community documentation for user scripting with Greasemonkey.第 2 章 编写第一个用户脚本2.1. Hello World我们步入 Greasemonkey 美妙世界的万里长征将从第一步开始,所有读过技术手册的读者都会很熟悉这一步:让您的电脑打出“Hello world”。例 2
转载
2023-11-02 13:16:37
194阅读
插件是什么 插件及扩展程序,目前大多数软件及程序都提供了安装插件的功能(edge,chrome,vscode,,office等),游戏也是一种插件,这也是使程序功能强大的手段,有了它能让程序本身更加强大,插件是基于程序本身运行的,就像寄生虫一样 其只能运行在程序规定的系统平台下(可能同时支持多个平台),而不能脱离指定的
转载
2023-12-12 15:02:55
12阅读
Tampermonkey油猴 加载本地文件1. 加载本地脚本 common.js1: 设置油猴权限2: 引用本地js2. 加载本地文件2.1 用 GM_getResourceText 加载资源文件2.2 用 GM_xmlhttpRequest 动态读取数据油猴相关指令说明参考资料 1. 加载本地脚本 common.js用来存放公共方法,方便重用。 引用本地 JS 有两条事要做,顺序不分前后,但都
转载
2023-11-03 12:22:18
127阅读
目录一、油猴下载与安装二、油猴脚本免费使用网站三、油猴脚本编写介绍1、添加新脚本2、油猴脚本注释内容解释3、编写油猴脚本的基本步骤4、油猴脚本调试测试四、hook之js逆向案例1、hook之window属性案例2、hook之cookie生成案例五、hook的脚本合集1、hook之cookie2、hook之window属性3、hook之eval4、hook之setInterval5、hook之co
转载
2023-10-07 20:16:43
3258阅读
【 关于油猴的安装和使用的教程】1.0 油猴简介2.0 安装环境2.1 安装Google Chrome2.2 下载油猴3.0 总结参考文献 1.0 油猴简介Tampermonkey是一个神奇的网络插件,真的是新时代的黑科技,学生党的福音。Tampermonkey对于我来说可是个 好东西。请一定要看下去!!???而在众多的扩展中,就不得不提到一个浏览器插件——Tampermonkey。中文俗称油猴。
转载
2023-12-06 12:56:37
13阅读