防止每个网站域解析所有或某些DOM内容

问题描述 投票：1回答：2

[我创建了一个小的命令式原始JavaScript脚本，以阻止让我感到上瘾的行为引起关注的新闻网站：

// ==UserScript==
// @name         blocksite
// @match        *://*.news_site_1.com/*
// @match        *://*.news_site_2.com/*
// ==/UserScript==

function blocksite () {
    document.body.innerHTML =`<div dir="ltr"; style="font-size:100px; font-weight: bold; text-align: center">Blocked !</div>`;
}

setTimeout( blocksite(), 1000)
setTimeout( blocksite(), 5000) // Block possible later DOM mutations;
setTimeout( blocksite(), 10000) // Block possible later DOM mutations;

该脚本基本上可以正常工作（一个弹出窗口会接管DOM），但是我的问题是，仅在解析并呈现了所有DOM内容之后，它才阻止站点，而我通常希望阻止解析。

虽然听load事件为时已晚，但听较早的DOMContentLoaded事件可能比听load或听setTimeout()具有更好的结果，因为在解析内容后可能立即发生阻塞，但是尚未呈现。但是，我需要一种完全阻止对相关网站的任何网页进行解析的方法（或者，在解析第一个DOM HTML元素节点之后，阻止任何进一步的解析）。

我尝试过的

根据评论，我在Google Chrome浏览器中尝试过：

window.stop();我不记得有什么重大变化window.close();仅对devtool控制台有效window.location.replace("about:blank");它仅在load事件完成后才开始解析，而不是在解析开始时才对我有用

我的问题

我最新的ECMAScript（10）是否还需要执行该操作，如果需要，应该使用什么命令？

Sxribe更新：

[亲爱的Sxribe，我用以下代码创建了以下文件（C:\Users\MY_USER_NAME\Desktop\blocksite.html）。该文件确实由Tampermonkey加载（带有正确的@match列表），但是在加载匹配的网站时，我没有看到浏览器的任何更改（这些网站未被阻止并正常加载）。

文件中的代码

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Tampermonkey中的文件调用

window.open("C:\Users\MY_USER_NAME\Desktop\blocksite.html")
javascript parsing dom dom-events ecmascript-2018
2个回答
2
投票

要中止网站的加载，您可以简单地使用window.stop()方法。

1
投票

您可以在Documents文件夹中创建一个文件，然后在打开该网站时重定向到该文件。让我解释一下：

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.