使用WebKit在Windows上模拟iOS和Android内置浏览器

Question

我正在使用.NET开发一个邮件应用程序，它会自动为不同的屏幕大小生成CSS。 在Windows中查看结果的最佳方法是什么？

Android和iOS设备使用WebKit，但我不确定如何模仿屏幕大小。

例如，当我有类似的东西：

<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="css/mobile.css" type="text/css" />

我对在线模拟器不感兴趣，我使用的是WebKit.NET

Answer 1

试试这个工具

http://quirktools.com/screenfly/

至于不同的浏览器只需下载tthm并使用该网站在您的Windows上尝试

Answer 2

有许多在线模拟器可以测试您的网站。 http://www.coderebel.com/support/features/iphone-simulator.html http://iphone4simulator.com/ http://iphone-emulator.org/

您还可以使用Spoon.net在各种浏览器中测试您的网站

Answer 3

在你的地方我会在Windows上的VirtualBox中安装一个山狮+ XCode，并检查Safari。 您可以在Safari中模拟iPhone和其他设备。

Answer 4

我没有尝试使用WPF，但使用Windows Forms它可以正常工作，所以这可能会有所帮助：

我使用媒体查询：

@media (min-width: 300px) {

并且我有一个WebKitBrowser控件停靠以填充面板（因为我有一些控件停靠在我的表单的顶部）并且可以确认而不是简单地设置表单尺寸，例如

this.MaximumSize = this.MinimumSize = this.Size = new Size(width, height);

像我期望的那样触发媒体查询。 例如，我有一个我使用的纵向/横向按钮，这只是翻转表单的宽度和高度，停靠的浏览器填充新的方向。 应该很简单吗？

我想如果你尝试一下，然后它不起作用，你就可以提供更多关于什么/不起作用的信息。