ios与h5页面互调demo

最新推荐文章于 2022-12-28 21:24:41 发布

777zhangsan

最新推荐文章于 2022-12-28 21:24:41 发布

阅读量265

点赞数 1

分类专栏： ios html h5 文章标签： h5 ios 互调

本文链接：https://blog.csdn.net/qq_41269564/article/details/100702976

版权

h5 同时被 3 个专栏收录

15 篇文章 0 订阅

订阅专栏

html

12 篇文章 0 订阅

订阅专栏

ios

7 篇文章 0 订阅

订阅专栏

本文介绍了如何在iOS应用中实现与H5页面的交互，包括从iOS调用H5页面的功能以及H5页面回调iOS的方法，详细解析了互调的流程和关键代码，帮助开发者更好地整合原生应用与Web页面。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf8">
            <script language="javascript">

            //JS执行window.webkit.messageHandlers.Share.postMessage(<messageBody>)

            //Share 是ios定好的方法名  之后类同
            function shareClick() {
                window.webkit.messageHandlers.Share.postMessage({title:'测试分享的标题',content:'测试分享的内容',url:'https://github.com/maying1992'});
            }
            
            //分享回调结果显示
            function shareResult(channel_id,share_channel,share_url) {
                var content = channel_id+","+share_channel+","+share_url;
                alert(content);
                document.getElementById("returnValue").value = content;
            }
            
            //JS执行window.webkit.messageHandlers.Camera.postMessage(<messageBody>)
            function cameraClick() {
                window.webkit.messageHandlers.Camera.postMessage(null);
            }
            
            //调用相册回调结果显示
            function cameraResult(result) {
                alert(result);
                document.getElementById("returnValue").value = result;
            }
            
        
                </script>
            </head>
    
    <body>
        <h1>这是按钮调用</h1>
        <input type="button" value="分享" onclick="shareClick()" />
        <input type="button" value="相机" onclick="cameraClick()" />

        <h1>回调展示区</h1>
        <textarea id ="returnValue" type="value" rows="5" cols="40">
            
        </textarea>
    </body>
</html>

777zhangsan

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ios与h5页面互调demo

<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf8"> <script language="javascript"> //JS执...
复制链接

扫一扫

专栏目录