我想知道创建Google Chrome扩展程序所需的所有组件和步骤,该扩展程序将能够从特定页面的iframe内部删除某些DOM元素。
我的研究表明,由于具有相同的来源政策,因此无法通过通用JavaScript来实现。
据我所知,在Chrome浏览器中从代码检查中手动删除DOM元素是可行的,但是我想实现自动化。
从其他类似的问题(主要是这个问题)看来,Chrome扩展程序应该可以做到这一点。我认为这是最相似的问题,但尚未得到答复,也不清楚。
老实说,我可以从这里接受它,但是我认为即使我最终回答自己,其他人也可能会从这个问题和答案中受益。
HTML示例:
<!DOCTYPE html>
<html>
<body>
<iframe src="iframe.htm"></iframe>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
和iframe.htm:
<!DOCTYPE html>
<html>
<body>
<div id="targetDiv"></div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
最终结果应与运行(使用jQuery)相同:
$('#targetDiv').remove();
Run Code Online (Sandbox Code Playgroud)
哪个当然行不通。