js调用app启动页

第一步:添加js

$(function () {    var ua = window.navigator.userAgent.toLowerCase();    //微信    if(ua.match(/MicroMessenger/i) == ‘micromessenger‘){     //微信浏览器绑定事件        /*$(".app").bind(‘click‘, function (event) {         window.location.href = ‘‘;         })*/    }else{//非微信浏览器        if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {   //iPhone|iPod|iPad浏览器
            $(".app").bind(‘click‘, function (event) {                var loadDateTime = new Date();                window.setTimeout(function () {                    var timeOutDateTime = new Date();                    if (timeOutDateTime - loadDateTime < 5000) {                        window.location = "http://itunes.apple.com/app/1219885292";//ios下载页面                    } else {                        window.close();                    }                }, 25);                window.location = "YuWan://com.YuWan.DianJingPingTai";    //调用ios启动页地址            })        }else if (navigator.userAgent.match(/android/i)) {  //安卓浏览器            $(".app").bind(‘click‘, function (event) {                var state = null;                try {                    window.location = ‘appshare://bluemobi.cn.esport‘; //调用andriod启动页地址
                    setTimeout(function(){                        window.location= "download.html"; //android下载页面

                    },500);                } catch(e) {}            })        }

    }})

第二步:请andriod人员配置一下参数 apps custom url schemes

http://blog.csdn.net/xc765926174/article/details/51397847

第三步:请ios人员配置一下参数apps custom url schemes

http://blog.csdn.net/ba_jie/article/details/6884818

时间: 2024-08-04 04:48:46

js调用app启动页的相关文章

JS调用App方法及App调用JS方法

做App内嵌H5项目时,经常会遇到js与App的交互,最普遍的就是方法的互相调用,那么如何实现方法的互相调用呢? 写在前面: 如果只是小项目且后期扩大的可能性不大的时候,可以忽略,可如果是长期项目的话,那么就需要考虑以下一些问题了. 1. 方法命名规范. 如果考虑到以后会有大量的方法,那么规范化的命名就很重要了,规范化的命名,既保证了名字的唯一性又保证了代码的可读性方便开发过程,也方便后期维护.   举个栗子,  如果现在有一个方法,是关闭webview, js调用app的方法, 如果直接叫cl

App启动页倒计时功能

转载请注明出处:http://www.cnblogs.com/cnwutianhao/p/6753418.html 示例代码采用 RxJava + RxLifecycle + Data-Binding 模式编写 示例图: 话不多说,实现方式如下: 1.导入依赖库 ① RxJava: Reactive Extensions for the JVM compile 'io.reactivex:rxjava:1.2.9' compile 'io.reactivex:rxandroid:1.2.1' ②

Android App 启动页(Splash)黑/白闪屏现象产生原因与解决办法(转)

转载: Android App 启动页(Splash)黑/白闪屏现象产生原因与解决办法   首先感谢博主分享,本文作为学习记录 惊鸿一瞥 微信的启动页,相信大家都不陌生. 不知道大家有没有发现一个现象,微信每次启动的时候,是直接进入这个启动页面. 我的意思是,很多应用,往往会先白屏停顿一下后再进入启动页面(Splash).为了印证这一点,我把手机上所有的App都点了一遍.选几个例子 如下图: 微信:  斗鱼:  斗鱼和微信是直接进入了,他们的Splash页面. 知乎:  B站:  知乎和B站要先

app的启动页面(二)----四种APP启动页设计方案

第一种APP启动页设计方案: 扁平法 简单粗暴的手法.简单的纯色或者几何立体背景+广告语+icon,也适合如今设计的风格趋势等. 方案的延伸就是,加点加载动画或者过渡动画. 第二种APP启动页设计方案: 组合法 根据行业背景来设计,选取行业元素做一个图形化组合或者图形化标志等,衬托突出APP的icon或LOGO 第三种APP启动页设计方案: 情景法 采用一种非常有意境和含义的大背景来做设计.难点在于背景的选择和设计.然后加上APP的广告语或者LOGO即可.注重情感的表达和意境的抒发.着重点在于设

app启动页的设计技巧(一)

虽然,每一个APP的启动页界面设计是需要按使用场景设计的.但是每一个APP启动页的存在的意义与APP产品定位.APP运营策略有关的. 第一部分:对于设计一个好的APP启动页作品,必须满足这三个特征 认真观察,很容易归纳出欢迎页有以下的三个特征: 1.简单:在启动页中,文案是极为简短精炼的,而启动页一般由一张图片和一句文案组成: 2.直接:启动页中的文字表述简单直接,基本没有过多的修饰性词语: 3.图为主,文为辅:启动页中,图片约占三分之二的区域,文字约占三分之一的区域 第二部分:简单易学的APP

APP启动页

关于APP启动引导页面模块 时间:2016年6月14日 作者:赵锐 模块使用说明 模块暴露在外的接口是- (void)showGuideViewWithImages:(NSArray *)images;调用时候需要传入引导页图片的名字数组即可. @interface GuideManager : NSObject /** * 实现功能:APP启动引导图 * * @param images 引导图图片的名字数组 */ - (void)showGuideViewWithImages:(NSArray

【Android】Mac下Android Studio设置App启动页

先将启动页放到项目资源中,图片一般是1080*1920的jpg. 新建一个activity,如图: 创建成功之后,打开刚刚创建的activity,来进行代码的编写: public class BZLaunchActivity extends AppCompatActivity { private final int SPLASH_DISPLAY_LENGHT = 2000;//两秒后进入系统,时间可自行调整 @Override protected void onCreate(Bundle sav

每日一博 | 用 Ionic2 创建 App 启动页滑动欢迎界面

原文  https://my.oschina.net/qinphil/blog/777787 效果如下,图片来自网络 本文例子和上图稍有不同,主要功能如下: 每滑动一下展示一张全屏图片: 滑动到最后一页才出现启动按钮: 欢迎界面只在第一次安装启动时出现. 下面就让我们一步一步实现这个功能: 1.创建应用: 使用Ionic2创建应用非常简单,只需在V1的命令后跟上--v2即可,如下: ionic start ionic2-welcome --v2 2.创建Component 使用命令行创建页面或者

用代码获取APP启动页图片

源码 - swift // // AppleSystemService.swift // Swift-Animations // // Created by YouXianMing on 16/8/11. // Copyright © 2016年 YouXianMing. All rights reserved. // import UIKit class AppleSystemService : NSObject { /** Get the lauch image. - returns: Th