开发移动设备网站的最佳方法是什么?

10

如何为移动设备开发网站?我似乎找不到移动设备的模拟器/仿真器。是否有任何方式可以像Firebug那样从移动设备中编辑CSS? 我只是想获得有关如何为手机开发的提示,因为由于某种奇怪的原因,我的网站在iPhone和Droid上表现异常。


停止在所有帖子中添加您的网站,否则它们将被视为垃圾邮件并被删除。 - Michael Petrotta
2个回答

12

我建议你使用一个移动开发框架(例如http://jquerymobile.com/)进行开发。这样,你就可以确保网站在许多移动设备上表现良好。

不管怎样,我认为有许多更简便的方法来测试你的代码。


你能给我提供那个虚拟设备的链接吗? - Harrison Tran
1
刚刚用jQuery Mobile建了一个网站,真是太好用了。+1 - jeffreynolte
@HarrisonTran,完成了,请查看。 - lc2817
制作移动网站并不一定需要使用jQuery Mobile或任何JavaScript库,这取决于需求。 - Jitendra Vyas
1
@JitendraVyas 你说得对。虽然这只是做花哨事情的简单方法。 - lc2817

11

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

阅读本博客上的移动Web开发系列文章。

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

第一部分:视口元标记

第二部分:移动开发者工具包

第三部分:设计不糟糕的按钮

第四部分:关于设计移动网页

第五部分:使用移动专用的HTML、CSS和JavaScript

第六部分:处理设备方向

第七部分:移动JavaScript库和框架


我找不到移动设备的模拟器/仿真器。
有关仿真器,请参见http://www.mobilexweb.com/emulators 是否有办法像Firebug一样从移动设备编辑CSS?
有关调试,请参见:
移动Web调试书签列表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

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接