如何使用greasemonkey脚本阻止url或.js文件在特定的执行? 客户端

问题描述

我想停止 javascript .js 加载到特定网站上的油脂猴/暴力猴脚本

https://cdn.jsdelivr.net/gh/s9e/hljs-loader@1.0.16/loader.min.js

这是在页面源上加载的脚本:

<script async="" crossorigin="anonymous" data-hljs-style="github-gist" integrity="sha384-TB2DTH77ndX7xwCHAtxD7BZqyn4r429ZSoGL7vcrb5x0bFSvLGAMoiriMUcIqeTu" onload="hljsLoader.highlightBlocks(this.parentNode)" src="https://cdn.jsdelivr.net/gh/s9e/hljs-loader@1.0.16/loader.min.js"></script>

这是我想停止在网页上加载的 url,因为它突出显示了语法高亮的代码,我想停止语法高亮。

如果我使用 ublock origin 在浏览器上阻止它,它可以工作,但我想用用户脚本阻止它。

编辑: 我按照建议使用了脚本,但它不起作用,我做错了什么?

// ==UserScript==
// @name        New script 
// @namespace   Violentmonkey Scripts
// @match       *flarum.org*
// @include     *flarum.org*
// @grant       none
// @version     1.0
// @run-at      document-start
// @author      -
// @description 12/26/2020,9:57:34 AM
// ==/UserScript==

const observer = new MutationObserver((mutations) => {
  mutations.forEach(({ addednodes }) => {
    addednodes.forEach((addednode) => {
      if (addednode.nodeType === 1 && addednode.matches('script') && addednode.src === 'https://cdn.jsdelivr.net/gh/s9e/hljs-loader@1.0.16/loader.min.js') {
        addednode.remove();
        observer.disconnect();
      }
    });
  });
});
observer.observe(document.documentElement,{ childList: true,subtree: true });

我错过了什么吗?

这是我试图在其上运行脚本的网址 https://discuss.flarum.org/d/25739-disable-syntax-highlighting

解决方法

下面的第二种方法通常有效,但由于某种原因,您的页面上似乎有些东西干扰了它。一个丑陋的解决方法是提前在窗口上放置一个空的 hljs 属性,这样页面脚本在运行时会认为它已经存在并且什么都不做:

window.hljsLoader = {};

您可以在页面加载开始时将 MutationObserver 添加到文档中,并观察是否添加了以该 URL 作为 src 的脚本标记,然后将其删除。确保您使用的是 @run-at document-start,然后执行:

const observer = new MutationObserver((mutations) => {
  mutations.forEach(({ addedNodes }) => {
    addedNodes.forEach((addedNode) => {
      if (addedNode.nodeType === 1 && addedNode.matches('script') && addedNode.src === 'https://cdn.jsdelivr.net/gh/s9e/hljs-loader@1.0.16/loader.min.js') {
        addedNode.remove();
        observer.disconnect();
      }
    });
  });
});
observer.observe(document.documentElement,{ childList: true,subtree: true });

虽然脚本标签会被临时添加到 DOM 中,但它会在观察者微任务中有机会运行之前被删除。

脚本工作的实时片段:

<script>
const observer = new MutationObserver((mutations) => {
  mutations.forEach(({ addedNodes }) => {
    [...addedNodes].forEach((addedNode) => {
      if (addedNode.nodeType === 1 && addedNode.matches('script') && addedNode.src === 'https://cdn.jsdelivr.net/gh/s9e/hljs-loader@1.0.16/loader.min.js') {
        console.log('Script tag addition intercepted and removed');
        addedNode.remove();
        observer.disconnect();
        console.log('hljsLoader has not been loaded:',typeof hljsLoader);
      }
    });
  });
});
observer.observe(document.documentElement,subtree: true });
</script>

<script async="" crossorigin="anonymous" data-hljs-style="github-gist" integrity="sha384-TB2DTH77ndX7xwCHAtxD7BZqyn4r429ZSoGL7vcrb5x0bFSvLGAMoiriMUcIqeTu" onload="console.log(hljsLoader)" src="https://cdn.jsdelivr.net/gh/s9e/hljs-loader@1.0.16/loader.min.js"></script>

如果有多个脚本,您必须遍历它们而不是在第一个停止:

console.log(typeof hljsLoader);

setTimeout(() => {
  console.log(typeof hljsLoader);
},1000);
<script>
const observer = new MutationObserver((mutations) => {
  mutations.forEach(({ addedNodes }) => {
    [...addedNodes].forEach((addedNode) => {
      if (addedNode.nodeType === 1 && addedNode.matches('script') && addedNode.src === 'https://cdn.jsdelivr.net/gh/s9e/hljs-loader@1.0.16/loader.min.js') {
        console.log('Script tag addition intercepted and removed');
        addedNode.remove();
        console.log(typeof hljsLoader);
      }
    });
  });
});
observer.observe(document.documentElement,subtree: true });
window.addEventListener('DOMContentLoaded',() => observer.disconnect());
</script>

<script async="" crossorigin="anonymous" data-hljs-style="github-gist" integrity="sha384-TB2DTH77ndX7xwCHAtxD7BZqyn4r429ZSoGL7vcrb5x0bFSvLGAMoiriMUcIqeTu" onload="console.log(hljsLoader)" src="https://cdn.jsdelivr.net/gh/s9e/hljs-loader@1.0.16/loader.min.js"></script>
<script async="" crossorigin="anonymous" data-hljs-style="github-gist" integrity="sha384-TB2DTH77ndX7xwCHAtxD7BZqyn4r429ZSoGL7vcrb5x0bFSvLGAMoiriMUcIqeTu" onload="console.log(hljsLoader)" src="https://cdn.jsdelivr.net/gh/s9e/hljs-loader@1.0.16/loader.min.js"></script>