我正在开发一个快速的ios应用程序,它使用WKWebView
来加载电子商务网站。
当用户在此处购买产品时,结帐页面允许用户以加密货币付款。
当用户点击"在钱包中打开"时,网站会发出
window.postMessage(paymentData)
其中支付数据是一个带有比特币 URL 的 JS 对象。
我正在使用带有WKWebConfiguration
的WKUserScript
来注入一个脚本,该脚本侦听窗口消息,然后将数据发送到我的webkit.messageHandler.
let source = """
window.addEventListener('message', function(e) { window.webkit.messageHandlers.iosListener.postMessage(JSON.stringify(e.data)) } )
"""
不幸的是,此代码永远不会触发。
当我使用 chrome 或 safari devtools 注入相同的 javascript 时,它工作得很好。
我已经搜索了堆栈溢出,看看WKWebView
是否有特殊条件window.postMessage
,但到目前为止还没有运气。
是否可以捕获window.postMessage()
事件并将事件数据传送回我的 ios 应用程序?
提前谢谢!!!这是我现有的代码。
let webConfiguration = WKWebViewConfiguration()
let source = """
window.addEventListener('message', function(e) { window.webkit.messageHandlers.iosListener.postMessage(JSON.stringify(e.data)) } )
"""
let script = WKUserScript(source: source, injectionTime: .atDocumentEnd, forMainFrameOnly: false)
userContentController.addUserScript(script)
userContentController.add(self, name: "iosListener")
webConfiguration.userContentController = userContentController
webView = WKWebView(frame: .zero, configuration: webConfiguration)
webView.uiDelegate = self
webView.navigationDelegate = self
webView.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(webView)
func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
print("message body: (message.body)")
print("message frameInfo: (message.frameInfo)")
}
是的,这是可能的。您还需要设置javascriptEnabled = true
self.webView.configuration.preferences.javaScriptEnabled = true
您还可以像这样配置侦听器:
self.webView.configuration.userContentController.add(self, name: "iosListener")
并确保在之前应用这两个命令
self.webView.load(/*some request*/)
您可以在页面加载后进行简单的测试didFinish
:
self.webView.evaluateJavaScript("window.webkit.messageHandlers.iosListener.postMessage('test');", completionHandler: { (result, err) in
if (err != nil) {
// show error feedback to user.
}
})
另一个建议是在与 javascript 代码的命令末尾;
在与webView
交互时,因为有些人可以依赖标准 JavaScript。
let source = """
window.addEventListener('message', function(e) {
window.webkit.messageHandlers.iosListener.postMessage(JSON.stringify(e.data));
});
"""
注意:我还建议将webView
作为类变量而不是方法变量,您可能是在viewDidLoad()
上创建它,我建议您将变量移动到您的类中。
var webView: WKWebView!