javascript - 动态服务 - apache - 仅限 html、javascript 和 .htaccess

Question

我有桌面网站 (example.com) 和移动网站 (example.com/m/)。他们都有完全不同的 html 文件和样式表。我目前使用此脚本将桌面站点重定向到移动设备:

<!--
if ((navigator.userAgent.match(/iPhone/i)) ||                 
(navigator.userAgent.match(/iPod/i))) {
location.replace("/m/");
}
-->

但我希望它在移动设备上显示移动网站，同时仍显示桌面网站的 URL，而不是移动网站的 URL。我希望手机显示 (example.com) 而不是 (example.com/m/)，而是显示来自 (example.com/m/) 的内容。我听说这可以通过动态服务实现，但我没有，也不想使用 CMS，我只使用 HTML、Javascript 和 .htaccess，不使用 PHP。

有什么想法吗？

我以前问过这个问题，但没有得到答案。有人可以帮忙吗？

谢谢。

Answer 1

是的。这很可能使用 .htaccess 文件。

下面是相同的工作代码。

  Options +FollowSymlinks
  RewriteEngine on

  # iPhone or iPad devices
  RewriteCond %{HTTP_USER_AGENT} iPhone|iPod
  RewriteCond %{REQUEST_URI} !\/rootfolder\/iphone
  RewriteRule ^(.*)$ /rootfolder/iphone/$1 [NC,L]

  # Android devices
  RewriteCond %{HTTP_USER_AGENT} Android
  RewriteCond %{REQUEST_URI} !\/rootfolder\/android
  RewriteRule ^(.*)$ /rootfolder/android/$1 [NC,L]

  # Every thing fallback to desktop/common site
  RewriteCond %{REQUEST_URI} !\/rootfolder\/desktop
  RewriteRule ^(.*)$ /rootfolder/desktop/$1 [NC,L]

上述规则与您正在使用的方法非常相似。我们正在检查用户代理。如果我们发现用户代理是 ipad 或 ipod，我们将提供 ipad 特定文件夹中的内容。如果是 android，则从 android 特定文件夹，如果没有匹配，它会回退到桌面。