Question

我需要帮助获取页面的html，找到div并添加一些html内容。我没有得到确切和推荐的方法来做到这一点。

我试了一下。

添加run_at：document_start
的内容脚本

它做的只是在body标签后附加div并从我需要显示的扩展文件中获取html页面内容。

$(function () {
    var style = 'border: 0 none transparent !important; background: rgba(0, 0, 0, 0.5);';
    var frame = ' <div id="con-1-frame" style="' + style + '">\n\
                </div>';
    $("body").after(frame);
    $("#con-1-frame").load(chrome.extension.getURL("design.html"));
});

实现这一目标的最佳方法是什么？

提前谢谢你。

Answer 1

如果您将其作为内容脚本运行，那么您应该使用什么。您需要在manifest.json文件中声明它，如下所示：

"content_scripts": [
     {
         "matches": [
             "<all_urls>"
         ],
         "js": ["contentscript.js"]
     }
],

这会被添加到您的manifest.json并假定：

您希望在每个页面上运行 - 如果没有，您需要更改匹配部分。
您的内容脚本的名称是contentscript.js。

有关更多信息，请尝试查看以下资源：

如果这不能解决您的问题，我会尝试分享您的项目结构和清单中的内容，以获得更好的答案。

使用chrome扩展程序编辑页面html

1 个答案: