建站常识
判断浏览器客户端类型(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] 品牌网站定制与模板化网站应该怎么选择?
延伸阅读
- [2012-05-14 22:06:58] 网站交互设计-探源
- [2020-11-25 15:03:59] 青岛网站建设时如何选择图片?
- [2016-09-25 21:03:00] 行之有效的网络推广方式介绍
- [2012-08-08 13:37:22] 网站设计制作前的准备-线性框架设计
- [2012-10-16 10:41:12] 什么是响应式网站设计
- [2020-11-18 14:21:25] 建设营销型网站有什么注意事项?
- [2012-09-25 17:12:50] 网站的背景设计
- [2016-11-18 11:25:00] 美国大选之后,VR/AR杀手级应用还有多远?
- [2016-09-08 14:22:00] iPhone 7中国下周上市!售5388元起:你能想到的最全汇总都在这!
- [2014-07-17 14:37:51] 青岛网站建设报价 与 费用
- [2012-12-28 12:54:35] 扁平化设计在网站制作上的应用
- [2016-11-14 14:56:00] 搜索引擎蜘蛛理解相关性的6个语义特征
