查看完整网站中的移动网站链接

Question

虽然我有一种成功的方法将用户从我们的移动网站迁移到我们的整个网站，但我需要帮助将他们从整个网站迁移到移动网站。

我正在尝试结合使用CSS和使用服务器端检测的Javscript编写的HTML（如下）。 基本上，检测将确定用户是否在智能手机上，如果是，则编写横幅HTML。 它应该看起来像这样，但是不幸的是这没有用。 PHP不是一个选择。

我的问题是，如何使“ View Mobile”横幅仅出现在智能手机（即iPhone和Android）上？

这是我的页面和代码：

<meta name="viewport" content="width=device-width, user-scalable=yes" /> 
<link rel="stylesheet" type="text/css" href="css/mobile.css" media="only screen and (max-width: 640px)" />

...

<body> 
<script type="text/javascript">
<!--
function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}
device_class = readCookie('COOKIE_DEVICE_CLASS');
if (device_class == 'smart') {
document.write('<div id="view-mobile"><a href="http://m.stanford.edu/">View Stanford Mobile</a></div>');
}
// -->
</script>

Answer 1

您的Cookie未设置。 我同时访问了stanford.edu和m.stanford.edu，但没有得到COOKIE_DEVICE_CLASS cookie。 如果创建了cookie并包含“智能”，则您的代码将起作用。

Answer 2

这可能有效：

var userAgent= navigator.userAgent.toLowerCase();

if (!!/iphone/.test(userAgent) || !!/android/.test(userAgent)) {
    // write banner
}

Answer 3

在您的移动网站上创建htaccess，然后添加此代码。

RewriteCond %{HTTP_COOKIE} !FULLSITE=yes
### Your current conditions...
RewriteRule (.*) http://your URL_mobile_add? [R,L]

查看完整网站中的移动网站链接

问题描述

3 个解决方案

解决方案1
2 已采纳 2011-06-22 20:07:09

解决方案2
1 2011-06-22 20:09:28

解决方案3
0 2011-11-15 16:31:49

查看完整网站中的移动网站链接

问题描述

3 个解决方案

解决方案1 2 已采纳 2011-06-22 20:07:09

解决方案2 1 2011-06-22 20:09:28

解决方案3 0 2011-11-15 16:31:49

解决方案1
2 已采纳 2011-06-22 20:07:09

解决方案2
1 2011-06-22 20:09:28

解决方案3
0 2011-11-15 16:31:49