html网页移动设备访问时自动询问是否跳转手机版该怎么写呢
请问使用html写的网页要怎么实现移动设备访问时挑出提示询问用户是否跳转手机版,点是的话就跳转别的网页,否则关闭提升留在原地。。。求各位大神教教代码该怎么写,我只是个网页...
请问使用html写的网页要怎么实现移动设备访问时挑出提示询问用户是否跳转手机版,点是的话就跳转别的网页,否则关闭提升留在原地。。。
求各位大神教教代码该怎么写,我只是个网页制作的初学者,好多专业的东西还不理解,希望多多包涵 展开
求各位大神教教代码该怎么写,我只是个网页制作的初学者,好多专业的东西还不理解,希望多多包涵 展开
3个回答
展开全部
通过JavaScript来判断访问的设备是电脑、还是手机、或者平板。
<script type="text/javascript">
function browserRedirect() {
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";
document.writeln("您的浏览设备为:");
if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
document.writeln("phone");
} else {
document.writeln("pc");
}
}
browserRedirect();
</script>
在根据JavaScript的判断,在写对应的语句。
更多追问追答
追问
那个新人还没研究JavaScript。。。麻烦大神再帮点忙。。。。
那个是移动端的话跳出提示询问是否访问移动版,点确认调到指定页面,取消留在原地这个该怎么写了。。。。
又加了100悬赏。。。。
追答
给你个思路吧!还是js
if (条件)
{
当条件为 true 时执行的代码 //这里的true为布尔值。只有“true”和“false”判断真假的
}
else
{
当条件不为 true
时执行的代码
}
上面当if判断是移动版的时候,布尔值就是true,执行if里面的内容。就不会执行else,else里面可以执行pc版的网页css 。我们可以在第一个if语句里面在嵌套一个if 、else语句
if (条件)
{
当条件为 true 时执行的代码 //这边的if,else是上一个的if执行的判断,语句
} //这边可以用alert()弹出供用户选择是否。是的话,就写在if执行的里面,然后js调用手机版的。不是的话,则else
else
{
当条件不为 true
时执行的代码 //条件不成立,执行else,对应跳转到pc版
}
展开全部
这里你得用到javascript,单纯html无法判断,附送例子一个,希望帮到你
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script type="text/javascript">
var isPhone = (window.navigator.platform != "Win32");
// alert(window.navigator.platform);
if(isPhone){
//如果是手机等移动设备走这个路径
window.location.href="www.baidu.com";
}else{
//如果电脑浏览器走这个路径
window.location.href="www.youku.com";
}
</script>
</head>
<body>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐于2016-01-18 · 知道合伙人互联网行家
freezing866
知道合伙人互联网行家
向TA提问 私信TA
知道合伙人互联网行家
采纳数:145
获赞数:1032
六年网站开发经验,开发过的网站超过百个。擅长B2B、B2C、营销型网站开发。公司网址:www.wangyingshi.com
向TA提问 私信TA
关注
展开全部
这个问题可以用js判断当前浏览器的类型:navigator.userAgent ;然后跳转到手机网站路径就可以实现了:
<script type="text/javascript">
// JavaScript Document
function urlredirect() {
var sUserAgent = navigator.userAgent.toLowerCase();
if ((sUserAgent.match(/(ipod|iphone os|midp|ucweb|android|windows ce|windows mobile)/i))) {
// PC跳转移动端
var thisUrl = window.location.href;
window.location.href = thisUrl.substr(0,thisUrl.lastIndexOf('/')+1)+'mobile/'; //跳转为网址后面加mobile的路径
}
}
urlredirect();
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询