一步一步学Silverlight 2系列（24）：与浏览器交互相关辅助方法

Myth丶恋晨 2022-01-13 18:09 159阅读 0赞

## 概述 ##

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

运行之后，如下图所示：

![200803251206415663125.png][]

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

运行后测试如下：

![200803251206415683578.png][]

## 结束语 ##

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

转载于:https://blog.51cto.com/terrylee/67271

[200803251206415663125.png]: https://s1.51cto.com/attachment/200803/200803251206415663125.png
[200803251206415683578.png]: https://s1.51cto.com/attachment/200803/200803251206415683578.png

发表评论取消回复

表情：

评论列表（有 0 条评论，159人围观）

还没有评论，来说两句吧...

相关阅读

相关一步一步学Nagios安装部署与监控

近日搭建了较多的MySQL环境，对各个数据库状态的监控就变得非常重要了。在对MySQL监控了解过程中，发现君三思老师使用Nagios和Cacti两个监控平台对MySQL数据库进

桃扇骨/ 2022年08月23日 11:55/ 0 赞/ 231 阅读

相关一步一步学springboot 一

[Spring Boot][]是由[Pivotal][]团队提供的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置，从而

谁借莪１个温暖的怀抱￠/ 2022年06月17日 10:22/ 0 赞/ 367 阅读

相关一步一步学SpringCloud--服务治理机制

一步一步学SpringCloud--服务治理机制核心三要素服务治理机制服务提供者服务注册服务同

Love The Way You Lie/ 2022年05月14日 16:38/ 0 赞/ 334 阅读

相关一步一步学SpringCloud--getway配置详解

SpringCloud Gateway配置详解前言一、引入pom依赖二、配置文件 1、路由配置 2、跨域配置三、

灰太狼/ 2022年03月19日 15:51/ 0 赞/ 753 阅读

相关一步一步学Silverlight 2系列（24）：与浏览器交互相关辅助方法

概述 Silverlight 2 Beta 1版本发布了，无论从Runtime还是Tools都给我们带来了很多的惊喜，如支持框架语言Visual Basic, Visua

Myth丶恋晨/ 2022年01月13日 18:09/ 0 赞/ 160 阅读

相关一步一步学Silverlight 2系列（3）：界面布局

<table style="table-layout:fixed;width:650px;"> <tbody> <tr> <td> <div>

野性酷女/ 2021年12月17日 05:43/ 0 赞/ 223 阅读

相关一步一步学Silverlight 2系列（10）：使用用户控件

![orig_1.gif][] 一步一步学Silverlight 2系列（10）：使用用户控件 -------------------- 2008-03-08 20:

叁歲伎倆/ 2021年12月17日 05:43/ 0 赞/ 207 阅读

相关一步一步学Silverlight 2系列（12）：数据与通信之WebClient

<table style="table-layout:fixed;width:650px;"> <tbody> <tr> <td> <div>

心已赠人/ 2021年12月17日 05:43/ 0 赞/ 257 阅读

相关一步一步学Silverlight 2系列（15）：数据与通信之ASMX

<table style="table-layout:fixed;width:650px;"> <tbody> <tr> <td> <div>

柔情只为你懂/ 2021年12月17日 05:43/ 0 赞/ 222 阅读

相关一步一步学Silverlight 2系列（17）：数据与通信之ADO.NET Data Services

<table style="table-layout:fixed;width:650px;"> <tbody> <tr> <td> <div>

超、凢脫俗/ 2021年12月17日 05:43/ 0 赞/ 202 阅读