油猴脚本是贰个浏览器扩展,尽管你还没听别人说过这就大致是太唐朝人了 …
如今的话,使用的人工产后虚脱最多的便是浏览器狂热者和大前端码农了吧,对于前者,都在疯狂的找脚本,后者则疯狂的出口
→_→

油猴补助广大主流的浏览器,Chrome、Firefox、Edge、Opera、Safari、UC等等,所以达成了剧本的3次编写,四处运营了呢,感觉基于浏览器的行使才算是真正的跨平台了。

率先上官网
http://tampermonkey.net/
下载或许在
Chrome应用商店里搜索油猴下载扩展程序,可是那亟需借助梯子,辛亏国内也有Chrome插件的网站,百度时而也能找到。

安装实现后,油猴会在浏览器的扩充插件栏上发出1个图标:

油猴插件

点击进入管理面板之后,即可进入油猴的主界面:

油猴

最左侧的小图标使用来创建脚本的,设置项用于对油猴插件进行安装,一般没什么要求修改的,保持私下认可即可。

实用工具里,大家有广大办法导入导出脚本能源,你能够将你征集的脚本能源存放在
谷歌 Drive 恐怕 Dropbox
上,也能够导出压缩文件,那样更换了游览器照样能够运用原来的剧本插件。

已设置的剧本里呈现的是你眼下安装的台本,能够启用也许关闭脚本。

需求证实的是,安装未知的脚本使非凡不安全的,这么些本子能够监听网络请求,按键等灵活操作,所以必须安装可信来源的剧本,尽管熟稔JavaScript,能够审阅源代码,检查是不是代码中含有敏感操作。

官方的脚本源:https://openuserjs.org/
,能够在此搜索添加脚本,有怎么着推荐的剧本也能够上逼乎搜索一番,那里就不赘述了。

接下去的,正是在乎普通人和大前端的人的一部分玩法了,大前端绕路,点击浏览器右上角
X 图标。

首先大家能够尝试创制四个新的台本:

油猴

剧本全体结构便是这般了,name 是顶替你的本子名称,namespace
是命名空间,能够用你的网站名称,version
是您的台本当前版本,那样外人倘使使用了你的脚本,还足以立时更新。description
是对您的本子的叙述,例如:百度最棒VIP破解 等等,author 是您的芳名,match
是您的台本在同盟到怎么 url 时才触产生效。

在开头接下去的实例的时候,你供给积谷防饥的学识有:

HTML+Javascript+jQuery

想要系统性的学习,可以去 MDN 看看:
https://developer.mozilla.org/zh-CN/

修改大家的本子内容如下:

油猴

下一场保留,打开任何二个网站都会弹出 ‘hello world’

油猴

那样,你的率先个本子就曾经付出成功了。

接下去,我们得以进阶一下,对百度的 logo
做点变化,每一遍打开百度都给她体现多头小狗图片。

透过 Chrome 的复核成分作用,知道那么些 logo 是在1个 id 为 lg 的 div
下的,大家尽管替换这些 div 或许在那之中的 img 的 src
属性值即可,这里残忍的交替 div 的始末就行。

油猴

修改大家的剧本内容如下:

油猴

剧本意思是摸索 div id 为 lg 的成分,假如找到了,就将 html
内容重新沟通为新的 img 标签,img 的图片路径为大家自定义的图纸路径。

封存后大家再一次打开百度:

油猴

发觉百度的 logo 已经被沟通了,然而,是在百度 logo
加载成功后才替换的,那么有哪些办法一初叶让他就加载家狗图片呢,大家试试利用
DOMContentLoaded 事件。

window.addEventListener("DOMContentLoaded", function(){
    // 君の代码。
}, false);

结果是,事件不履行了,早期很四人写的脚本都以运用 DOMContentLoaded
,可是未来极度了,不知底是或不是油猴升级了导致的,那本也算是个不安全的隐患呢。

收取来说说怎么调节大家写的台本,很简单,早期作者为开发公司级应用的时候针对的都以IE6~8浏览器,可没有像
Chrome 这么强大的调剂工具,都是用的 debugger 设置断点,然后附加到 Visual
Studio 中去调节,那里大家也足以用 debugger,然后打开 Chrome 控制台。

可是还有个难点就是本子有时候会执行多次,那一个比较烦。只可以凭借 jQuery
的文书档案就绪函数来判定了。

// ==UserScript==
// @name         第一个脚本
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @include      *
// @require      http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js
// @grant        unsafeWindow
// ==/UserScript==
jQuery.noConflict();
(function( $ ) {
    debugger;
    var a=12;
    var b=45;
    var c = a+b;
    var d = a-b;
})( jQuery );

在地点的代码中,我们也加盟了 debugger,再一次保存,打开浏览器:

油猴

接下去 F10 和 F11 举行调剂了,在左侧 Local 窗口能收看进行变量值。

油猴

OK,至此,关于什么初阶支付油猴脚本就说完了,期待大家为油猴脚本财富多做进献!

相关文章

网站地图xml地图