使用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和其他设备。

here is a simple referecne how to debug a website under iOS safari emulation in OSX Safari

Answer 4

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

我使用媒体查询：

@media (min-width: 300px) {

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

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

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

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