内容脚本中的 IFrame。如何与main.js通信?

2023-12-19

我的 Firefox 插件从内容脚本 (page-mod) 打开 Fancybox(类型:“iframe”)。在 Fancybox 中我显示了我自己的 HTML 页面(my_fancybox_stuff.html)位于我自己的服务器中。

现在,从my_fancybox_stuff.js(JavaScript 的my_fancybox_stuff.html),我可以向附加组件发送消息吗main.js?或者打开 Fancybox 的内容脚本?

我希望可以从 my_fancybox_stuff.js 访问全局“self”对象,因为它可以从打开 Fancybox 的内容脚本访问。

我有兴趣了解完成此任务的任何潜在解决方法。

在 Chrome 扩展中,这是微不足道的。在my_fancybox_stuff.js我可以打电话chrome.extension.sendMessage()它有效。

提前致谢!

EDIT:添加一些代码来澄清我的情况。简化了代码以节省人们阅读代码的时间。这就像你好世界一样简单。

从contents_scipt.js(用page-mod注入)我调用:

$.fancybox.open(
    {
    // Some irrelevant Fancybox options hidden for clarity
    href:"http://www.mysite.com/my_fancybox_stuff.html
    type: 'iframe'
    }
);

my_fancybox_stuff.html 看起来像这样:

<!doctype html>
<head>
  <meta charset="utf-8">
  <title></title>
  <script src="js/jquery.js"></script>
  <script src="js/my_fancybox_stuff.js"></script>
</head>
<body>
<div id="my-wrapper">
  <div id="my-form-div">
    <form id="my-form" action="#">
      <div>
        <div><p>Name</p></div>
        <div><input id="fullname" type="text" name="fullname" value=""></div>
      </div>
      <div>
        <div><p><a id="my-button" href="#">Press this</a></p></div>
      </div>
    </form>
  </div>
</div>
</body>

在 my_fancybox_stuff.js 中,当按下按钮(“my_button”)时,我想发送一条包含输入字段值(“fullname”)的消息,并在 content_script.js 中监听它。


是的,你的my_fancybox_stuff.js可以使用以下方式与您的附加组件的内容脚本进行通信postMessage ().

See MDN 上的文档和示例 https://developer.mozilla.org/en-US/docs/Web/API/window.postMessage.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

