我的 tampermonkey 脚本在网站的 webapp 部分不工作

Question

我正在尝试更新我的旧 Tampermonkey 脚本，因为我使用它的网站已更名并更改。

新网站正在使用网络应用程序，我的脚本未加载到网站的 "app" 部分，我不确定是什么阻止了它。

网站是https://www.boxtal.com/fr/fr/accueil。

这是我要添加的脚本类型（我刚刚离开按钮，足以测试网站是否正在加载它）：

// ==UserScript==
// @name        boxtal
// @namespace   boxtal
// @description boxtal
// @include     https://www.boxtal.com/*
// @version     2
// @grant       none
// ==/UserScript==

function addButtons() {
    document.body.innerHTML += '<div style="position:absolute;bottom:20px;right:20px;z-index:80;border:1px black solid"><button type="button" id="startButton">Start</button></div>';
}

addButtons();

所有不使用webapp的页面右下角都添加了"Start"按钮，其他页面没有。

对于如何在这些页面中推送我的脚本，您有什么建议吗？

Answer 1

确保您的用户脚本已实际执行。您可以使用 console.log 检查它是否已执行或检查 Tampermonkey 面板是否已加载。打开浏览器错误控制台并观察语法错误（对于 Firefox：使用全局控制台，而不仅仅是 Web 开发人员工具箱中的控制台）。

此外：您插入脚本的方式可能会破坏网页，因为您将整个 DOM 树序列化为 HTML 字符串，附加您的代码片段，然后让浏览器解析字符串并替换当前的 DOM 节点 - 这会删除 DOM 树中所有动态添加的事件处理程序。使用类似 document.body.appendChild() 的方式向页面添加节点。

我的 tampermonkey 脚本在网站的 webapp 部分不工作

My tampermonkey script isn't working in the webapp part of the site

javascript

greasemonkey

userscripts

tampermonkey