chrome 开发并使用油猴 Tampermonkey 插件

背景:以前 test.user.js 的插件方式被 Chrome 封杀了。现在只能依赖油猴来编写自己的 js 插件。



官方网站:https://tampermonkey.net/

chrome商店: https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=zh-CN

tampermonkey 百度网盘本地安装:https://pan.baidu.com/s/19atulFTwe6Sp_bR5fjFF7A

不知道怎么本地安装 chrome 插件的同学可以参考我这篇文章:https://www.cnblogs.com/CyLee/p/10076458.html

安装完成后,Chrome 右上角插件列表如图所示:



点击添加新脚本

// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://www.baidu.com/*
// @grant        none
// ==/UserScript==

(function() {
    ‘use strict‘;

    window.alert(‘123‘);
})();

保存然后打开百度(注意是带https的百度哦),效果如图所示:

请注意代码中的 @match,这里必须必须写上你的匹配表达式。

请注意代码中的 @match,这里必须必须写上你的匹配表达式。

请注意代码中的 @match,这里必须必须写上你的匹配表达式。

再来一个实战的示例,给apizza的控制台加上滚动条。

// ==UserScript==
// @name         apizza.net
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://apizza.net/console/project/*
// @grant        none
// ==/UserScript==

(function() {
    ‘use strict‘;

    // 递归
    var maxTimeout = 10,
        timeout = 0,
        wait = 1000,
        callback = function() {
            document.querySelectorAll(‘#response-body‘).forEach(_=>{
                _.style.height = ‘400px‘
                _.style.overflow = ‘scroll‘
            })
        };
    (function poll() {
        if (++timeout > maxTimeout * 1000 / wait) {
            return window.alert(‘超时‘);
        };
        document.querySelector(‘#response-body‘) ? callback() : setTimeout(poll, wait);
    }());
})();

效果如图所示:

原文地址:https://www.cnblogs.com/CyLee/p/10095489.html

时间: 2024-11-13 09:36:53

chrome 开发并使用油猴 Tampermonkey 插件的相关文章

如何使用油猴脚本不要vip就能观看各大视频网站如腾讯,爱奇艺等的vip视频

如何使用油猴脚本不要vip就能观看各大视频网站如腾讯,爱奇艺等的vip视频 首先打开谷歌商店(这里需要fq,如不能fq的小伙伴请看上面写的Chrome怎么访问外网) 搜索Tampermonkey,点击add to chrome,如下图: 当Chrome浏览器右上角出现两个小眼镜时,表示脚本安装已经安装 注意!,只安装了油猴没有插件并没有用 安装油猴插件 打开https://greasyfork.org/zh-CN/scripts,里面包含了大部分可以使用 的插件 点击你想要的插件,来到此页面 再

油猴(Tampermonkey)插件+脚本+IDM=百度网盘高速下载

问题: 百度网盘下载有限速,导致下载速度根本跟不上你的网速.这个在下载一些大型文件的时候尤其突出. 解决: 油猴(Tampermonkey)插件+脚本+IDM 实现多线程高速下载. 我测试的是64位windows7系统,浏览器是Chrome. 1.下载.安装Chrome浏览器. 建议在安装时,安装在默认位置,我在使用其他一些软件调用浏览器的时候,因为没有安装在默认位置常常出错. 如果嫌麻烦直接在百度下. 2.安装油猴(Tampermonkey)插件. 该插件是crx后缀,共三种方法安装,建议用方

利用Google Chrome开发插件,在网页中植入js代码

Google Chrome是一个很强大的浏览器,提供了各种各样的插件,大大提升了使用了的效率,比如vimium.honx等. Google在提供这些插件的同时还允许用户开发自己的插件. 最近在写js的脚本采集程序,需要测试在网页中的运行情况,因此可以利用Chrome插件进行测试. 1.首先第一步是新建一个文件夹,并新建一个manifest.json文件,内容如下 { "manifest_version": 2, "name": "Js implants&q

Chrome 开发工具指南

Chrome 开发工具指南 谷歌 Chrome 开发工具,是基于谷歌浏览器内含的一套网页制作和调试工具.开发者工具允许网页开发者深入浏览器和网页应用程序的内部.该工具可以有效地追踪布局问题,设置 JavaScript 断点并可深入理解代码的最优化策略. 适用人群 这篇教程将会带你从头开始使用学习如何利用 Google 提供的组件进行 Chrome 上的相关开发调试工作. 通过本教程,你将学会如何使用这些工具,并且学会如何通过它来分析调试提供的 Demo . 学习前提 在你继续本教程之前,你必须对

Chrome开发工具

你可能已经熟悉了Chrome开发工具的基本功能.: DOM检查器.样式面板和JavaScript控制台. 但也有一些不太为人所知的特性可以显著提高你调试或开发应用的速度. 黑色主题 Chrome开发工具的内置了黑色主题.你可以通过点击开发工具窗口右上角的三点图标,之后点击进入设置页面,切换主题. 有时候我觉得黑色主题让我的眼睛更舒服,并且黑色主题显然看起来更酷一些 :) 选择模式 Chrome开发者工具提供了很多选择元素的方法,其中最快捷的方法就是使用选择模式. 该功能通过点击调试面板左上角的按

quick-cocos2d-x开发工具sublime text及其强力插件QuickXDev

更新:如今QuickXDev已经能够通过Package Control下载了,全部QuickXDev相关的请看这里:http://my.oschina.net/lonewolf/blog?catalog=412647 sublime text是一个小巧,强大.界面美丽的代码编辑器,眼下正式版本号为2,开发版为3.下载地址:http://www.sublimetext.com/.sublime text的非常多功能都是依赖于其强大的插件系统.sublime text支持lua语言,但大部分功能都没

[Phonegap+Sencha Touch] 移动开发77 Cordova Hot Code Push插件实现自己主动更新App的Web内容

原文地址:http://blog.csdn.net/lovelyelfpop/article/details/50848524 插件地址:https://github.com/nordnet/cordova-hot-code-push 以下是我对GitHub项目readme的翻译 ---------------------------------------------- Cordova Hot Code Push Plugin 此插件提供了能够使cordova app自己主动更新web内容的功

开发自己的One Page Scroll插件(二)

开发自己的One Page Scroll插件(一) 5. 在其他浏览器中的特性 我经常会不停地发布当前的版本,从而可以在GitHub上得到不断的反馈.我的开发模式是不断的迭代.在开始的时候,我不会太关注它在手机上的效 果,其实到目前我也没有关注这个问题.但其实我使用了一个简单的解决方案.通过检测和转换数据,从而在手机上同样能执行init_scroll方法.但是 这样做不总能达到效果,比如Android系统的浏览器中.所以我最终我最终实现了一个fallback来让插件回退到本地的scrolling

Chrome 谷歌浏览器安装使用 Postman 和 Sense 插件

博客地址:http://www.moonxy.com 一.前言 Google Chrome 的特点是简洁.快速等.Chrome 支持多标签浏览,每个标签页面都在独立的"沙箱"内运行,在提高安全性的同时,一个标签页面的崩溃也不会导致其他标签页面被关闭.此外,Chrome 基于更强大的 JavaScript V8 引擎,这是当前 Web 浏览器所无法实现的.其开发者工具的功能也非常强大,非常适合于前端开发人员,并且支持的插件功能也非常实用. 二.安装插件 2.1 插件设置 直接在谷歌浏览器