Windows Phone WebBrowser

This article describes the use of the Windows Phone WebBrowser control. WebBrowser is like a mini browser which displays web content, static web content, dynamically generated web content from the network.

Getting Started

Creating a Windows Phone Application:

Open Visual Studio 2010.
Go to File => New => Project
Select Silverlight for Windows Phone from the Installed templates and choose Windows Phone Application
Enter the Name and choose the location.

Click OK.

Image 1.

Now drag and drop a TextBox, Button and WebBrowser control on page. You can set the properties manually.

<phone:WebBrowser HorizontalAlignment="Left" Margin="12,99,0,0" Name="webBrowser1" VerticalAlignment="Top" Width="438" Height="488" BorderThickness="1" Background="{StaticResource PhoneBackgroundBrush}" >

<phone:WebBrowser.Foreground>

</LinearGradientBrush>

</phone:WebBrowser.Foreground>

<phone:WebBrowser.BorderBrush>

</LinearGradientBrush>

</phone:WebBrowser.BorderBrush>

</phone:WebBrowser>

</Grid>

Code Behind.

private void button1_Click(object sender, RoutedEventArgs e)

{

string str = textBlock1.Text;

webBrowser1.Navigate(new Uri(str, UriKind.Absolute));

}

Now build and run the application.

If we type wrong website url like this. Then it gives error.

Image 2.

Image 3.

When we enter website url in the proper format, it shows output like this.

Image 4.

Question or comments are most welcome.