h5调用app分享

最新推荐文章于 2023-11-27 10:32:33 发布

原创最新推荐文章于 2023-11-27 10:32:33 发布 · 530 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一段用于在不同类型的手机上进行肤质测试的应用代码，包括了针对Android和iOS设备的分享功能实现。通过这段代码，应用能够根据用户设备类型调整分享方式，提供一致的用户体验。

var u = navigator.userAgent; //判断手机类型
if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) { 
                    $(".icnshow").on('click', function() {
                        if ($(this).index() == 1) {
                            title = "测一测，你确定自己是什么肤质吗？"
                        } else {
                            title = "你确定自己是什么肤质吗？"
                        }
                        var jsonStr = JSON.stringify({
                            "title": title,
                            "desc": "我在用App测试肤质，你也来试试吧。",
                            "imgUrl": "http://video.xiaozihe.com/FrBxz60lmx2uYGAAQ8-GxhEhJlh-",
                            "link": "https://m.xiaozihe.com/xzh-h5/views/wx-test.html?sumSorce=" + sumSorce + '&sex=' + sex,
                            "type": $(this).index()
                        });
                        window.androidJs.share(jsonStr);//调用安卓分享方法
                    })
                } else if (u.indexOf('iPhone') > -1) {//ios
                    function setupWebViewJavascriptBridge(callback) {
                        if (window.WebViewJavascriptBridge) {
                            return callback(WebViewJavascriptBridge);
                        }
                        if (window.WVJBCallbacks) {
                            return window.WVJBCallbacks.push(callback);
                        }
                        window.WVJBCallbacks = [callback];
                        var WVJBIframe = document.createElement('iframe');
                        WVJBIframe.style.display = 'none';
                        WVJBIframe.src = 'https://__bridge_loaded__';
                        document.documentElement.appendChild(WVJBIframe);
                        setTimeout(function() {
                            document.documentElement.removeChild(WVJBIframe)
                        }, 0)
                    }
                    setupWebViewJavascriptBridge(function(bridge) {
                        $(".icnshow").on('click', function() { //点击事件
                            if ($(this).index() == 1) {
                                title = "测一测，你确定自己是什么肤质吗？ - 小紫盒"
                            } else {
                                title = "你确定自己是什么肤质吗？"
                            }
                            bridge.callHandler('shareAction', { //传给ios的参数 调用ios分享方法
                                "sumSorce": sumSorce, //分数
                                "title": title, //分享的标题
                                "desc": "我在用App测试肤质，你也来试试吧。", //分享的标题
                                "imgUrl": "http://video.xiaozihe.com/FrBxz60lmx2uYGAAQ8-GxhEhJlh-", // 分享图标
                                "link": "https://m.xiaozihe.com/xzh-h5/views/wx-test.html?sumSorce=" + sumSorce + '&sex=' + sex,
                                "type": $(this).index() //0微信好友 1朋友圈 2qq好友 3qq空间 4微博 5复制链接
                            }, function(response) {})
                        })
                    })
                }