iOS开发-------基于WKWebView的原生与JavaScript数据交互

WKWebView是iOS8.0之后用以替代UIWebView的网页浏览器,包含在WebKit中,可以通过 @import WebKit 导入。

如果工程需要适配iOS7,那么请在iOS7中使用UIWebView。

如果是iOS8.0以上,请果断的选择WKWebView吧,无论是从功能,加载速度还是性能上,它都是不二的选择。



毕业回公司有段时间了,与其说比较忙,不如说最近接触的东西有点小多,并且还是多数自己之前闻所未闻的,整个人就显得比较浮躁,所以就没有对见识到的东西进行整理,感觉挺对不住自己的,知错就改,之后会慢慢的将看到的、学到的比较好的东西进行整理,记录一下,希望能在帮助俺那不靠谱的记性同时,也能够帮助有同样困惑的小伙伴。

不过这里并不会非常具体的介绍WKWebView如何使用以及各种协议对象是什么作用,毕竟Google一下就会有很多介绍WKWebView的文章,并且他们都写得很好很详细,大家感兴趣的可以Google一下。给大家推荐一个WKWebView的新特性与使用

这里记录的交互仅仅的是进行一些数据的交互,对于其他的UI交互以及响应交互,请查看一下上面推荐的博文,写的真的很详细;如果大家有更好的交互方式,也麻烦大家告知一下3Q


iOS客户端 -> Web端

言归正传,我们用WKWebView加载一个HTML文件(加载网络网页其实是一个道理的),万一进行某个操作的时候需要原生给web传递一个数据(至于什么数据,需要根据具体的需求来确定),这里就以一个字符串进行举例:

在需要与Web进行复杂交互的时候,通常都需要在实例化WKWebView的之前,先实例化一个WKWebView的配置对象(WKWebViewConfiguration类型),对javaScript的注入第一步就是需要处理一下这个配置对象:

//初始化webView的配置对象
let configuration = WKWebViewConfiguration()

//比如这就是需要传递给web的参数
let name = "RITL"

//声明一个WKUserScript对象
let script:WKUserScript = WKUserScript(source: "function callJavaScript() {ObjCToJavaScript('\(name)');}", injectionTime: .AtDocumentStart, forMainFrameOnly: true)

//对Script对象进行添加
configuration.userContentController.addUserScript(script)



因为自己的Demo中的触发点在于导航栏中的Do按钮(开发中,这个触发点是由实际需求确定的):

//响应Do
@IBAction func doTap(sender: AnyObject)
{
    //调用的JS方法,执行
    let js = "callJavaScript()";
    webView.evaluateJavaScript(js) { (object, error) in
    }//与iOS8之前的UIWebView类似
}

It's OK? 总感觉还是还差一步的,既然有addXXX这句,是不是应该有removeXXX呢,还真有,也就差这么一步

deinit
{  
    //删除注入的JS
    webView.configuration.userContentController.removeAllUserScripts()
}



Demo的HTML语句比较low,但仅仅的就是为了测试,所以就忍了吧0.0



    
        
        我是HTML标题
    
    
    
    
    
        
    



                    

你可能感兴趣的:(iOS开发-------基于WKWebView的原生与JavaScript数据交互)