建站常识
判断浏览器客户端类型(ipad,iphone,android)
2012-05-14 22:00:30
随着苹果产品的广泛应用,大家用苹果浏览器safari,或者苹果系统浏览网页越来越频繁,这就需要在青岛网站建设与青岛网站制作中对苹果的操作系统进行识别,避免苹果系统浏览网页出现的苹果MAC OS系统不支持flash,或者是样式表出现错位等现象。
代码如下:
JS 判断浏览器客户端类型(ipad,iphone,android)
Java代码
<script type="text/javascript">
var bForcepc = fGetQuery("dv") == "pc";
function fBrowserRedirect(){
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if(bIsIpad){
var sUrl = location.href;
if(!bForcepc){
window.location.href = "http://ipad.mail.163.com/";
}
}
if(bIsIphoneOs || bIsAndroid){
var sUrl = location.href;
if(!bForcepc){
window.location.href = "http://smart.mail.163.com/";
}
}
if(bIsMidp||bIsUc7||bIsUc||bIsCE||bIsWM){
var sUrl = location.href;
if(!bForcepc){
window.location.href = "http://m.mail.163.com/";
}
}
}
function fGetQuery(name){//获取参数值
var sUrl = window.location.search.substr(1);
var r = sUrl.match(new RegExp("(^|&)" + name + "=([^&]*)(&|$)"));
return (r == null ? null : unescape(r[2]));
}
function fShowVerBlock(){
if(bForcepc){
document.getElementById("dv_block").style.display = "block";
}
else{
document.getElementById("ad_block").style.display = "block";
}
}
fBrowserRedirect();
</script>
通过以上方法,在青岛网站设计时,便可以判断是苹果系统后便可以轻松的将访客引导到无flash的页面。
近期更新
- [2025-02-11 14:34:54] 青岛高端网站定制化设计
- [2023-06-25 23:22:29] 优秀网站设计的五大特点
- [2023-04-27 14:05:55] Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 网站建设制作流程知多少
- [2022-10-14 10:11:30] 做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 网站首页设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 高端网站定制与模板化网站应该怎么选择?
延伸阅读
- [2020-11-18 14:21:25] 建设营销型网站有什么注意事项?
- [2016-08-09 15:56:00] 什么才是响应式网站呢?
- [2017-02-27 14:17:08] 值得关注的苹果iphone8的这些新消息
- [2016-10-11 11:17:00] “百度云”正式更名为“百度网盘”品牌全面升级!
- [2012-05-14 22:06:58] 网站交互设计-探源
- [2017-02-17 10:51:00] 三星Note7手机爆炸的原因
- [2020-06-29 14:09:01] 青岛网站建设之前应该做些什么准备呢?
- [2014-07-22 23:21:02] 修改了网站title 被百度K
- [2015-05-19 23:29:09] 什么样的网站才能实现效果最大化
- [2012-05-19 01:18:36] 企业如何做网站推广
- [2012-11-05 11:35:47] 如何做网站专题设计
- [2017-01-03 15:04:00] 《中国移动互联网市场趋势预测》发布