如果没有Iphone,我如何测试Iphone的兼容性?

如果没有Iphone,我如何测试Iphone的兼容性?,iphone,web,media-queries,simulator,Iphone,Web,Media Queries,Simulator,嗨,有没有在线模拟器来测试iphone与媒体查询的兼容性。 我试图寻找一些东西,让我可以在iphone和Ipad上测试我的网页。但是我还没有找到任何工具。有这样的工具吗?谢谢你的帮助 我已经尝试过调整窗口大小,但在使用chrome窗口大小调整器的chrome im中,这不适用于我。我应该为像这样的媒体查询设置什么大小 @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device

嗨,有没有在线模拟器来测试iphone与媒体查询的兼容性。 我试图寻找一些东西,让我可以在iphone和Ipad上测试我的网页。但是我还没有找到任何工具。有这样的工具吗?谢谢你的帮助

我已经尝试过调整窗口大小,但在使用chrome窗口大小调整器的chrome im中,这不适用于我。我应该为像这样的媒体查询设置什么大小

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
#header {
  background: rgba(255, 0, 0, 0.2);      
}
}​

在线上有很多假想的iPhone模拟器。对“iphone emulator”的快速搜索返回了3000多万条结果


如果您只是想测试一个网页,您可以在Safari中运行该网站,并将窗口大小调整到正确的大小。这不是一个完美的测试,但会给你一个很好的指示,说明该网站在iPhone/iPad上的外观/行为。

网上有大量假定的iPhone模拟器可用。对“iphone emulator”的快速搜索返回了3000多万条结果


如果您只是想测试一个网页,您可以在Safari中运行该网站,并将窗口大小调整到正确的大小。这不是一个完美的测试,但可以很好地告诉你该网站在iPhone/iPad上的外观/行为。

试试这些来测试你的设计


尝试这些测试您的设计


好的,所以尺寸合适的safari应该让我来测试一下??使用safari的“开发”菜单将用户代理更改为iPhone或iPad版本的MobileSafari可能会有所帮助。然而,即使您只测试简单的渲染,也有一些行为是不一样的;e、 g.表单控件在iOS上看起来不同。如果你手边有一台Mac电脑,就用Xcode并使用它的iOS模拟器应用程序。我如何在windows上测试它?谢谢你的评论,我试着在chrome中设置它,可以吗?好的,那么具有正确尺寸的safari应该让我测试一下??使用safari的“开发”菜单将你的用户代理更改为iPhone或iPad版本的MobileSafari可能会有所帮助。然而,即使您只测试简单的渲染,也有一些行为是不一样的;e、 g.表单控件在iOS上看起来不同。如果你手边有一台Mac电脑,就用Xcode并使用它的iOS模拟器应用程序。我如何在windows上测试它?谢谢你的评论,我试着在chrome中设置它,可以吗?对我来说效果不好。如今,iphone/android的屏幕分辨率比该测试仪模拟的要大。对我来说效果不好。如今,iphone/android的屏幕分辨率比该测试仪模拟的要大。