"查看完整网站"移动网站选项

Question

所以我正在研究我正在做的网站的移动版本,到目前为止,我正在从其主要网站主要网站上提取移动网站内容.

当我在那里研究一些移动网站时,我注意到很多人都有一个"查看完整网站"的链接.

现在我计划通过检查屏幕宽度等方式在主站点的标签标签中通过.js重定向移动访问者...(不确定它是否是最好的方式,但到目前为止我的大脑最容易))(但建议也是欢迎)但是这样的事情

if (screen.width<=XyZ||screen.height<=XyZ) //example iphone size lets say 320x480
window.location.replace("mobile site link here.")

我再也不知道这是不是最好的方法,但是,在虚拟测试中,它适用于iPhone,一些朋友Droids和一个Blackberry.但它的确有效.

无论如何,所以我的问题是,如果我这样做检查每一页...我怎么可能有一个"查看完整网站"选项？

Answer 1

使用PHP来检测移动用户$_SERVER['HTTP_USER_AGENT'].JavaScript检测可能不可靠,因为许多移动浏览器不支持JS."查看完整站点"将设置cookie以拒绝可检测的移动站点.使用Cookie来跟踪用户的偏好.

在骨架里

<?php

if (isset($_COOKIE['nomobile'])) {
  $style = "normal";
} else {

if (preg_match('/iPhone|(...etc...)/', $_SERVER['HTTP_USER_AGENT'])) {
   $style = "mobile";
} else {
   $style = "normal";
}

}

对于"查看完整网站"页面:

<a href="fullsite.php">Full Site</a>

fullsite.php

<?php
   setcookie('nomobile', 'true');
   header('Location: index.php');
?>