使用Chrome扩展编辑页面html

-1

我需要帮助获取页面的html，找到div和添加一些html内容。我没有得到确切和推荐的方式来做到这一点。使用Chrome扩展编辑页面html

我试了一下。

添加该run_at内容脚本：document_start

什么它做的仅仅是附加体标签后的股利和得到，我需要显示扩展名文件的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")); 
});

实现此目的的最佳方法是什么？

谢谢您提前。

来源

2015-04-05 kannu

详细解释什么在你的方法不起作用 – 2015-04-05 15:05:07

我不是一个jQuery专家，所以我为我的任务玩。我需要找到一个html div并编辑它并添加一些我的内容。我所做的是在body标签后添加一个div，但我并不是专家来找到div并使用完美/推荐的方式进行修改。 – kannu 2015-04-05 15:08:26

你还没有详细询问什么 – 2015-04-05 15:09:58

如果将其作为内容脚本运行，应具有的功能。你需要声明它在你的manifest.json文件中，这样的事情：

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

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

你想这个在每个页面上运行 - 如果不是，则需要更改匹配部分。
您的内容脚本的名称是contentscript.js。

欲了解更多信息，尝试寻找这些资源：

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

来源

2015-04-07 02:11:39 Brian

使用Chrome扩展编辑页面html

回答

相关问题