WKWebview与OC交互JS代码示例

作者: 张俊凯 | 来源:发表于2018-07-17 15:03 被阅读7次

JS同时与iOS及Android交互
WKWebView OC与JS交互同步返回值
WKWebview与OC交互JS代码示例
WKWebView和WebView与JS的交互方式
OC和JS交互（二）：WKWebView之MessageHand
Swift WKWebView与JS交互
【iOS面试】知名互联网公司iOS面试题
WKWebView 笔记
当JS 遇到OC
WKWebView与JS交互代码(OC)

<html>
    <head>
    <meta charset="UTF-8"/>
    <title>测试网页</title>
    <script>

        //调用此方法请求与app客户端交互
        function sendMessage(){

            var dict = {
                //key固定不变，value动态变动，根据新需求进行添加
                type: 'getDeviceInfo',

                //key固定不变，value为获取设备信息js方法名，oc端固定，不可随意变动
                func:'getDeviceInfo'
            }

            //yoToken 是 js 和 app 之间传输 约定字符串，固定不变
            window.webkit.messageHandlers.yoToken.postMessage(dict);
            
        }
        
        //从app客户端接收到的数据
        function getDeviceInfo(jsonString){


            //用解析出来的jsonObject进行自定义处理
            var jsonObject = JSON.parse(jsonString)
            
            document.getElementById('test').innerHTML = jsonString

        }

         

    </script>
    </head>
    

    <body>
       <button id="videoBtn" type="button" onclick="sendMessage()" style="height:500px;width:500px;display:inline-block;">给OC发送消息</button>

       <div id="test"> 显示测试区域</div>



    </body>
    <script type="text/javascript">
        window.onload = function() {

        }
    </script>
</html>