1 下载 官网网站:http://www.tampermonkey.net/ 个人分享:https://920.lanzous.com/igiWUegi7je(直接把插件拖入浏览器,即可安装,最好升下级...) 谷歌商店:https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo (https...://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo) 2 参数说明 @name:脚本的名字.../2.2.1/jquery.js @match:匹配的网址 # 匹配所有网站 // @match *://*/* 3 实例 3.1 添加标签 $("body").append("--> <script src="js/<em>jquery</em>.min.js
Tampermonkey的安装 方式一 Chrome商店直接下载 Chrome商店 -> 搜索 Tampermonkey -> Tampermonkey 安装即可 ?...@match @match 与 @include 非常相似,然而@match更安全。它对 * 字符的含义设置了更严格的规则。...@match 与 @include他们都是匹配基于一组由匹配模式定义的 URL。匹配模式本质上是以允许的方案开头的 URL。...@match 与 @include区别请参考 https://wiki.greasespot.net/Metadata_Block#.40match 匹配规则 https://developer.chrome.com...如果访问了@exclude中与之匹配的内容则不执行自定义的JavaScript代码 @exclude优先权大于match和@include。如果二者都匹配了,那么默认执行@exclude规则。
1.Tampermonkey插件下载 已谷歌浏览器为例 插件下载地址,点我进行跳转 或者点我直接下载 2.浏览器安装插件 {callout color="#f0ad4e"} 2.1 2.2...2.3 打开开发者模式 2.4 文件解压后得到一个crx后缀名文件 然后拖到当前界面的任何位置就可以了 3.找插件地址 点我跳转插件下载地址 实例 4.可以再菜单栏上找到Tampermonkey
其实把Tampermonkey叫做扩展,倒不如叫做脚本平台。他能够承载JS形式的脚本,对网页进行修改,甚至于焕然一新。...Tampermonkey下载安装地址 https://chrome.google.com/we……kfjojejmpbldmpobfkfo 在chrome上安装好Tampermonkey扩展后
通过安装脚本来实现浏览器上百度云文件下载不调取客户端,破解优酷土豆vip等功能 Tampermonkey:Chrome里的“金手指” 安装 它包含:方便的脚本管理、脚本概览...下面来给大家说一下该如何操作: 1)安装百度网盘脚本 在 Google 浏览器上安装好「Tampermonkey」插件后还需要另外单独安装脚本来实现你想要的功能。...上述方法还是需要访问外国网站才能实现 采用参考文档的方法安装脚本: 百度网盘直接下载助手 百度网盘批量离线 2)打开网盘链接 当在 Google 浏览器上打开网盘链接后,「Tampermonkey...当然「Tampermonkey」插件的功能还不止于此,除此之外还能屏蔽视频广告,能破解优酷、土豆等 VIP 会员来看视频,在这里就不给大家一一介绍如何操作了,感兴趣的小伙伴可以在网上自己查找。
所以TamperMonkey应该可以实现我们替换script标签的目的。...安装TamperMonkey TamperMonkey为主流浏览器(Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox)都提供了插件,...TamperMonkey脚本 我们先来看下google的jquery引用在页面中的样子: 可以看到就是普通的script标签,现在我们的思路应该比较明确了,就是用javascript...首先我们打开TamperMonkey,新建一个脚本。...TamperMonkey提供了几个执行的点,通过配置 run-at实现。
一、先看 jQuery(function(){ }); 全写为 jQuery(document).ready(function(){ }); 意义为在DOM加载完毕后执行了ready...二、再看 (function(){ })(jQuery); 其实际上是执行()(para)匿名方法,只不过是传递了jQuery对象。...三、总结 jQuery(function(){ });用于存放操作DOM对象的代码,执行其中代码时DOM对象已存在。...不可用于存放开发插件的代码,因为jQuery对象没有得到传递,外部通过jQuery.method也调用不了其中的方法(函数)。...(jQuery)则是一样的,之所以只在形参使用$,是为了不与其他库冲突,所以实参用jQuery ,上述也可以这样写:var fn = function($){....}; fn(jQuery);
安装插件 Chrome Web Store 最简单的方式就是直接在Chrome Web Store搜索Tampermonkey,然后点击"添加至Chrome"。...如果因为墙的隔离,不一定可以访问,可以使用离线安装的方式 离线安装 https://www.crx4chrome.com 可以搜索到Tampermonkey然后下载。...自定义脚本 脚本内容 其实就是JS代码 // ==UserScript== // @name tenmao-deploy // @require http://code.jquery.com.../jquery-3.3.1.min.js // @namespace http://tampermonkey.net/ // @version 0.1 // @description...官网 如何开发一个油猴(TamperMonkey)脚本 官方校本库openuserjs 脚本库Greasy Fork
介绍: Tampermonkey中有大量的脚本,可以方便我们在日常的上网使用。 有那么一句话说:没有了Tampermonkey(油猴)我都不知道该如何上网。...获取Tampermonkey的步骤: 1....(这里介绍在普通浏览器中的获取方法,也可以在其他的浏览器中安装,安装的方法大同小异), 2.首先打开微软商店,在其中搜索Tampermonkey,然后进行获取,步骤如下: [在这里插入图片描述]...最后: 其实Tampermonkey(油猴)还有很多其他功能更加强大得脚本,有兴趣的话可以自行尝试,这里就不过多的介绍了。同时大家也可以根据自己的需求,自行的写属于自己的脚本。
有时候只要想到要用的 vue.js 的时候就会惯性的想起用vue-cli手脚架搭建一个项目,但是有时候的业务场景并不适合用vue-cli手脚架,这个时候使用vue+jquery混合使用,把他们的优点结合起来使用会大大提升开发效率...那么vue+jquery应该如何使用呢?... wordCardStyles:[] //要存放的数据 }, methods:{ //存放实例方法 } }) 三、vue和jquery
基础性内容,大神可以略过,O(∩_∩)O~ 1.jQuery.fn.extend用于扩展jQuery.prototype对象,可以采用这种方式为jQuery添加自定义方法 2.jQuery.extend...是用于扩展一个类的功能,该函数原型为 jQuery.extend( target [, object1 ] [, objectN ] ) ] ) 运行完该函数后,object1以及objectN的特性会被组合到...target对象上,因此该函数会修改target对象,为了防止target对象被修改,可以传入{},仅仅使用jQuery.extend的返回值来使用对象merge后产生的类。...如果该函数仅有一个参数传入时,功能跟jQuery.fn.extend一样,可以用于扩展jQuery原型的方法。...注:上述方法是非递归型的,也就是说object1如果有与objectN相同名字的某个属性,objectN的该属性会整个替换带哦object1的该属性,例子如下: var object1 = {
1,vue 是一个前端框架,jquery 是javacript库,封装了一些js常用的方法,仅此而已。vue有成熟的生态链,mvvm模式,是一个真正的web框架。
Tampermonkey 是一款免费的浏览器扩展和最为流行的用户脚本管理器,它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox。...虽然有些受支持的浏览器拥有原生的用户脚本支持,但 Tampermonkey 将在您的用户脚本管理方面提供更多的便利。...它提供了诸如便捷脚本安装、自动更新检查、标签中的脚本运行状况速览、内置的编辑器等众多功能, 同时Tampermonkey还有可能正常运行原本并不兼容的脚本。...1.其它浏览器的安装方法: 这里已微软的edge浏览器,首先打开浏览器-右上角三个点-扩展-管理扩展-搜索Tampermonkey 这里就不做示范了小编已经安装过了 三.脚本安装 获取途径,点开Tampermonkey...以上是小编自己安装使用的脚本 四.卸载与跟新 点开Tampermonkey管理面板 写到这里,教程结束,Greasy Fork上还有更多好玩好用的脚本等着你。
在火狐浏览器上安装 直接访问 插件详情页 📷 点击添加到Firefox, 就能在浏览器右上角 看到这个标志 表示安装成功 📷 在谷歌浏览器上安装(需要fq)...
1: jQuery $(document).ready()与window.onload的区别?...Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。...用法: //用法1 jQuery.extend( target [, object1 ] [, objectN ] ) ; //用法2 jQuery.extend( [deep ], target, object1...在这种情况下,jQuery对象本身被默认为目标对象。这样,我们可以在jQuery的命名空间下添加新的功能。这对于插件开发者希望向 jQuery 中添加新函数时是很有用的。...由于jQuery 对象上的方法最后会返回该对象,jQuery的链式调用就是可以在对象返回后再次调用该对象使用jQuery方法的一种操作。
jQuery是一种流行的JavaScript库,用于简化在网页中操作和处理HTML文档的过程。...在jQuery中,有两个常用的事件处理方法,即$(document).ready()和$(window).on("load", function()),用于在页面加载时执行JavaScript代码。...$(document).ready()方法 $(document).ready()方法是jQuery中常用的事件处理方法之一。它是在DOM(文档对象模型)加载完成时触发,表示文档已经准备好进行操作。
学会使用jQuery并不难,因为它简单易学,并且相信你接触jQuery后肯定也使用或熟悉了不少其插件。如果要将能力上升一个台阶,那么如何编写一个自己的插件呢?...jQuery插件开发模式 jQuery插件开发方式主要有三种: 通过$.extend()来扩展jQuery$.extend({ sayHello: function(name) {...通过$.fn 向jQuery添加新的方法 通过$.widget()应用jQuery UI的部件工厂方式创建通过$.extend()来扩展jQuery 比如我们将页面上所有链接颜色转成红色,则可以这样写这个插件...选择器选中的元素,一般是一个jQuery类型的集合。...在处理插件参数的接收上,通常使用jQuery的extend方法 同时指定颜色与字体大小: $.fn.myPlugin = function(options) { var defaults = {
示例: // @require https://code.jquery.com/jquery-2.1.4.min.js // @require https://code.jquery.com/jquery...-2.1.3.min.js#sha256=23456... // @require https://code.jquery.com/jquery-2.1.2.min.js#md5=34567......://code.jquery.com/jquery-2.1.2.min.js#md5=ac56d......如果外部资源的内容与所选哈希不匹配,则资源不会传递到用户脚本。所有散列都需要以十六进制或base64格式编码。...loadinbackground具有与active相反的含义,并被添加以实现Greasemonkey 3.x兼容性。如果未指定“活动”或“加载后台”,则选项卡将不会聚焦。
写jQuery插件时一些经验分享一下。 ...一、推荐写法 jQuery(function($){ //coding }); 全写为 jQuery(document).ready(function($){ //coding...2、$私有变量,与其他插件不冲突 二、不推荐写法 (function($){ //coding })(jQuery); 1、立即执行函数;相当于先申明一个函数,声明完后直接调用 。...2、其实际上是执行()(para)匿名方法,只不过是传递了jQuery对象。 用于存放开发插件的代码,执行其中代码时DOM不一定存在,所以直接自动执行DOM操作的代码请小心使用。
TamperMonkey 提供了一种在网站上运行自己脚本的一种方式,应该成为我们工具箱里的一种常用工具。...sz=64&domain=tampermonkey.net // @match http*://*/* // @connect * // @require https://code.jquery.com.../jquery-2.1.4.min.js // @run-at document-idle // @grant unsafeWindow // @grant GM_xmlhttpRequest...connect 规则: domains like tampermonkey.net (this will also allow all sub-domains) sub-domains i.e. safari.tampermonkey.net...running at localhost to access the localhost 1.2.3.4 to connect to an IP address @require 加载脚本的依赖,像 jQuery
领取专属 10元无门槛券
手把手带您无忧上云