如何使用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的大小？

回答

相关问题