黑基网 首页 学院 电脑技术 查看内容

Swift和Html5的相互调用

2016-2-8 22:44| 投稿: lofor

摘要: 当前开发的APP中,Html5的应用场景非常多,常需要两者之间的数据交换,或页面跳转。参考了相关文档,并整理如下,希望能给他人一些帮助。Html5文件如下Native APP 调用 JavaScript一个JavaScript方法对应一个WKUserS ...

当前开发的APP中,Html5的应用场景非常多,常需要两者之间的数据交换,或页面跳转。

参考了相关文档,并整理如下,希望能给他人一些帮助。

Html5文件如下

Native APP 调用 JavaScript

一个JavaScript方法对应一个WKUserScript对象。

let?conf?=?WKWebViewConfiguration()
let?userScript?=?WKUserScript(source:?"redHeader()",?injectionTime:?.AtDocumentEnd,?forMainFrameOnly:?true)
conf.userContentController.addUserScript(userScript)

webView?=?WKWebView(frame:?self.view.frame,?configuration:?conf)

JavaScript?调用?Native?APP

1.首先添加一个WKScriptMessageHandler代理

class?ViewController:?UIViewController,?WKScriptMessageHandler

2.实现?userContentController?的代理方法

func?userContentController(userContentController:?WKUserContentController!,?didReceiveScriptMessage?message:?WKScriptMessage!)?{
????if(message.name?==?"callbackHandler")?{
????????println("JavaScript?is?sending?a?message?\(message.body)")
????}
}

3.WebView启动对JavaScript的监听事件

contentController.addScriptMessageHandler(
????self,
????name:?"callbackHandler"?
)

4.H5中,添加如下JavaScript

webkit.messageHandlers.callbackHandler.postMessage("I?Love?you");

源代码下载地址

http://git.oschina.net/hengchengfei/SwiftJS

效果图

小编推荐:欲学习电脑技术、系统维护、网络管理、编程开发和安全攻防等高端IT技术,请 点击这里 注册黑基账号,公开课频道价值万元IT培训教程免费学,让您少走弯路、事半功倍,好工作升职加薪!



免责声明:本文由投稿者转载自互联网,版权归原作者所有,文中所述不代表本站观点,若有侵权或转载等不当之处请联系我们处理,让我们一起为维护良好的互联网秩序而努力!联系方式见网站首页右下角。


鲜花
1

握手

雷人

路过

鸡蛋

刚表态过的朋友 (1 人)

  • 握手

    匿名

相关阅读

最新评论


新出炉

返回顶部