为移动设备开发网站的最佳方式是什么？

Question

为移动设备开发网站的最佳方式是什么？我似乎无法为移动设备找到模拟器/模拟器。有没有办法像firebug一样从移动设备编辑CSS？我正在寻找有关如何开发手机的提示，因为出于某种奇怪的原因，我的网站在iPhone和Droid上的行为很奇怪。

Answer 1

我建议您使用移动开发框架（例如http://jquerymobile.com/）。通过这种方式，您一定会建立一个在许多移动设备上表现良好的网站。

• 出于调试目的，您为什么不尝试使用 Android虚拟设备？

  http://developer.android.com/guide/developing/devices/managing-avds.html

  当你下载android sdk或eclipse ADT时，你得到了它 插件开发Android应用程序。

• 您还可以查看 Blackberry模拟器：

  http://www.blackberry.com/developers/downloads/simulators/index.shtml

• 要获得 Iphone模拟器，我认为必须拥有一台Mac。

  它是IOS SDK的一部分，名为iOS Simulator（您在XCode中安装）。

无论如何，我认为存在许多不那么繁琐的测试代码的方法。

Answer 2

  

为移动设备开发网站的最佳方式是什么？

在此博客上阅读移动网络开发系列

http://davidbcalhoun.com/2010/viewport-metatag

第1部分：视口元标记

第2部分：移动开发人员的工具包

第3部分：设计不吸吮的按钮

第4部分：关于设计移动网页

第5部分：使用特定于移动设备的HTML，CSS和JavaScript

第6部分：处理设备方向

第7部分：移动JavaScript库和框架

---

  

我似乎无法为移动设备找到模拟器/模拟器。

模拟器的

请参见此处 http://www.mobilexweb.com/emulators

  

有没有办法像firebug一样从移动设备编辑CSS？

进行调试，请参阅此处

移动网络调试的书签列表 http://www.blog.highub.com/mobile-2/list-of-bookmarklets-for-mobile-web-debugging/

如何使用“Weinre”轻松调试移动设备上的网站 http://envyandroid.com/archives/483/easily-debug-mobile-websites-with-weinre