制作移动友好网站的规则是什么？

Question

我想为我的网站添加价值，这是我目前开发的，以便用户可以检查他们的手机。

我的问题：

1. 我应该为移动版和完整版的一个不同的模板？ 想创建mobile.example.com的移动版本？

2. Opera Mini不支持JavaScript吗？我有一台Opera Mini手机，似乎JavaScript没有运行。所有的Opera Mini都没有JavaScript吗？

3. Opera Mini是否支持完整的W3C标准HTML和CSS？或者他们有不同的？

4. 是否有任何模拟器在不同的手机上查看或测试网站？例如：iPhone浏览器，黑莓浏览器，WAP和Opera Mini。

谢谢!!!

Answer 1

1. 你是否希望有两个不同的网站为移动和非移动设备这是给你的。但是，如果你这样做，确保有来自移动站点的链接，以完整的网站，使用户能够切换到它。
2. 的Opera Mini不支持Javascript其一定的限制（例如，异步操作）。请注意Opera Mini使用基于代理的方法，并且在Opera的服务器上执行JS，这会对某些限制施加限制。 Adobe Flash等插件不受支持。
3. 基本上，Opera Mini的支持同样标准的歌剧桌面，因为它们共享相同的渲染引擎（歌剧普雷斯托）。但是，由于设备的限制，某些功能（如CSS圆角）在Mini中不可用。见Opera Mini 5 standards support了解更多信息，但要知道，同时Opera Mini的使用歌剧的Presto 2.4，在Opera 10.53桌面使用的渲染引擎。
4. 要在Opera Mini中测试网站，请尝试使用MicroEmulator这是开放源代码，并带有一个可调整大小的外观，可让您模拟不同的屏幕尺寸。

希望帮助:)

Answer 2

Cascading Style Sheets (CSS)是实现这一目标的方法。这意味着您需要检查您的网站对HTML表格的使用，并将其转换为基于CSS的设计。

CSS Zen Garden是一个很好的资源，用于展示什么是可能的。

到您当前 网站转换成移动设备友好 格式资源是Skweezer.com。只需输入 您的网站的网址，并通过去除 大图像，CSS样式和页面无法显示正确 元素 将 显示在 移动版网站。您可以使用此模板作为 模板或起点，为 制作 站点的移动CSS配置文件。提供一种替代的CSS样式表 为用户与移动设备 ，插入以下代码中 HTML文档的头部：

<link href="/css/global.css" rel="stylesheet" type="text/css" media="handheld" /> 

Ref。

Answer 3

1. 当通过移动设备访问内容时，您最应该调整输出的移动设备。无论您是通过在子域还是特殊文件夹中分离移动演示文稿来完成，都是完全不相关的。

2. /3.手机不仅仅是Opera Mini。各种移动设备浏览器支持各种程度的丰富内容（JavaScript，CSS等）。您应该考虑检测访问者浏览器/设备支持哪些功能并提供适当丰富/“差”的内容。你应该看看WURFL和Device Atlas，它们是移动设备使用权的两个主要数据库，它们允许您仅使用useragent可以使用的内容。

3. 有许多模拟器在那里，一些更好，差一些，模拟各种移动设备浏览器。关闭我的头顶，我用两个都是呦空间Smartphone模拟器（website broken atm）和Mobi TLD's emulator。也有供应商特定的（诺基亚，SE）开发人员工具，您应该能够找到模拟供应商的设备。

Answer 4

一些网站提供你现有的网站的自动转换。这个转换后的，移动友好的网站可以托管在一个新的域名上，也可以在您的现有网站上应用“掩码”。查看www.webtosmartphone.com，它可以轻松地自动转换基本网站;快速的代码行和您的网站将自动调整大小，并在最流行的智能手机查看。如果未自动转换，则可以请求自定义转换。