查看完整網站中的移動網站鏈接

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