如何加载本地 .html 代码作为嵌入元素

问题描述

我正在构建一个带有对话窗口的扩展，它附加到页面的末尾。它作为 tool_content.js 文件的一部分工作正常，但它太大了。我希望我可以将它放在一个单独的文件 tool.html 中并以某种方式导入或插入。

tool_content.js

helpWindowSpawn: function() {
    let div = document.createElement('div');
    div.setAttribute("id","tool_wnd");
    document.body.appendChild(div);

    div.innerHTML = `
    <div>
       <table>
         <tr>
           <td></td>
           <td></td>
           <td></td>
           ...
    '

我尝试过的：

ma​​nifest.json

"web_accessible_resources": [ 
    "tool.html" 
]

并使用某种方式链接到本地​​扩展文件

chrome.extension.getURL("tool.html")

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）