google-chrome-extension 相关问题

我正在尝试编写可纠正 1 个论坛上的拼写错误的扩展程序。我正在尝试使用内容脚本访问标签，但它不会改变任何内容（使用下面的代码）：文件。我正在尝试编写可纠正 1 个论坛上的拼写错误的扩展代码。我正在尝试使用内容脚本访问 <p> 标签，但它不会改变任何内容（使用下面的代码）： document.addEventListener("DOMContentLoaded", function() { document.getElementsByTagName("P")[4].innerHTML = "correct_word"; }); 作为扩展添加时，它不会改变任何内容，显然，如果我wget页面，并将脚本放在那里，一切都有效。有什么想法吗？我的manifest.json文件： { "manifest_version": 2, "name": "Extension", "description": "Description", "version": "1.0", "content_scripts": [{ "run_at": "document_end", "matches": ["http://example.com/"], "js": ["script.js"] }], "web_accessible_resources": ["Filedeleted(really).html"] } 我知道内容脚本和 WWW 页面有不同的沙箱，也许内容脚本无法访问页面（和标签）？您将在监听火灾的事件之后注入脚本（在本例中为DOMContentLoaded）。因此，侦听器中的任何代码都不会被执行，因为在添加侦听器后该事件永远不会触发。在 Chrome 扩展程序和 Firefox WebExtensions 中，指定注入 content script 的时间时，您可以指定 "document_start"、"document_end" 或 "document_idle"。1 在 manifest.json 中，这是为 run_at 属性指定的值。对于 tabs.executeScript()，它是 runAt 属性。 document_start 注入发生在创建 DOM 或运行页面脚本之前。这意味着 document.body 和 document.head 还不存在。 DOMContentLoaded 和 window load 事件尚未触发。您可以通过将内容添加到 document.documentElement 来将它们添加到 DOM。您可能需要使用 MutationObserver 来监视您感兴趣的要添加到 DOM 的元素，或者等待像 DOMContentLoaded 这样的事件来指示 DOM 可用。 document_end（默认）注入发生在 DOM 完成之后、子资源（例如图像和框架）加载之前。这通常是在 DOMContentLoaded 触发之后、window load 事件触发之前。 document_idle 注入发生在 document_end 之后的某个时间以及在 window load 事件触发之后立即进行。 “run_at: document_idle 内容脚本何时运行？”的答案表示这是以下较早的一个：在 window load 事件触发后，或者 DOMContentLoaded 事件触发后 200 毫秒。这意味着您的内容脚本将在 DOMContentLoaded 触发后注入，但 window load 事件可能已经触发，也可能尚未触发。听DOMContentLoaded或windowload时，应先检查document.readyState 任何时候您使用 DOMContentLoaded 侦听器或 window load 侦听器，您都应该在添加侦听器之前检查 document.readyState，以确保在 DOMContentLoaded 之前添加侦听器事件被触发（或者在 load 事件被触发之前，如果您正在监听的话）。当您想要监听这些事件时，这应该是正常习惯。如果您在事件触发后添加侦听器，则侦听器将永远不会运行。要添加 DOMContentLoaded 侦听器，您应该使用类似以下内容： if(document.readyState === 'loading') { document.addEventListener('DOMContentLoaded',afterDOMLoaded); } else { afterDOMLoaded(); } function afterDOMLoaded(){ //Everything that needs to happen after the DOM has initially loaded. } 要添加 window load 侦听器，您可以使用类似以下内容： if(document.readyState !== 'complete') { window.addEventListener('load',afterWindowLoaded); } else { afterWindowLoaded(); } function afterWindowLoaded(){ //Everything that needs to happen after the window is fully loaded. } 如果您使用 tabs.executeScript()，则为 runAt 提供的值仅指示您希望注入脚本的最早时间。如果您在此时间之前执行 tabs.executeScript()，则注入会延迟到指定时间。请注意，对于 document_start ，执行 tabs.executeScript() 对新页面有效的点是一个复杂的主题，值得有自己的问题/答案。此答案的部分内容复制自我对“检测并处理活动 HTML 页面中的按钮单击”的答案。对于 manifest_version: 3，document_idle 是默认值，也是推荐值，根据官方文档。此外，文档使得 chrome 看起来只会在内容之后加载内容脚本，但事实并非如此。如果您确实需要在内容完全加载后运行某些内容，则需要以下组合： window.load和document.readyState，在大多数情况下可以检测到加载完成，因此您可以在之后运行您的东西。它可能不适用于某些具有大量动态内容的页面。MutationObserver，检测动态内容并在第一个选项失败时重试运行您需要运行的任何内容。（可选）去抖动函数（我使用lodash/debounce），以避免突变观察器运行太多次。

javascript google-chrome google-chrome-extension content-script

回答 2 投票 0

google-chrome-extension 相关问题

最新问题