c# - 使用 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

score 2 · Accepted Answer

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

score 2 · Accepted Answer

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

score 2 · Accepted Answer

试试这个工具

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

score 1 · Accepted Answer

我没有尝试使用 WPF 进行此操作，但使用 Windows 窗体可以正常工作，因此这可能会有所帮助：

我按照以下方式使用媒体查询：

@media (min-width: 300px) {

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

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

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

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

4 回答 4