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

Question

我想为我目前开发的网站增加价值，以便用户可以在他们的手机上查看。

我的问题：

1. 我应该为移动版和完整版制作不同的模板吗？ 喜欢为移动版本创建 mobile.example.com？

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

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

4. 有没有模拟器可以在不同的手机上查看或测试网站？例如：Iphone 浏览器、Blackberry 浏览器、WAP 和 Opera Mini。

谢谢！！！

Answer 1

某些网站会自动转换您现有的网站。这个转换后的移动友好网站可以托管在新域中，也可以在您现有的网站上应用“掩码”。查看 www.webtosmartphone.com，它可以轻松自动转换基本网站；快速的代码行，您的网站将自动调整大小并在最流行的智能手机中查看。如果没有自动转换，您可以申请自定义转换。

Answer 2

1. 是否要为移动设备和非移动设备创建两个不同的网站取决于您。但是，如果您这样做，请确保有一个从移动网站到完整网站的链接，以使用户能够切换到它。
2. Opera Mini 支持 Javascript，但有某些限制（例如异步操作）。请注意，Opera Mini 使用基于代理的方法，并且 JS 在 Opera 的服务器上执行，这有一定的限制。不支持 Adob​​e Flash 等插件。
3. 基本上，Opera Mini 支持与 Opera Desktop 相同的标准，因为它们共享相同的渲染引擎 (Opera Presto)。但是，由于设备限制，一些类似 CSS 圆角的功能在 Mini 中不可用。有关更多信息，请参阅Opera Mini 5 standards support，但要知道同时 Opera Mini 使用 Opera Presto 2.4，即 Opera Desktop 10.53 中使用的渲染引擎。
4. 要在 Opera Mini 中测试网站，请尝试 MicroEmulator，它是开源的，带有可调整大小的皮肤，可让您模拟不同的屏幕尺寸。

希望有帮助:)

Answer 3

1. 当通过移动设备访问内容时，您绝对应该针对移动设备调整输出。您是否会通过在子域或特殊文件夹上分离移动演示文稿来做到这一点完全无关紧要。

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

3. 市面上有很多模拟器，有些更好，有些更差，它们可以模拟各种移动设备浏览器。在我的脑海中，我使用的两个是 Yo Space 智能手机模拟器 (website broken atm) 和 Mobi TLD's emulator。您还应该能够找到特定于供应商（诺基亚、SE）的开发人员工具来模拟供应商的设备。

Answer 4

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

CSS Zen Garden 是展示可能性的绝佳资源。

用于转换您当前的资源 网站变成移动设备友好 格式是 Skweezer.com。只需输入 您网站的 URL，它将 显示您的网站 通过删除移动友好版本 大图像、CSS 样式和页面 不会显示的元素 适当地。您可以将其用作 模板或起点，用于 为 地点。提供替代 CSS 移动用户的样式表 设备，插入以下代码 HTML 文档的头部：

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

Ref.