一步一步学Silverlight 2系列(24):与浏览器交互相关辅助方法

简介:

概述

Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython,对JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步学Silverlight 2系列》文章将从Silverlight 2基础知识、数据与通信、自定义控件、动画、图形图像等几个方面带您快速进入Silverlight 2开发。
本文是Silverlight 2与浏览器交互的最后一篇,将介绍相关的辅助类方法。

获取浏览器信息

在Silverlight 2中提供了获取浏览器信息的一个类BrowserInformation,可供我们直接调用,如获取浏览器名称及浏览器版本,是否禁用Cookies等信息。做一个简单的示例,定义XAML如下:
<Grid x:Name="LayoutRoot" Background="#CDFCAE">
    <Grid.RowDefinitions>
        <RowDefinition Height="40"></RowDefinition>
        <RowDefinition Height="40"></RowDefinition>
        <RowDefinition Height="40"></RowDefinition>
        <RowDefinition Height="40"></RowDefinition>
        <RowDefinition Height="140"></RowDefinition>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="300"></ColumnDefinition>
        <ColumnDefinition Width="300"></ColumnDefinition>
    </Grid.ColumnDefinitions>
    
    <TextBlock Text="Name:" Style="{StaticResource title}"
               Grid.Row="0" Grid.Column="0"></TextBlock>
    <TextBlock x:Name="Name" Style="{StaticResource content}"
               Grid.Row="0" Grid.Column="1"></TextBlock>
    
    <TextBlock Text="BrowserVersion:" Style="{StaticResource title}"
               Grid.Row="1" Grid.Column="0"></TextBlock>
    <TextBlock x:Name="BrowserVersion" Style="{StaticResource content}"
               Grid.Row="1" Grid.Column="1"></TextBlock>
    
    <TextBlock Text="CookiesEnabled:" Style="{StaticResource title}"
               Grid.Row="2" Grid.Column="0"></TextBlock>
    <TextBlock x:Name="CookiesEnabled" Style="{StaticResource content}"
               Grid.Row="2" Grid.Column="1"></TextBlock>
    
    <TextBlock Text="Platform:" Style="{StaticResource title}"
               Grid.Row="3" Grid.Column="0"></TextBlock>
    <TextBlock x:Name="Platform" Style="{StaticResource content}"
               Grid.Row="3" Grid.Column="1"></TextBlock>
    
    <TextBlock Text="UserAgent:" Style="{StaticResource title}"
               Grid.Row="4" Grid.Column="0"></TextBlock>
    <TextBlock x:Name="UserAgent" Style="{StaticResource content}"
               Grid.Row="4" Grid.Column="1" TextWrapping="Wrap"></TextBlock>
</Grid>
在Loaded事件中获取相关信息:
private void UserControl_Loaded(object sender, RoutedEventArgs e)
{
    BrowserInformation browser = HtmlPage.BrowserInformation;
    Name.Text = browser.Name;
    BrowserVersion.Text = browser.BrowserVersion.ToString();
    CookiesEnabled.Text = browser.CookiesEnabled.ToString();
    Platform.Text = browser.Platform;
    UserAgent.Text = browser.UserAgent;
}
运行之后,如下图所示:
  

HttpUtility方法

类似于WebForm开发中一样,在Silverlight 2中同样提供了一一些HttpUtility方法,共有四个HtmlEncode、HtmlDecode、UrlEncode、UrlDecode,看一个简单的例子:
<Grid x:Name="LayoutRoot" Background="#CDFCAE">
    <Grid.RowDefinitions>
        <RowDefinition Height="75"></RowDefinition>
        <RowDefinition Height="75"></RowDefinition>
        <RowDefinition Height="75"></RowDefinition>
        <RowDefinition Height="75"></RowDefinition>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="400"></ColumnDefinition>
        <ColumnDefinition Width="200"></ColumnDefinition>
    </Grid.ColumnDefinitions>
    
    <TextBox x:Name="txtHtmlEncode" Grid.Row="0" Grid.Column="0" 
             Width="300" Height="40"></TextBox>
    <Button x:Name="btnHtmlEncode" Grid.Row="0" Grid.Column="1" 
            Background="Red" Width="120" Height="40" Content="HtmlEncode"
            Click="btnHtmlEncode_Click"></Button>
    
    <TextBox x:Name="txtHtmlDecode" Grid.Row="1" Grid.Column="0" 
             Width="300" Height="40"></TextBox>
    <Button x:Name="btnHtmlDecode" Grid.Row="1" Grid.Column="1" 
            Background="Red" Width="120" Height="40" Content="HtmlDecode"
            Click="btnHtmlDecode_Click"></Button>
    
    <TextBox x:Name="txtUrlEncode" Grid.Row="2" Grid.Column="0" 
             Width="300" Height="40"></TextBox>
    <Button x:Name="btnUrlEncode" Grid.Row="2" Grid.Column="1" 
            Background="Red" Width="120" Height="40" Content="UrlEncode"
            Click="btnUrlEncode_Click"></Button>
    
    <TextBox x:Name="txtUrlDecode" Grid.Row="3" Grid.Column="0" 
             Width="300" Height="40"></TextBox>
    <Button x:Name="btnUrlDecode" Grid.Row="3" Grid.Column="1" 
            Background="Red" Width="120" Height="40" Content="UrlDecode"
            Click="btnUrlDecode_Click"></Button>
