javascript chrome扩展:将字符串元素添加到Iframe

Posted

技术标签:

【中文标题】javascript chrome扩展:将字符串元素添加到Iframe【英文标题】:javascript chrome extenstion: adding elements or strings to Iframe 【发布时间】:2012-09-22 05:34:52 【问题描述】:

我正在编写一个小表单填充器作为 Chrome 扩展,其中 1 个文本字段是 iframe。

我正在尝试在 iframe 正文标签中添加一些字符串。

这是网站Iframe html 代码在页面加载后的样子(从 chrome 开发者工具 F12 获取):

<iframe frameborder="0" id="wysiwygtextfield" style="height: 100px; width: 600px; ">
 #document
 <html>
   <head> </head>
   <body>
     <br/>
   </body>
 </html>
</iframe>

现在我的Content Script 尝试在正文中添加一些字符串:

 if ($("#wysiwygtextfield").contents().find("body").length > 0) 
    var body = $("#wysiwygtextfield").contents().find("body").val("some msg");

我在不使用 jquery 的情况下尝试了类似的代码,但它仍然没有工作。

我读到了Same origin policy,但我不确定它是否适用于此。因为,脚本在客户端运行。 (或 mybee 我错了)。

我能做些什么吗?

(对不起我的英语)

【问题讨论】:

val 用于获取/设置表单元素的值,对于正文元素,您应该改用html 方法。 将此评论放在我想接受并且我爱你的答案中! 【参考方案1】:

val 用于获取/设置表单元素的值,对于正文元素,您应该改用html 方法。

$("#wysiwygtextfield").contents().find("body").html("some msg")

【讨论】:

非常感谢!我不敢相信这是这么简单。只需等待 6 分钟即可接受。

以上是关于javascript chrome扩展:将字符串元素添加到Iframe的主要内容,如果未能解决你的问题,请参考以下文章

如何开发Chrome扩展程序

使用 JavaScript 将 Chrome 扩展注入 iFrame

Chrome扩展程序 - 记住用户输入JavaScript

将 Google API Javascript 客户端库加载到 Chrome 扩展程序中

使用 javascript 将文本插入 textarea 以用于 google chrome 扩展

javascript Chrome扩展程序将自定义javascript文件加载到标签的DOM中。