WebBrowser控件提供了当silverlight应用运行在OOB(out of browser)模式时,在silverlight内部呈现html的功能。 WebBrowser控件只能运行在OOB模式下,若是在浏览器中查看。他就是会显示一个和WebBrowser控件大小相等的矩形区域。
代码语言:javascript复制<grid x:name="LayoutRoot" background="White">
<webbrowser source="http://localhost:8238/HTMLPage1.html" height="160" width="160" x:name="WB1">
</webbrowser></grid>
在浏览器中的效果(ps:这次发布的中文化还不错):
WebBrowser他定义在“System.Windows.Controls”,这也就是说WebBrowser是silverlight内置的一个控件了。
处于安全角度考虑WebBrowser控件只允许包含同一个域下的页面。(相同的子域名、协议、端口)如果想跨域的话可以在自己的页面里放置iframe,通过调用页面js的方法来改变网址InvokeScript(String)。在全屏模式下WebBrowser控件将不会和用户产生交互效果。
WebBrowser除了直接在xaml中写明url地址,还有三种在后端代码设置的方法。
这里用一个demo来演示一下。
xaml:
代码语言:javascript复制<grid x:name="LayoutRoot" background="White">
<canvas>
<textblock text="WebBrowser概览" fontsize="12" canvas.left="8" canvas.top="8">
<webbrowser source="http://localhost:8238/HTMLPage1.html" x:name="WB1" height="235" canvas.left="2" canvas.top="29" width="396"></webbrowser>
<button x:name="btnMethod1" content="Source" width="75" canvas.left="2" canvas.top="270" fontsize="12" click="btnMethod1_Click"></button>
<button x:name="btnMethod2" content="NavigateToString" canvas.left="81" canvas.top="270" fontsize="12" click="btnMethod2_Click"></button>
<button x:name="btnMethod3" content="Navigate" canvas.left="196" canvas.top="270" width="75" fontsize="12" click="btnMethod3_Click"></button>
<button x:name="btnInstallLocal" content="安装到本地" width="75" canvas.left="317" canvas.top="270" fontsize="12" click="btnInstallLocal_Click"></button>
</textblock></canvas>
</grid>
c#:
代码语言:javascript复制 public partial class MainPage : UserControl
{
public MainPage()
{
InitializeComponent();
UpdateUI();
}
private void btnMethod1_Click(object sender, RoutedEventArgs e)
{
WB1.Source = new Uri("http://localhost:8238/HTMLPage1.htm");
}
private void btnMethod2_Click(object sender, RoutedEventArgs e)
{
WB1.NavigateToString("这里直接输出要显示html");
}
private void btnMethod3_Click(object sender, RoutedEventArgs e)
{
WB1.Navigate(new Uri("http://localhost:8238/HTMLPage3.htm"));
}
private void btnInstallLocal_Click(object sender, RoutedEventArgs e)
{
Application.Current.Install();
}
private void UpdateUI()
{
btnInstallLocal.Visibility =
Application.Current.InstallState == InstallState.NotInstalled ?
Visibility.Visible : Visibility.Collapsed;
}
}