APP中H5页面返回

内嵌到APP里面的H5页面,当点击APP上的返回按钮或者手机上的返回按钮时,如果H5页面不是页面的跳转,而是仅仅的Tab切换时,就会出现直接跳出页面的情况。

解决的办法:

function isVisible(obj){
    var ret = true;
    if(obj.style.display === "none"){
        ret = false;
    }
    return ret;
}

function showPage(){
    var p1 = $(".pagesa");
    var p2 = $(".find_province_wrap");
    var p3 = $(".find_city_wrap");
    if(isVisible(p1[0])){
        $(".pagesa").hide();
        p2.show();
        window.pageIndex = ‘province‘;//设置页面index,为后面回退做标识
    }else if(isVisible(p2[0])){
        $(".find_province_wrap").hide();
        p3.show();
        window.pageIndex = ‘city‘;//设置页面index,为后面回退做标识
    }else if(isVisible(p3[0])){
        $(".find_city_wrap").hide();
        p1.show();
        window.pageIndex = ‘home‘;//设置页面index,为后面回退做标识
    }
}

function getOSType() {
    if (/(Android)/i.test(navigator.userAgent)) {
        return 0;
    } else if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
        return 1;
    } else {
        return 2;
    }
        }
function backButtonClicked(){
    var pageIndex = window.pageIndex;
    var goBack = true;//true代表页面不回退。false代表页面回退。
    if(pageIndex === "city"){
        //find_city_wrap城市页、find_province_wrap省份页、pagesa首页,页面的切换
        $(".pagesa").hide();
        $(".find_city_wrap").hide();
        $(".find_province_wrap").show();
        $(".active").removeClass("active");
        window.pageIndex = ‘province‘;
    }else if (pageIndex === ‘province‘) {
        $(".find_city_wrap").hide();
        $(".find_province_wrap").hide();
        $(".pagesa").show();
        window.pageIndex = ‘home‘;
    }else{
        goBack = false;
    }
    //window.event.returnValue = false;

    var ostype = getOSType();
    if (ostype == 1) {//ios
        return goBack;
    } else{//android
        return window.daojia.js_back_result(goBack);
    }
}
时间: 2024-07-30 20:30:35

APP中H5页面返回的相关文章

iOS原生App与H5页面交互笔记

iOS原生App与H5页面交互笔记 字数390 阅读2204 评论1 喜欢25 最近在做一个项目用到了原生App与H5交互,之前有做过简单的H5页面直接调用原生方法的例子,就是利用UIWebView中的代理方法 //webview每次加载之前都会调用这个方法,利用该代理方法截取JS的href来调用原生的方法 - (BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigatio

最新关于微信中h5页面qp防封屏蔽技术的分享

现在所有产品都会在微信中推广,比如减肥产品,美容产品,今天我们来分析的是qp在微信 中的推广,众所周知,微信一直都在打压网络qp,包括qp游戏.红包等等,因此,微信根据用户投诉举报来审核,另一方面,微信有自己的检测机制,而且不定时的做改变,这样令从事qp行业的大佬们非常头大,时不时就被封,有时候十几个域名一天就出问题,可见在微信中h5页面qp推广如何做好防封屏蔽是非常重要的.那我们要怎做到有效防封呢?猴子数据给出关于微信×××域名防封最新解决方案. 现在市场上有最普遍的防封方案就是检测微信qp域

Hybrid App中原生页面 VS H5页面

来源:http://www.jianshu.com/p/00ff5664e000 [原文丰富,请看原文] 现有3类主流APP,分别为:Web App.Hybrid App(混合模式移动应用,Hybrid有“混合的”意思). Native App(原生app,后面都用“原生app”来描述).Web App和原生app有很多大牛们都做过比较详细的比较以及优劣势分析,我主要对Hybrid App来简要分析下,谈谈Hybrid App里原生页面和H5页面的比较和分析. Hybrid APP指的是半原生半

iOS原生App与H5页面交互

文/MikeZhangpy(简书作者)原文链接:http://www.jianshu.com/p/4ed3e5ed99c6著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”. 最近在做一个项目用到了原生App与H5交互,之前有做过简单的H5页面直接调用原生方法的例子,就是利用UIWebView中的代理方法 //webview每次加载之前都会调用这个方法,利用该代理方法截取JS的href来调用原生的方法 - (BOOL)webView:(UIWebView*)webView should

5月20日重点:当请求的参数是动态的形式时,原生app与h5页面之间数据交互的方法

方案一: 1.app在打开H5页面的时候,把需要给的参数,以get的形式,放在H5的url中. 2.然后H5的js从url中获取到需要的参数,拼接到ajax请求的url中. 3.H5ajax请求,页面渲染. 方案二: 1.app方构建与H5交互的协议 2.H5写一个带参命名函数.在此方法内,填写数据获取后的操作代码. 并把函数名告知app方. 2.app方请求数据,然后以post方法,把请求到的全部数据传入已知的函数中,并调用此函数. 3.H5负责把接收到的数据,进行页面渲染. 注意:1.这个方

app中h5交互的一些坑 记录笔记

1.ios开发镶嵌 h5页面 存在input 圆角问题(安卓直角) 解决办法 inpput{ -webkit-appearance: none; border-radius: 0px; } 2.ios 镶嵌页面 当原生键盘输入时 底部按钮悬浮 在屏幕中间 解决办法:(ps 显示用的 position:fixed ) xxx{ position: absolute; } 3.与app交互是转跳页面时 需要确认需求 是否回退时 还需要返回此页面 如果需要则 不能使用 常规 url 转跳 . 4.待续

android应用APP中的页面响应时间测试

说明:这里只介绍基本测试逻辑 整理出 整个APP需要关注的一级页面列表 基本工具:ut(内部工具,不便透露细节) 在开发代码中引入TimeProfile类:这个类是ut的最上层,暴露出一些简单的时间打点方法,start(),end()等方法: 在整理出来的一级页面对应的代码中,主要是指activity类中,Oncreat()方法体中 initview()方法调用之前,打点start(),用于记录当前的时间戳: 再然后在 请求回调函数体的onsucess()方法体内部,获取到回传data数据后,调

audio在安卓手机微信中h5页面遇到的问题

最近在做微信h5活动页面,由于页面是推广活动,所以有动画和音频,其中存在背景音乐和各种音效,遇到的问题就是背景音乐会被卡住. 具体情况是背景音乐在正常播放时遇到有音效的就会block,只有重新点击播放才能正常播放,遇到音效又会block...最后查到原因是在安卓4.4.X版本中微信做了处理,只允许一个进程在,而音频是new Audio的时候就重新创建进程,导致同一时间只能播放一种音频. 最后的解决办法就是检测版本信息和是否是微信,取舍一种音频才解决问题. 不知道有人遇到此问题么?是怎么解决的?

APP中某个页面巨卡

今天笔者的一个朋友说他公司的APP(无PC端),点击一个课程页面巨慢,问我是不是资源不够用了需要升级? 我点击查看了一下,凭经验判断可能是数据库查询的问题,轻则卡20秒重则卡2分钟,登入数据库show full processlist;发现页面卡的时候并没有什么语句一直停留,所有的资源都很充足,看日志又几乎没什么异常,于是乎我有点凌乱.一不做二不休,上Fiddler. 结果大跌眼镜: 我把这些红色的链接贴到网页上请求发现没有该主机,经询问这个主机原是测试机,但是服务器过期了,而开发传到正式线上的