摘要：应用场景在微信开发菜单的时候，遇到一个问题，当从菜单进去的页面后，如果立刻按返回键，则出现返回到微信公众号的微信界面。并没有任何提示，但我看到京东微信公众号点击进去，立刻按返回键时是有提示的，在微信开发文档中并未找到相关的说明。
应用场景
方案原理在微信开发菜单的时候，遇到一个问题，当从菜单进去的页面后，如果立刻按返回键，则出现返回到微信公众号的微信界面。并没有任何提示，但我看到【京东微信公众号】点击进去，立刻按返回键时是有提示的，在微信JSSDK 开发文档中并未找到相关的说明。注意【京东】右上角，都是可以自定义的。
方案代码利用HTML5的window.history.pushState特性，例如 当从A页面进入时，先判断window.history.length==1那么调用window.history.pushState 写进一个空历史记录。并且监听返回键，当按下返回键时（我们是没办法阻止返回事件的，但由于上一个历史记录是空白的，所以的还是当前页面。）,监听到返回事件 使用layer弹框插件提示，“您确定要返回微信吗？” 或者其他。点击【再逛逛】，则再次写入空白历史记录，点击【确定】或者再次点击【返回键】则关闭微信浏览器。
if(window.history.length==1){//判断是第一次从微信菜单进入页面
//写入空白历史记录
pushHistory();
}
//延时监听
setTimeout(function () {
//监听物理返回按钮
window.addEventListener("popstate", function(e) {
layer.open({
content: "您确定要返回微信吗？",
btn: ["确认", "再逛逛"],
shadeClose: false,
yes: function(){
//调用微信浏览器私有API关闭浏览器
WeixinJSBridge.call("closeWindow");
}, no: function(){
//点击【再逛逛】，再次写入空白历史记录
pushHistory();
}
});
}, false);
}, 300);
/**
* [pushHistory 写入空白历史记录]
* @author 邱先生
* @copyright 烟火里的尘埃
* @version [V1.0版本]
* @date 2016-07-30
* @return {[type]} [description]
*/
function pushHistory() {
var state = {
title: "title",
url: "#"
};
window.history.pushState(state, "title", "#");
}
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/49958.html
摘要：应用场景在微信开发菜单的时候，遇到一个问题，当从菜单进去的页面后，如果立刻按返回键，则出现返回到微信公众号的微信界面。并没有任何提示，但我看到京东微信公众号点击进去，立刻按返回键时是有提示的，在微信开发文档中并未找到相关的说明。 应用场景 在微信开发菜单的时候，遇到一个问题，当从菜单进去的页面后，如果立刻按返回键，则出现返回到微信公众号的微信界面。并没有任何提示，但我看到【京东微信公众...
摘要：被美丽说少女粉吸引，就想着自己也写一个来练练手，正好最近在学习微信小程序。微信小程序的组件真的很强大，以前写图片切换功能都好麻烦，小圆点的切换都要自己写。 被美丽说少女粉吸引，就想着自己也写一个来练练手，正好最近在学习微信小程序。接下来让我们分享一下我的学习历程吧！ 选题 其实纠结了好久该仿什么，看到别人都写的差不多了，自己却还没有动手，很着急，那两天一直在思考在查找，弄得自己特别烦躁...
阅读 345·2021-10-09 09:44
阅读 1850·2021-09-02 15:41
阅读 3434·2019-08-30 15:53
阅读 1727·2019-08-30 15:44
阅读 1171·2019-08-30 13:10
阅读 921·2019-08-30 11:25
阅读 1298·2019-08-30 10:51
阅读 3256·2019-08-30 10:49
