如何使用CSS或Javascript在HTML中檢測WebView的大小？

我們正在構建一個Windows 8應用程序，我們希望支持快照視圖。我們的一些內容是從第三方HTML頁面加載的，我們將WebView嵌入到XAML中。一切正常，但我們希望利用HTML5/CSS3來檢測尺寸並選擇合適的CSS來渲染頁面。如何使用CSS或Javascript在HTML中檢測WebView的大小？

所以我們的WebView看起來是這樣的：

<WebView x:Name="_WebView" 
     Source="{Binding NavigationUri, Mode=OneWay}" 
     Width="275" 
     Height="200" />

這只是一個例子，但是HTML頁面怎麼知道窗口的大小爲275px由200像素？

來源

2013-05-07 Laith

[編輯更好的方法]

您可以從C＃端注入一些Javascript。以this MSDN thread爲例。由於您知道C＃代碼中控件的寬度，因此您可以輕鬆設置某個變量或調用函數。

來源

2013-05-07 12:09:38

我試過這些，但是我要麼得到'undefined'，'0'或者'1366'（這是表面屏幕的大小） – Laith 2013-05-08 00:10:39

好吧，我把我的答案改爲更好的想法:) – 2013-05-08 09:11:36

+ 1這回答我的問題，但不幸的是，我們不能這樣做。我們呈現的HTML來自不同的第三方，我們希望爲他們提供一種使用HTML/CSS/JS檢測大小的方法。我希望有一種方法可以在Windows 8應用程序WebView中運行Firebug：P – Laith 2013-05-08 21:49:30

如何使用CSS或Javascript在HTML中檢測WebView的大小？

回答

相關問題