在网页加载前显示空白网页
在网页加载前显示空白网页
提问于 2019-02-15 20:30:14
我试图创建一个网站的主题使用篡改猴子，所以基本上我想从页面上删除一切，然后添加我的自定义超文本标记语言到page.But有实际的网页显示几秒钟之前，我的主题出现。我希望网站是完全空白的，直到我的自定义脚本添加一些自定义超文本标记语言。
我将下面的代码添加到了tampermonkey中
// @run-at document-start我添加了以下代码，首先清空一个网页
document.body.innerHTML = '';
//my remaining custom codes to add few tables and stuffs所以我得到了这个错误
VM82 userscript.html:2错误:执行脚本'display none‘失败！无法设置null的属性“”innerHTML“”
为了解决这个问题，我添加了100ms的settimeout，然后
setTimeout(function(){
document.body.innerHTML = '';
}, 50);但仍然有第二个实际的网页正在显示。
回答 1
Stack Overflow用户
发布于 2019-02-15 20:39:19
当脚本在document-start上运行时，不能保证主体存在。通常会出现相反的情况:文档是完全空的，只定义了document.documentElement，这是<html>标记的DOM元素。
只需使用stop the current loading progress并使用document.open + document.write：
// ==UserScript==
// @name blank out
// @match *://*/*
// @run-at document-start
// ==/UserScript==
stop();
document.open('text/html', 'replace');
document.write(`
<html>
<body>foo</body>
</html>
`);请注意，如果站点的CSP特别严格，它可能无法工作。在这种情况下，您必须使用可以放松CSP的扩展(或者您可以自己编写这样的扩展)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54709445
复制相关文章
相似问题
腾讯云开发者
