使用Chrome扩展编辑页面html
问题描述:
我需要帮助获取页面的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"));
});
实现此目的的最佳方法是什么?
谢谢您提前。
答
如果将其作为内容脚本运行,应具有的功能。你需要声明它在你的manifest.json文件中,这样的事情:
"content_scripts": [
{
"matches": [
"<all_urls>"
],
"js": ["contentscript.js"]
}
],
这将被添加到您的manifest.json并假定:
- 你想这个在每个页面上运行 - 如果不是,则需要更改匹配部分。
- 您的内容脚本的名称是contentscript.js。
欲了解更多信息,尝试寻找这些资源:
- https://developer.chrome.com/extensions/manifest
- https://developer.chrome.com/extensions/content_scripts
如果这不能解决你的问题,我想尝试分享你的项目结构和清单的内容来获得更好的答案。
详细解释什么在你的方法不起作用 – 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