0

This is my first time creating a mobile site for someone I have the javascript code all set up and when tested on my phone, it redirects it to: m.websitename.com, like I want it to. However, I have no idea what to name the file I am wanting it to redirect to? I saved the file under: mobile.html, but it isn't redirecting to it.

I don't want it to redirect saying www.websitename.com/mobile, I don't think it looks as professional.

Thanks

4

3 回答 3

1

index.html或者default.html是约定。所以为什么不直接到

m.websitename.com/index.html

并配置子域，使其m.websitename.com实际上指向websitename.com/m文件夹。这样该文件夹就可以拥有自己的索引文件。

于 2013-03-26T04:45:15.977 回答
0

你可以有任何你喜欢的文件名。但正如 btevfik 提到的那样，要么放 index.html 要么 default.html

我推荐 index.html

您还可以在服务器配置中设置默认文件。默认情况下，大多数服务器的默认文件处理程序为 index.html。对于 Apache，它将是 index.html 或 index.php。您可以通过更改服务器配置将其更改为 mobile-handler.html 之类的内容。

因此，每当您通过http://your-site.com或 m.your-site.com 访问您的站点时，都会加载服务器配置中指定的默认文件。

请注意 your-site.com 和 m.your-site.com 将有不同的站点根目录，因此请求将由不同的文件处理。

于 2013-03-26T04:55:58.927 回答
0

您可能希望使用您正在使用的服务器中的子域和目标设置来执行此操作（大多数网络托管公司通过他们的软件（例如 cPanel）使这很容易）。目录结构将如下所示。因此，当用户被重定向到 m.yourweb.com/ 时，它不会有 m.yourweb.com/mobie。

domain [directory]
      css [directory]
      js  [directory]
      index.jsp  [file]
      purchase.jsp  [file]
      ...

      subdomain [directory] <- for mobile
        css [directory]
        js  [directory]
        index.jsp  [file]
        purchase.jsp  [file]

因此，当检测到移动用户时，JS 会将该用户重定向到子域（移动）而不是普通目录。另一个建议（我认为这更好）是使用与上述相同的逻辑，但是当用户被重定向到 m.yourweb.com/ 时，加载移动版 web 而不是普通 web 的 css 文件。通过 JS 加载 css

如果您认为这很复杂，您可能有兴趣查看CSS3 媒体查询。这基本上会根据当前用户的屏幕更改 CSS 布局。分辨率媒体查询教程

于 2013-03-26T04:53:46.207 回答