代码之家 › 专栏 › 技术社区 › Joshua Fermin

加载前在iframe上设置webkit

wkwebview iframe reactjs ios html

Joshua Fermin · 技术社区 · 6 年前

我试图模仿iOS上的wkwebview在webclient上的iframe。

实际上,在加载iframe之前,它会注入一个iOS客户端可以读取的函数。

在iframe中加载的页面上,它调用一个函数与iOS客户机通信。

if (window.webkit) {
    window.webkit.messageHandlers.interOp.postMessage(chatMsg);
} else if (window.parent) {
    window.parent.postMessage(chatMsg, '*');
}

我不想让它落入另一个世界窗口.父级阻塞,因为postMessage从扩展和其他应用程序获得相当多的通信量。

我想向Iframe的窗口对象添加相同的 webkit.messageHandlers.interOp.postMessage 在这个层次上运作和倾听。

Iframe域和WebClient域是不同的。

另一种方法是只监听Iframe调用的postMessage调用。欢迎有任何想法,谢谢。

1 回复 | 直到 6 年前

OzySky 6 年前

如果它是同一个域iframe,则只需将函数分配给父级的窗口,如下所示:

window.iframeMessageReceiver = msg => alert(`Message received from iframe: ${msg}`)

在iframe的if块中调用这个函数:

parent.iframeMessageReceiver(chatMsg)

推荐文章

mlsmet · 无法在Android手机上水平滚动表格

3 年前

lord stock · 硒在iframe中引发与下拉菜单相互作用的非接触元素异常

3 年前

ironmantis7x · 我无法使用html更改iframe中文本的文本颜色

3 年前

GÊá´á´á´ÊCá´á´ · 如何预加载或检测CDN承载的视频何时加载到盖茨比的折叠上方?

3 年前

ControlAltDel · 从iframe中加载的html页面上的源脚本获取Javascript变量

3 年前

Soniya Joshi · Android如何在Android iframe webview中传递url?

7 年前

Hellpless · 根据iframe-Google自动播放策略中的allow=“Autoplay”属性激活自动播放

7 年前

rosu alin · Vimeo视频不会在iframe中的chrome上启动。未调用LoadProgress

7 年前

Mahsa · 如何在javascript中获取iframe中链接的坐标

7 年前

Dixon Chaudhary · 在Laravel中维护会话和身份验证

7 年前