美文网首页
微信公众号开发实现点击返回按钮就返回到聊天界面

微信公众号开发实现点击返回按钮就返回到聊天界面

作者: 盘木 | 来源:发表于2019-05-17 15:45 被阅读0次

第一种方式:

pushHistory();

function pushHistory() {
    var state = {
            title: "title",
            url: "#"
        };
    window.history.pushState(state, "title", "#");
}

if (typeof window.addEventListener != "undefined") {
    window.addEventListener("popstate", function (e) {
        WeixinJSBridge.call('closeWindow');
    }, false);
} else {
    window.attachEvent("popstate", function (e) {
        WeixinJSBridge.call('closeWindow');
    });
}

第二中方式:

pushHistory();

        function pushHistory() {
            var state = {
                title: "title",
                url: "#"
            };
            window.history.pushState(state, "title", "#");
        }

        $(function() {
            wx.config({
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
                appId: '@ViewBag.AppID', // 必填,公众号的唯一标识
                timestamp: '@ViewBag.TimeStamp', // 必填,生成签名的时间戳
                nonceStr: '@ViewBag.NonceStr', // 必填,生成签名的随机串
                signature: '@ViewBag.Signature', // 必填,签名,见附录1
                jsApiList: [
                        'checkJsApi',
                        'hideOptionMenu',
                        'scanQRCode',
                        'closeWindow'
                    ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
            });

            wx.ready(function() {
                wx.hideOptionMenu();
            });

            if (typeof window.addEventListener != "undefined") {
                window.addEventListener("popstate", function(e) {
                    wx.closeWindow();
                }, false);
            } else {
                window.attachEvent("popstate", function(e) {
                    wx.closeWindow();
                });
            }
        });

这个两种方式都可以返回聊天页面,选择符合自己需求的进行使用

相关文章

网友评论

      本文标题:微信公众号开发实现点击返回按钮就返回到聊天界面

      本文链接:https://www.haomeiwen.com/subject/cpjoaqtx.html