</Grid>
编写按钮处理事件:
private void btnHtmlEncode_Click(object sender, RoutedEventArgs e)
{
    this.txtHtmlDecode.Text = HttpUtility.HtmlEncode(this.txtHtmlEncode.Text);
}
private void btnHtmlDecode_Click(object sender, RoutedEventArgs e)
{
    this.txtHtmlEncode.Text = HttpUtility.HtmlDecode(this.txtUrlDecode.Text);
}
private void btnUrlEncode_Click(object sender, RoutedEventArgs e)
{
    this.txtUrlDecode.Text = HttpUtility.UrlEncode(this.txtUrlEncode.Text);
}
private void btnUrlDecode_Click(object sender, RoutedEventArgs e)
{
    this.txtUrlEncode.Text = HttpUtility.UrlDecode(this.txtUrlDecode.Text);
}
运行后测试如下:
 

结束语

本文简单介绍了Silverlight 2与浏览器交互的相关辅助类方法。


















本文转自lihuijun51CTO博客,原文链接:http://blog.51cto.com/terrylee/67271  ,如需转载请自行联系原作者


相关文章
|
7月前
|
JavaScript 前端开发 小程序
js 实现浏览器下载视频2种方法
js 实现浏览器下载视频2种方法
932 0
|
7月前
|
Web App开发 前端开发
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型(Types)、方法(Methods)和事件(Events)的属性和参数解析
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型(Types)、方法(Methods)和事件(Events)的属性和参数解析
233 0
|
2月前
|
算法 安全 前端开发
基于postMessage和BroadcastChannel实现浏览器跨Tab窗口通信的方法介绍
基于postMessage和BroadcastChannel实现浏览器跨Tab窗口通信的方法介绍
84 0
|
5月前
|
机器人 Shell 开发者
`roslibpy`是一个Python库,它允许非ROS(Robot Operating System)环境(如Web浏览器、移动应用等)与ROS环境进行交互。通过使用`roslibpy`,开发者可以编写Python代码来远程控制ROS节点,发布和订阅话题,以及调用服务。
`roslibpy`是一个Python库,它允许非ROS(Robot Operating System)环境(如Web浏览器、移动应用等)与ROS环境进行交互。通过使用`roslibpy`,开发者可以编写Python代码来远程控制ROS节点,发布和订阅话题,以及调用服务。
|
6月前
|
移动开发 前端开发 JavaScript
解决浏览器兼容性问题的方法
解决浏览器兼容性问题的方法
|
5月前
|
移动开发 前端开发 JavaScript
解决浏览器兼容性问题的方法
解决浏览器兼容性问题的方法
|
6月前
|
域名解析 存储 缓存
HTTP请求流程概览:浏览器构建请求行含方法、URL和版本;检查缓存;解析IP与端口
【6月更文挑战第23天】 HTTP请求流程概览:浏览器构建请求行含方法、URL和版本;检查缓存;解析IP与端口;TCP连接(HTTP/1.1可能需排队);三次握手;发送请求头与体;服务器处理并返回响应;TCP连接可能关闭或保持;浏览器接收并显示响应,更新缓存。HTTP版本间有差异。
95 5
|
5月前
|
Web App开发
软件开发常见流程之移动端调试方法,利用Chrome(谷歌浏览器)的模拟手机调试,搭建本地Web服务器,手机和服务器在一个局域网,通过手机访问服务器,使用服务器,利用ip实现域名访问
软件开发常见流程之移动端调试方法,利用Chrome(谷歌浏览器)的模拟手机调试,搭建本地Web服务器,手机和服务器在一个局域网,通过手机访问服务器,使用服务器,利用ip实现域名访问
|
5月前
|
JavaScript
js document.compatMode【详解】(含准确获取浏览器宽高等尺寸的方法)
js document.compatMode【详解】(含准确获取浏览器宽高等尺寸的方法)
38 0
|
5月前
|
存储 JSON JavaScript
数据库操作对象 db,用于与浏览器的 localStorage 交互
数据库操作对象 db,用于与浏览器的 localStorage 交互
42 0