美文网首页
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