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

Question

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

我的问题：

1. 我应该为移动版和完整版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. / 3.移动不仅仅是Opera Mini。各种移动设备浏览器支持不同程度的丰富内容（JavaScript，CSS等）。您应该考虑检测访问者浏览器/设备支持哪些功能，并提供适当的丰富/“差”内容。您应该查看WURFL和Device Atlas这两个主要的移动设备使用者数据库，这些数据库允许您只提供使用者可以使用的内容。

3. 有许多模拟器，有些更好，有些更糟，模仿各种移动设备浏览器。在我的脑海中，我使用过的两个是Yo Space智能手机模拟器（website broken atm）和Mobi TLD's emulator。您还应该能够找到模仿供应商设备的特定供应商（诺基亚，SE）开发人员工具。

Answer 3

1. 您是否想要为移动设备和非移动设备制作两个不同的网站取决于您。但是，如果您这样做，请确保拥有从移动网站到完整网站的链接，以便用户切换到该网站。
2. Opera Mini确实支持某些限制的Javascript（例如异步操作）。请注意，Opera Mini使用基于代理的方法，并且在Opera的服务器上执行JS，这会施加某些限制。不支持Adobe Flash等插件。
3. 基本上，Opera Mini支持与Opera Desktop相同的标准，因为它们共享相同的渲染引擎（Opera Presto）。但是，由于设备限制，Mini中没有CSS圆角等功能。有关详细信息，请参阅Opera Mini 5 standards support，但请注意，Opera Mini使用Opera Presto 2.4，这是Opera Desktop 10.53中使用的渲染引擎。
4. 要在Opera Mini中测试网站，请尝试MicroEmulator这是开放源代码，并附带一个可调整大小的外观，可让您模拟不同的屏幕尺寸。

希望有所帮助：）

Answer 4

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