如何在移动设备上测试网站设计？
我用 900 x 600 的固定背景图像设计了我的网站。 在电脑上看起来不错。 它在 PDA 设备上的显示效果如何？ 我需要为 PDA 单独设计吗？
如何检查我的网站是否可以通过手机有效浏览？
我应该怎么办？
I have designed my site with a 900 x 600 fixed background image. On the computer it looks fine. How will it look on a PDA device? Will I have to design it separately for PDA?
How should check whether my site can be browsed effectively from mobile phone?
What should I do?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
尝试使用 Opera 的“小屏幕”视图（视图 > 小屏幕）。 这在模拟移动屏幕方面做得相当不错。 在 Opera 自己的网站上尝试一下。 请注意，它们使用“手持”类型样式表，当您在手持设备上查看或切换到小屏幕模式时，该样式表就会启动。
您可以免费下载 Google 的 Android SDK 进行测试。
要在 iPhone 上进行测试，请参阅 iPhone 测试器。 右下角有一个按钮，可将 iPhone 旋转至宽屏状态。
OpenWave Phone Simluator 应该不错。
您可以尝试mobi在线模拟器。
Windows Mobile 5.0 SDK for Smartphone 包含“基于 Windows Mobile 5.0 的智能手机设备模拟器图像和皮肤文件”
最后，一些一般性指导：Web 内容可访问性和移动 Web：使网站可供以下用户访问残疾人士和移动设备
Try using Opera's "small screen" view (View > Small Screen). This does a pretty decent job of simulating a mobile screen. Try it on Opera's own site. Note that they use a "handheld" type stylesheet that kicks-in when you're viewing on a handheld or switch to small screen mode.
You can download Google's Android SDK for free to test on.
To test on iPhone, see the iPhone Tester. There's a button on the bottom-right to rotate the iPhone into its widescreen state.
The OpenWave Phone Simluator is supposed to be good.
You can try the mobi online emulator.
The Windows Mobile 5.0 SDK for Smartphone contains "Windows Mobile 5.0 based Smartphone Device Emulator images & skin files"
Finally, some general guidance: Web Content Accessibility and Mobile Web: Making a Web Site Accessible Both for People with Disabilities and for Mobile Devices
您可以为手持设备提供替代样式表，而不是浏览器检测。 优点
是您只需要网站的一个版本，区别在于样式表。 您需要一个额外的 CSS，而通过浏览器检测，您将需要站点中每个页面的不同版本。 缺点是并非所有浏览器都支持样式表的
media属性。 但大多数现代浏览器都支持这种功能，而且对它的支持也在不断增长。如果您有兴趣，我建议您查看A List Apart 文章。
顺便说一句，如果您还没有使用 css，请立即切换到它，无论您选择哪种解决方案来解决您的问题。 CSS 太棒了！
Instead of browser detection, you can supply alternative stylesheets for handheld devices. With
The advantage is that you only need one version of your site, the difference lies in the stylesheets. You need one additional css, while with browser detection you would need different versions of every page in your site. The downside is that not all browsers support the
mediaattribute for stylesheets. But the most modern browsers do, and the support for it is growing.If you are interested, I recommend having a look at an A List Apart article.
BTW, if you are not using css yet, switch to it immediately, no matter which solution for your problem you choose. CSS rocks!
好吧，您总是可以在其中添加一些检测 JavaScript 来检查浏览器的类型，然后重定向到针对移动设备格式化的不同站点。 这似乎是大多数网站的常态。
示例：
Well, you could always throw some detection javascript in there to check the type of browser, then redirect to a different site that is formatted for mobile devices. This seems to be the norm for most sites.
Examples:
您还可以获得适用于 Blackberry 机器的设备模拟器。
You can also get device emulators for the Blackberry range of machines.