从笔记本电脑移动设计

Question

我需要把我的网站的移动版本，但我没有 一个iPhone，我所拥有的是这台MacbookPro w /狮子，17英寸。

我只有这台笔记本电脑。我如何着手构建我的网站的移动版本 ？我正在寻找一般建议;谢谢。

Answer 1

有一些非常好的移动仿真器，以帮助您开发一个移动网站：

• http://iphone4simulator.com/
• http://developer.android.com/tools/help/emulator.html

使用这些模拟器应使您能够设计和开发一个相当不错的移动网站。

Answer 2

有很多工具，如https://developer.mozilla.org/en-US/docs/Tools/Responsive_Design_View，可以帮助您模拟手机浏览器。

Answer 3

iPhone也不够用。你将不得不测试很多手机。 :)

通常，您可以通过缩小浏览器窗口进行大量测试。这至少会触发CSS媒体查询，你可以测试它们是否工作。

也有很多在线工具，要么是完全模拟器，要么只是检查常见错误的网站。 Take a look at 10 excellent tools for testing mobile sites。