我可以使用OS X Safari浏览器使用媒体查询正确测试iOS Safari浏览器特定的代码吗？

Question

我没有任何iOS设备，因此我的所有网络编码开发都是在Safari上完成的。我一直trying this awesome project to do my testing，但我发现它可能有限。

具体来说，我想在我的主CSS中使用specific media queries，这样只有iPad可以渲染CSS：

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

当我尝试使用OS X上的Safari使用响应测试项目在OS X Safari上通过localhost访问它时，它会忽略代码。我甚至尝试了更具体的横向和纵向代码，但没有成功：

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

这也没有成功。

由于我不拥有iPad / iPhone，我只能在Apple Store看到结果。我提供的代码只能在iPad上访问，我不能在我的计算机上使用Safari进行初步测试吗？

Answer 1

对于那些没有像iPhone，iPad或iPod Touch这样的iOS设备的人来说，没有硬件的最便宜/免费的开发方式是download XCode and run the iOS Simulator。您可以在模拟器中快速切换设备，然后像设备本身一样加载。

摇滚并感谢@icktoofay！