当前位置: 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向页面注入自定义Javascript? 相关插件

Tampermonkey BETA:Tampermonkey测试版

开发者插件 2018-03-20 13:53:15

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 。它

Tampermonkey脚本安装问题及自用脚本推荐

聚合专题 2018-03-02 11:14:07

对于高手来说,chrome浏览器中即使没有其他任何 chrome插件 ,可能都无关紧要。但是有一个插件必不可少, 那就是 Tampermonkey 油猴插件。Tampermonkey是Chrome上最流行的用户脚本管理插件了

分享六款超实用的chrome插件

聚合专题 2018-03-12 23:24:07

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