当前位置: Chrome插件首页 > Chrome插件问答 > 如何利用tampermonkey向页面注入自定义Javascript?

如何利用tampermonkey向页面注入自定义Javascript?

Chrome插件问答
我们网站曾经介绍过用户脚本管理器 tampermonkey ,那么 如何使用tampermonkey ?今天我来给大家介绍一下如何利用tampermonkey向页面注入自定义Javascript? tampermonkey使用背景 有没有遇到这样一
我们网站曾经介绍过用户脚本管理器tampermonkey,那么如何使用tampermonkey?今天我来给大家介绍一下如何利用tampermonkey向页面注入自定义Javascript?

tampermonkey使用背景

有没有遇到这样一种情况:打开一个网站,注册登录时需要填一堆信息,奇葩的是文本框也不让复制粘贴,而且浏览器还不自动保存,这样每次查询或者超时退出都得重新手动填写一遍。

 

使用tampermonkey的情况
 

那么有没有办法能简化这个过程呢?我想大家能想到到的其中最通用的办法是装个 lastpass chrome扩展,由它帮你完成表单信息的自动保存与填充,信息也会云存储在他们服务器上,还是挺方便的。当然iMacros for Chrome自动提交表单也是一个不错的选择。但是如果你担心隐私安全或者想要更加个性化的功能怎么办?一般来说这个时候需要用户自定义脚本来实现了。

tampermonkey插件简介

Chrome是原生支持加载UserScripts的,只不过它的加载方式是将UserScripts文件转换为一个扩展。开发起来略麻烦,不过好处就是稳定可靠。不过这个方案在这里就比较重量级了,不够方便。 所以我决定用TamperMonkey来做这件事儿。 这个相当于Firefox上的Scriptish或GreaseMonkey扩展,相当于一个UserScripts的管理和加载器。有了Tampermonkey,开发者就可以导入自己的脚本模板来改变网页的CSS和JS,让整个网页大变样。挺好使的一个玩意儿,只不过这货对Chrome的性能影响还是蛮大的。

tampermonkey插件实现自动化交互

安装好tampermonkey插件后,在发现需要自动交互的网页时,点击浏览器右上方的tampermonkey的按钮你,这样你就可以开始写你的交互逻辑代码了:上面是一个很通用的模板,如果你看不懂的话也许需要去看下UserScripts的格式…… 这里先把 @name  和 @match  改掉,一个是名字,一个是匹配的网址。名字随便取,@match  改为 http://www.ooxx.com/*。 然后在最下面开始写代码。
 
比如文初开头的完整代码如下:

需要说明的是,虽然效果很好很赞,但最大的问题是:需要跑UserScripts。所以一般在常去的资源站上用用就好了,没必要把脚本跑到每个网站上,毕竟那是极浪费性能的事儿~

利用tampermonkey还可以做什么事,这里的举例真的只是九牛一毛,如果你熟练的,真的是手握神器啊。
你可能对以下内容感兴趣:

 

相关内容推荐

Tampermonkey BETA:Tampermonkey测试版

开发者插件 2022-05-03 11:27:43

Tampermonkey是一款用户脚本管理器。目前Tampermonkey测试版已经测试稳定,官方已经推出稳定版本的用户管理器-Tampermonkey。感兴趣的朋友可以直接下载,我们这里对测试版也不多做介绍。

Tampermonkey:用户脚本管理器(油猴)

办公插件 2019-02-11 22:30:10

Tampermonkey 是一款免费的浏览器插件,也是一款最为流行的用户脚本管理器。Tampermonkey是第一个可以用来让 Chrome 支持更多 UserScript 的 Chrome 插件扩展。一直号有“Chrome第二应用商店的”

Tampermonkey插件怎么用?

Chrome插件百科 2018-03-09 18:59:25

Tampermonkey 是一款免费的浏览器插件和最为流行的用户脚本管理器。号称第二个chrome商店! Tampermonkey 适用于基于 blink 和 WebKit 的浏览器像是 Chrome Microsoft Edge Safari Opera Next 和 Firefox 。它

暴力猴

办公插件 2019-11-14 11:52:37

暴力猴(Violentmonkey)是一款与 Tampermonkey 齐名的Chrome浏览器插件管理工具,为浏览器提供用户脚本支持。 它适用于支持WebExtensions的浏览器。支持Userscripts.org、GreasyFork、OpenUserJS三大脚本

分享六款超实用的chrome插件

聚合专题 2022-05-03 17:55:38

我们谷歌Chrome浏览器有很多扩展插件可以安装使用,那么多诸多优秀chrome插件怎么去挑选呢?如果每个都按照的话也不切实际,而且会让chrome更慢。所以今天我们就为大家推荐Chrome浏览

Tampermonkey BETA v4.8.5898

开发者插件 2019-11-15 15:18:26

Tampermonkey 更好的版本在这里可以找到稳定的版本: https://chrome.google.com/extensions/detail/dhdgffkkebhmkfjojejmpbldmpobfkfo 请注意: TM 更好,有时最有可能包含错误;)
功能:
-管理和编辑所有用

jQuery API 中文文档

开发者插件 2019-11-18 16:58:55

jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器,核心理念是write less,do more(写的更少,做的更多)。这让诸如 HTML 文档遍历和操作、事件

NetBeans Connector

开发者插件 2019-05-19 03:19:17

在NetBeans Connector提供获奖的NetBeans IDE和谷歌Chrome浏览器。
的NetBeans IDE提供了一套完整的JavaScript和HTML5的开发工具,包括代码编辑,调试,现场造型,开发与iOS和Android的奖项之间的深

Custom JavaScript for websites

开发者插件 2019-08-18 12:47:51

运行在任何网站自定义JavaScript 。
使用此工具可在任何网站注入自定义JavaScript 。

你的脚本保存在本地存储和跨域网址应用。

您可以使用jQuery 1.11.0或2.1.0或您自己的

Custom JavaScript for websites v2.2.4

开发者插件 2019-08-18 12:49:33

使用此工具在任何网站中注入自定义 javascript。您的脚本保存在本地存储中,并跨域 url 应用。您可以使用 jQuery 1.11.0 或 2.1.0 或您自己的外部脚本使用:
-现场调试 (列表排序错误等)