美文网首页
Chrome浏览器脚本注入器

Chrome浏览器脚本注入器

作者: 该帐号已被查封_才怪 | 来源:发表于2019-11-06 11:49 被阅读0次

    很久以前使用过火狐的油猴子插件 GreaseMonkey,采用Chrome后发现tampermonkey更适合;

    一、下载

    1、https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo

    二、官网及文档

    可以查看教程和文档等
    1、官网: https://www.tampermonkey.net/
    2、文档:http://www.tampermonkey.net/documentation.php

    三、简单的例子

    // ==UserScript==
    // @name         移除蒙层
    // @namespace    http://tampermonkey.net/
    // @version      0.1
    // @description  try to take over the world!
    // @author       You
    // @match        https://www.tampermonkey.net/installed.php?version=4.8.41&ext=dhdg&updated=true
    // @include       https://www.fundebug.com/*
    // @grant        none
    // ==/UserScript==
    
    (function() {
        'use strict';
        // 运行时机   // @run-at document-start   尽可能早的运行      // @run-at document-idle   在DOMContentLoaded后  // @run-at context-menu 点击时运行
      // 引用原有网站的变量或函数  unsafeWindow.xxxxx
     //  需要依赖jquery库   // @require https://code.jquery.com/jquery-2.1.4.min.js
        //document.addEventListener("DOMContentLoaded", function(event) {
         //     document.querySelector('.Modal.ng-scope')?document.querySelector('.Modal.ng-scope').remove():'';
         //   console.log('DOMContentLoaded执行完成了'+new Date().getTime())
        //    alert('成功运行脚本')
      //  })
    
         window.addEventListener("load", function(event) {
        document.querySelector('.Modal.ng-scope')?document.querySelector('.Modal.ng-scope').remove():'';
              console.log('load执行完成了'+new Date().getTime())
       // alert('成功运行脚本')
      })
        // Your code here...
    })();
    
    // ==UserScript==
    // @name         移除蒙层
    // @namespace    http://tampermonkey.net/
    // @version      0.1
    // @description  try to take over the world!
    // @author       You
    // @match        https://www.tampermonkey.net/installed.php?version=4.8.41&ext=dhdg&updated=true
    // @include       https://www.fundebug.com/*
    // @grant        none
    // ==/UserScript==
    
    (function () {
    // 运行时间  // @run-at document-idle  // 引用原有网站的变量或函数
    // document.addEventListener("DOMContentLoaded", function(event) {
    //     document.querySelector('.Modal.ng-scope')?document.querySelector('.Modal.ng-scope').remove():'';
    //   console.log('DOMContentLoaded执行完成了'+new Date().getTime())
    //    alert('成功运行脚本')
    //  })
    //   let hasRemove = false;
      function removeCover() {
        if (document.querySelector('.Modal.ng-scope')) {
          document.querySelector('.Modal.ng-scope').remove();
          console.log(`移除蒙层执行完成了${new Date().getTime()}`);
          // hasRemove = true;
        } else {
          // hasRemove = false;
          console.log(`没有蒙层${new Date().getTime()}`);
        }
      }
    
      const removeCoverClock = setInterval(() => {
        removeCover();
      }, 500);
    
      window.addEventListener('beforeunload', (e) => {
        clearInterval(removeCoverClock);
        console.log(e);
        // alert('即将关闭页面');
        // const ev = window.event || e;
        // ev.returnValue = ('确定离开当前页面吗?');
      });
    
    
      // window.addEventListener('load', () => {
      //   removeCover();
      //   if (document.querySelector('.ProjectNavLink.ng-scope')) {
      //     document.querySelector('.ProjectNavLink.ng-scope').addEventListener('click', () => {
      //       console.error('执行了click事件');
      //       const clock = setInterval(() => {
      //         removeCover();
      //         if (hasRemove) {
      //           clearInterval(clock);
      //         }
      //       }, 100);
      //     });
      //   } else {
      //     console.log('.ProjectNavLink.ng-scope 不存在');
      //   }
      // });
      //
      // window.addEventListener('popstate', () => {
      //   removeCover();
      // });
      //
      // window.addEventListener('hashchange', () => {
      //   removeCover();
      // });
      // window.addEventListener('pageshow', () => {
      //   removeCover();
      // });
    
    // Your code here...
    }());
    
    
    
    // ==UserScript==
    // @name         移除蒙层
    // @namespace    http://tampermonkey.net/
    // @version      0.1
    // @description  try to take over the world!
    // @author       You
    // @match        https://www.tampermonkey.net/installed.php?version=4.8.41&ext=dhdg&updated=true
    // @include       https://www.fundebug.com/*
    // @grant        none
    // ==/UserScript==
    
    (function () {
    // 运行时间  // @run-at document-idle  // 引用原有网站的变量或函数
    // document.addEventListener("DOMContentLoaded", function(event) {
    //     document.querySelector('.Modal.ng-scope')?document.querySelector('.Modal.ng-scope').remove():'';
    //   console.log('DOMContentLoaded执行完成了'+new Date().getTime())
    //    alert('成功运行脚本')
    //  })
    //   let hasRemove = false;
      function removeCover() {
        if (document.querySelector('.Modal.ng-scope')) {
          document.querySelector('.Modal.ng-scope').remove();
          console.log(`移除蒙层执行完成了${new Date().getTime()}`);
          // hasRemove = true;
        } else {
          // hasRemove = false;
          console.log(`没有蒙层${new Date().getTime()}`);
        }
      }
    
      const removeCoverClock = setInterval(() => {
        removeCover();
      }, 500);
    
      window.addEventListener('beforeunload', (e) => {
        clearInterval(removeCoverClock);
       // alert('即将关闭页面');
       // const ev = window.event || e;
       // ev.returnValue = ('确定离开当前页面吗?');
      });
    
    
      // window.addEventListener('load', () => {
      //   removeCover();
      //   if (document.querySelector('.ProjectNavLink.ng-scope')) {
      //     document.querySelector('.ProjectNavLink.ng-scope').addEventListener('click', () => {
      //       console.error('执行了click事件');
      //       const clock = setInterval(() => {
      //         removeCover();
      //         if (hasRemove) {
      //           clearInterval(clock);
      //         }
      //       }, 100);
    
      //     });
      //   } else {
      //     console.log('.ProjectNavLink.ng-scope 不存在');
      //   }
      // });
      //
      // window.addEventListener('popstate', () => {
      //   removeCover();
      // });
      //
      // window.addEventListener('hashchange', () => {
      //   removeCover();
      // });
      // window.addEventListener('pageshow', () => {
      //   removeCover();
      // });
    
    // Your code here...
    }());
    
    

    四、实用脚本汇总库

    1、官网汇总 https://www.tampermonkey.net/scripts.php
    2、https://greasyfork.org/zh-CN

    相关文章

      网友评论

          本文标题:Chrome浏览器脚本注入器

          本文链接:https://www.haomeiwen.com/subject/iqfubctx.html