使用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);

像我期望的那樣觸發媒體查詢。 例如，我有一個我使用的縱向/橫向按鈕，這只是翻轉表單的寬度和高度，停靠的瀏覽器填充新的方向。 應該很簡單嗎？

我想如果你嘗試一下，然后它不起作用，你就可以提供更多關於什么/不起作用的信息。