文档章节

判断该网页是在什么设备打开。

淘幻幻
 淘幻幻
发布于 2016/10/26 16:30
字数 272
阅读 11
收藏 1
<script type="text/javascript">
//判断访问终端
var browser={
    versions:function(){
        var u = navigator.userAgent, 
        app = navigator.appVersion;
        return {
            trident: u.indexOf('Trident') > -1, //IE内核
            presto: u.indexOf('Presto') > -1, //opera内核
            webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
            gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核
            mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
            android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端
            iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器
            iPad: u.indexOf('iPad') > -1, //是否iPad
            webApp: u.indexOf('Safari') == -1, //是否web应该程序,没有头部与底部
            weixin: u.indexOf('MicroMessenger') > -1, //是否微信 (2015-01-22新增)
            qq: u.match(/\sQQ/i) == " qq" //是否QQ

        };
    }(),
    language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
</script>

 

下面是一个应用的例子,是否在Android,或者ios 调用起百度地图

<html>
<head>
</head>

<script type="text/javascript">
function jump(){
var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
//alert('是否是Android:'+isAndroid);
//alert('是否是iOS:'+isiOS);

if (isAndroid)
{
window.location.href="bdapp://map/navi?location=34.264642646862,108.95108518068&type=BLK&src=webapp.navi.yourCompanyName.yourAppName"  
}
  
else{
	
window.location.href="baidumap://map/direction?origin=34.264642646862,108.95108518068&destination=40.007623,116.360582&mode=driving&src=webapp.navi.yourCompanyName.yourAppName"	 }
}
</script>

<body>
<img src="menu_daohang.png" class="daohang" onClick="jump()"/>


</body>
</html>

 

 

© 著作权归作者所有

淘幻幻
粉丝 2
博文 83
码字总数 36216
作品 0
徐州
程序员
私信 提问
移动端打开网页,怎样判断为移动端设备浏览并自行跳转至移动端网页。

某一个网站同时有PC版本www.xxx.com(PC端版本)和m.xxx.com(移动端版本)。怎样做到不同设备打开不同版本的网页。移动终端(例如手机)输入www.xxx.com打开的是m.xxx.com;而pc端打开的就是...

jazm
2014/02/17
5.2K
5
微信扫码提示在浏览器中打开的2种实现方式

由于微信的限制,应用文件在内置浏览器中下载全部被屏蔽掉,造成很多人用微信扫描二维码下载时点击下载按钮没反应,我想到的是做一个提示用户在浏览器中打开下载。 方法一:遮罩提示法 其实原...

三分真
05/19
0
0
打开网页怎么判断是不是移动设备,然后打开对应的wap页面

rt,最近在捣鼓移动端的网页,刚到前端。怎么判断设备是移动设备并引导打开wap页面。 听说有脚本判断和程序判断两种。求解惑!

jazm
2013/03/09
762
4
淘宝滑动验证码研究

悠闲的时候,总会去找些事做做。前些天在登录淘宝的时候,发现了滑动验证码,虽然已经不是什么新事物,但还是产生了很大的兴趣。 传统的字符输入验证码,变为了滑动验证码,这一看就是产品大...

李朝强
2016/06/21
805
0
Android WebView 中的 Html 网页定位操作

利用 HTML5 提供的定位 API 可以帮助网页获取用户设备的当前位置信息。但如果是在 Android 系统下的应用中打开网页,我们使用 Hybrid 开发模式时用到的 WebView 包括应用本身都需要做一定的设...

亦枫
2017/09/08
0
0

没有更多内容

加载失败,请刷新页面

加载更多

只需一步,在Spring Boot中统一Restful API返回值格式与统一处理异常

统一返回值 在前后端分离大行其道的今天,有一个统一的返回值格式不仅能使我们的接口看起来更漂亮,而且还可以使前端可以统一处理很多东西,避免很多问题的产生。 比较通用的返回值格式如下:...

晓月寒丶
今天
58
0
区块链应用到供应链上的好处和实际案例

区块链可以解决供应链中的很多问题,例如记录以及追踪产品。那么使用区块链应用到各产品供应链上到底有什么好处?猎头悬赏平台解优人才网小编给大家做个简单的分享: 使用区块链的最突出的优...

猎头悬赏平台
今天
27
0
全世界到底有多少软件开发人员?

埃文斯数据公司(Evans Data Corporation) 2019 最新的统计数据(原文)显示,2018 年全球共有 2300 万软件开发人员,预计到 2019 年底这个数字将达到 2640万,到 2023 年达到 2770万。 而来自...

红薯
今天
61
0
Go 语言基础—— 通道(channel)

通过通信来共享内存(Java是通过共享内存来通信的) 定义 func service() string {time.Sleep(time.Millisecond * 50)return "Done"}func AsyncService() chan string {retCh := mak......

刘一草
今天
57
0
Apache Flink 零基础入门(一):基础概念解析

Apache Flink 的定义、架构及原理 Apache Flink 是一个分布式大数据处理引擎,可对有限数据流和无限数据流进行有状态或无状态的计算,能够部署在各种集群环境,对各种规模大小的数据进行快速...

Vincent-Duan
今天
58
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部