内容脚本中的 IFrame。如何与main.js通信? 的相关文章

  • 创建全屏 iframe

    我目前正在研究 XSS 攻击 目的是在客户端演示中使用它们 我是渗透测试员 我编写了一个工具 该工具将托管网站登录页面的恶意版本 获取用户名和密码 然后将受害者重定向回原始网站 然而 我一直在尝试使用 iframe 来让它工作 因为它看起来
  • 停止视频时隐藏 YouTube iframe 中的“更多视频”

    当用户停止视频时 如何隐藏 Youtube iframe 中的 更多视频 部分 例子 我找不到任何解决方案here https developers google com youtube player parameters 如果您安装了 u
  • 无法安装该附加组件,因为它似乎已损坏

    将文件夹转换为 xpi 文件并拖放到 Firefox 中后 我在 Firefox 浏览器中收到错误消息 无法安装该附加组件 因为它似乎已损坏 我尝试使用 winzip 7z winrar 压缩该文件夹并将其重命名为 xpi 文件 但是 在执
  • 此页面包含安全和不安全的项目以及 iframe

    IE 6 0 向我显示消息 此页面包含安全和非安全项目 因为我的页面上有 iframe 针对组合框错误 我尝试指向 src 中的一些不同的内容 但如果不放入空白的 html 页面 我似乎无法摆脱此消息 我想避免这种情况 因此没有服务器调用
  • 使用 jQuery 更改 iFrame 的 HTML?

    有没有办法使用 jQuery 操作来自同一域的 iframe 的 HTML 谢谢您的帮助 您必须解析 iframe 内容 frameid contents find div html My html 更多这里 http api jquery
  • 使用 iframe 是不好的做法吗? iframe 可以像 canvas 一样转换为图像吗?

    我在互联网上看到很多关于不使用框架的抱怨 并且使用框架被认为是不好的做法 而且它们已经过时了 然而 iframe 并没有过时 但它们是框架 使用它们是否被认为是不好的做法 另外 iframe 是否可以像画布一样渲染为 data png ba
  • 如何将CSS应用于iframe?

    我有一个简单的页面 其中有一些 iframe 部分 用于显示 RSS 链接 如何将主页中相同的 CSS 格式应用到 iframe 中显示的页面 Edit 这不能跨域工作 除非有适当的CORS 标头 https developer mozil
  • Firefox Add-on SDK 中是否有与 Chrome 的“setBadgeText”等效的功能?

    Chrome的方法chrome browserAction setBadgeText将文本覆盖在扩展图标的顶部 例如 如果您想显示未读邮件总数 这会很方便 开发时是否有等效的方法火狐插件 SDK https addons mozilla o
  • 在 Google Chrome 扩展程序中播放盈利的 YouTube 歌曲。我有什么选择吗?

    我在开发 Google Chrome 扩展程序时遇到了巨大的障碍 任何盈利的 YouTube 歌曲 例如带有广告 都不会播放 此处记录了这一点 https developers google com youtube flash api re
  • 在 Prettyphoto.js 或 Fancybox 中...如何在标题中添加链接

    帮助 我正在为一个作家团队开发一个网站 他们希望通过使用阴影盒效果来展示他们从事过的特定工作 作品集 的示例 一旦打开 覆盖 图片 例如 实际上是 doc 的屏幕截图 就会有一个标题来粗略地解释它 问题是 他们想要在标题中添加一个链接 以便
  • 内容脚本和 web_accessible_resources iframe 之间的通信

    我有一个将 iframe 注入网页的内容脚本 内容 js var iframe document createElement iframe iframe id frame iframe style cssText position fixe
  • 如何将iframe内容复制到div?

    请参阅下面的代码片段 我希望 iframe 中的输出文本显示在 source div 中 我正在为此苦苦挣扎 并且很感激任何想法 如何将 iframe 中的输出文本复制到 div 中 如果 div sourcediv 包含 文本 则脚本在
  • 将图像作为框架放置在 iframe 周围?

    我有一个网站尝试以移动格式显示 但在宽屏幕上 我确信 iframe 是正确的选择 我正在尝试将 iframe 加载到 iPhone 的图像中 你可以看一个例子here http webfro gs south tour iframe tes
  • 重定向并保留我的图标

    我想知道当您单击 facebook 上的链接时 facebook 重定向如何保留其 favicon 并使用 FB favicon 打开新选项卡 我想知道如何实现这一点 它不是 iframe 所以我怎么能做这样的事情 我应该从哪里开始 当重定
  • Firefox 后退按钮与 iframe

    在 Firefox 中 如果 iframe 的 window location 发生更改 则会将其填充到顶级窗口的历史记录中 如果用户现在单击浏览器后退按钮 iframe 的内容将发生变化 而不是浏览器返回到之前的 HTML 页面 这对于某
  • IE8 post 文件定位 iframe,到达服务器时为空

    我有一个表格 只有一个input file在其中 表单的目标是一个命名的iframe 当用户选择一个文件时 它会自动将表单发送到服务器 这适用于 IE10 firefox chrome 但在 IE8 中 当 IE8 发布表单时 我的控制器方
  • 通过 Selenium 和 python 切换到 iframe

    我如何在硒中切换到这个 iframe 只知道 您可以使用 XPath 来定位 iframe driver find element by xpath iframe name Dialogue Window Then switch to th
  • 如何设置 Twitter 的嵌入时间线宽度百分比(响应式/流体设计)

    我正在寻找设置Twitter 的嵌入时间线 https dev twitter com docs embedded timelines 当您有固定的设计时 这很容易 但这不是我的情况 我实际上正在为新网站构建流畅且响应式的设计 我的问题是
  • IE 中的 Google 文档查看器

    我到处寻找解决方案 但找不到 我在用着谷歌文档查看器 https drive googleblog com 2009 09 view online files using google docs html查看 PDF 文件 这是一个很棒的工
  • Iframe 相对路径挑战

    我有一个页面 在页面内有一个 Iframe 目录如下 Folder1 Folder2 IframeCSS IframeCSS Css iframePage1 html stuff css parentPage1 html 在 iframeP

随机推荐