[Silverlight 4 RC]WebBrowser概览

WebBrowser控件提供了当silverlight应用运行在OOB（out of browser）模式时，在silverlight内部呈现html的功能。 WebBrowser控件只能运行在OOB模式下，若是在浏览器中查看。他就是会显示一个和WebBrowser控件大小相等的矩形区域。

<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：

<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#：

    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;
    }
}