帝云应用:小程序在线生成,手机站打包小程序,PC建站,百度熊掌号生成
快打包唯一官网(kdabao.com)谨防山寨假冒!
首页热点问题正文

如何判断当前页面是否在快打包APP应用中?

APP打包的应用会默认在当前User Agent的末尾追加“CK 2.0”,所以判断当前的User Agent中是否包含“CK 2.0”即可。

获取到的当前User Agent示例:


Mozilla/5.0 (iPod touch; CPU iPhone OS 9_2 like Mac OS X) AppleWebKit/601.1.46 

 (KHTML, like Gecko) Mobile/13C75 2.0.24 CK 2.0 

示例(仅作参考):

    $(function() {
        isapp();
    });
    //判断是否在APP打包的应用中
    function isapp() {
        var YundabaoUA = navigator.userAgent;//获取当前的useragent
        if (YundabaoUA.indexOf('CK 2.0') > -1)//判断当前的ua中是否包含"CK 2.0",如果包含"CK 2.0"标识当前在快打包的应用中
            document.getElementById("demo").innerHTML="你好,快打包APP";
    }


示例一:


在APP中打开该页面,页面中的 id="demo"的元素中就会显示 “你好,快APP”,如果在非APP,比如浏览器中直接打开这个页面,是不显示的。


注意引用jquery 文件

<script src="http://static.ydbimg.com/Scripts/jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function() {
        isapp();
    });
    //判断是否在快打包APP应用中
    function isapp() {
        var YundabaoUA = navigator.userAgent;//获取当前的useragent
        if (YundabaoUA.indexOf('CK 2.0') > -1)//判断当前的ua中是否包含"CK 2.0",如果包含"CK 2.0"标识当前在快打包的应用中
            document.getElementById("demo").innerHTML="你好,快打包APP";
    }
</script>
<div id="demo"></div>


示例二:


设置某一个DIV元素,如果是在APP中则不显示,

比如,手机网站首页增加一个下载APP的广告图片,如果是手机浏览器打开则显示,如果是APP中打开则不显示。

HTML代码

<div id="go-app" style="display: none;"><a href="#">下载APP</a></div>


JS代码:

$(function() {
        isapp();
    });
    //判断是否在快打包的应用中
    function isapp() {
        var YundabaoUA = navigator.userAgent;//获取当前的useragent
        if (YundabaoUA.indexOf('CK 2.0') > -1)//判断当前的ua中是否包含"CK 2.0",如果包含"CK 2.0"标识当前在快打包的应用中
            document.getElementById("go-app").style.display="block";
    }

这段JS代码就是判断如果是在APP中,则给id="go-app" 的DIV加上 style="display: block;",如下:

<div id="go-app" style="display: block;"><a href="#">下载APP</a></div>


示例三:如果在APP中显示内容A,如果不在APP中显示内容B


HTML代码:

<div id="no_app_share" style="display: block;">非APP中显示的内容</div>
<div id="app_share" style="display: none;">APP中显示的内容</div>

JS代码:

<script type="text/javascript">
//判断是否APP中
$(function() {
	isapp();
});
//判断是否在快打包的应用中
function isapp() {
	var YundabaoUA = navigator.userAgent; //获取当前的useragent
	if(YundabaoUA.indexOf('CK 2.0') > -1) { //判断当前的ua中是否包含"CK 2.0",如果包含"CK 2.0"标识当前在快打包的应用中
		document.getElementById("app_share").style.display="block";
		document.getElementById("no_app_share").style.display="none";
}
}
</script>


使用这种方法配置分享JS-SDK可以实现:

在手机站文章详情页添加一个分享按钮,如果是在浏览器中就使用网页版的分享功能,如果是在APP中,就使用APP版的分享功能。


示例四:


如果在非APP中,跳转到指定URL

HTML代码:

<script type="text/javascript">
	$(function() {
        if( ! isapp()){ /*不在app*/
			window.location.href="http://www.kdabao.com";
		};
    });

function isapp() {
        var YundabaoUA = navigator.userAgent; 
        if (YundabaoUA.indexOf('CK 2.0') > -1){
			return true; /*在app中*/
		} else{
			return false;
		}
            
    }

</script>


微信公众号
微信公众号
网站导航
成品APP
Cms App
案例展示
套餐价格
APP管理面版
文档教程
JS-SDK
帮助教程
联系我们
联系方式
合作代理
付款方式