Question

我想检测用户何时通过移动设备（Android或Iphone）点击网页，并在检测到该连接时设置重定向到相关的应用商店。

如何实现这一目标？

由于

Answer 1

如果有其他选项，我不会使用用户代理重定向。下面是google devlopers网站上的选项列表，以及用户代理为何如此出色 https://developers.google.com/webmasters/smartphone-sites/redirects 有几种方法可以做到这一点，完成重定向的最简单方法是：

Javascript方法：

<script type="text/javascript">
  <!--
  if (screen.width <= 800) {
    window.location = "http://m.domain.com";
  }
  //-->
</script>

注意

您需要使用不同的分辨率来重定向，

基于用户是否处于风景等...
用于不同的手机

您还希望包含Meta标记

<meta name="viewport" content="width=device-width, initial-scale=1">

这意味着浏览器将以自己屏幕的宽度呈现页面宽度。

或

.htaccess方法：

RewriteEngine On # Check for mime types commonly accepted by mobile devices RewriteCond %{HTTP_ACCEPT} "text\/vnd\.wap\.wml|application\/vnd\.wap\.xhtml\+xml" [NC] RewriteCond %{REQUEST_URI} ^/$ RewriteRule ^ http://m.domain.com%{REQUEST_URI} [R,L]

以下是解释不同元标记的CSS技巧的链接： > CSS Tricks Responsive Meta Tags

我还要补充说，现在大多数网站都可以使用桌面和移动设备。

Checkout Twitter Bootstraps设置为移动...易于使用，效果很好。 http://getbootstrap.com/

如何在移动设备上为用户代理使用元重定向

1 个答案: