如何解决chrome扩展程序content.js使动态网站崩溃
我正在尝试通过自定义的chrome扩展名插入叠加层,但是,当仅将HTML添加到文档正文中时,动态网站将崩溃,按钮将不起作用+连接将不起作用。
content.js
document.body.innerHTML += `<div>innerHTML</div>`
解决方法
我建议构造元素,然后将其附加到文档正文中。
在这里的示例中,我有一个HTML文件,该文件正在使用内容脚本获取并将其添加到页面中。
manifest.json:
"web_accessible_resources": [
"content/views/overlay.html"
]
content.js:
const htmlBackdropLink = chrome.extension.getURL('content/views/overlay.html');
// Get overlay HTML
const overlayRes = await fetch(htmlBackdropLink);
const overlayHtml = await backdropRes.text();
// Create div and set HTML
const wrapperDiv = document.createElement('div');
wrapperDiv.innerHTML = overlayHtml;
document.body.appendChild(wrapperDiv)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。