北京赛车app软件下载蛙蛙推荐,Web前端之家

中央标准:

初藳发表时间为:2009-08-19 —— 来源于本身的百度文章 [由搬家工具导入]

摘要:近些日子大部分部手提式有线电电话机早就不只有援救WAP1.0(WML卡塔尔(قطر‎,而是援助WAP2.0(XHTML
MP)了,以至有个别手提式有线电话机不久将在帮助HTML5了。本文演示怎样用ASP.NET
开荒WAP2.0页面,查阅了生龙活虎部分资料,整理共享给大家,希望大家能今后能少走弯路。手机浏览器作为一位机人机联作分界面,何况手提式有线电话机又有时时刻刻能使用的优势,大家在这里方面是能够大有可为的。

一定要是XHTML格式页面,无法是WML页面,那是WAP 2.0与WAP 1.X的根本分化之风度翩翩。

.NET 模板:

 

必得界定页面大小,提出为5K~10K,即使WAP 2.0左券栈的传输功效要压倒WAP
1.X,但为了限定页面下载时间,进步业务可用性,保持优越的客户心得,必需对页面大小进行约束。

XHTML MP简介

WAP2.0有大器晚成套标准,XHTML
MP是当中用于浏览器显示的科班,底层能够利用HTTP传输,它也是XHTML的二个子集,详细参照他事他说加以考察如下链接:

XHTML Mobile Profile

一定要是彩色页面,使用图文混排成效图像和文字混排能相当的大的滋长客户分界面内操作的数量和惠及程度,对于抓好客户对于WAP
2.0事务的心得极为有效。

WAP应用程序布局

DOCTYPE设置

XHTML MP有谐和的DOCTYPE,如下

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.1//EN"
  "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile11.dtd">

能够把它在Master文件里设置,以便在富有内容页里自动使用,并不是各种页面重新的安装。

提出接受BANNA冠道功效,以福利客商重临到对应档案的次序。譬如:QQ彩票首页》竞赛彩
》竞技彩票足球

先是你具有一个Web应用,那么集成WAP服务就一定轻松。
你不要为原本的政工逻辑实行重复创设,並且要是你Web本人的接受就有分支的,那么扩张到WAP是很便利的。
对此大家近些日子的施用,我们能够省略的感到是WEB应用的Mobile迁移。更加多的是在UIUE上的调动。

布置浏览器文件

在ASP.NET
项目里右键增多App_Browsers文件夹,再在里头增添三个mobile.browser文件,如下

 

北京赛车app软件下载 1北京赛车app软件下载 2代码

<browsers>
    <browser id="NewBrowser" parentID="Default">
        <identification>
            <header name="Accept" match="application/xhtml+xml; profile|application/vnd.wap.xhtml+xml" />
        </identification>
        <capabilities>
            <capability name="preferredRenderingMime" value="application/vnd.wap.xhtml+xml" />
            <capability name="preferredRenderingType" value="xhtml-mp" />
        </capabilities>
        <controlAdapters markupTextWriterType="System.Web.UI.XhtmlTextWriter" />
    </browser>
</browsers>

 

那一个浏览器配置文件的意思,假如HTTP央求的Accept头里包含xhtml
mp的MIME类型,则在给客商端重临Response的时候利用application/vnd.wap.xhtml+xml的ContentType,且RenderType使用XHTML-MP类型,Render的时候强逼行使XhtmlTextWriter。

浏览器配置文件是ASP.NET
2.0新扩充的建制,取代原先在WebConfig里计划的BrowserCaps节点。

建议利用CSS样式表,来实现终端适配功效对于WAP
2.0职业,终端适配的渴求比WAP
1.X越来越高,而CSS样式表相当大方便了SP终端适配的行事。

WAP选择什么样正经八百

WebConfig配置

因为我们开垦的网页是面向手机的,手提式有线电话机的职能比较弱,有的竟然不支持Cookie等,何况只支持轻便的控件,所以我们把Cookie和ViewState等禁掉,如下

 

北京赛车app软件下载 3北京赛车app软件下载 4代码

<?xml version="1.0"?>
<configuration>
    <system.web>
        <compilation debug="false" />
        <authentication mode="None" />
        <xhtmlConformance mode="Strict" />
        <pages enableViewState="false" />
        <sessionState cookieless="true"/>
    </system.web>
</configuration>

 

对此新闻咨询类应用,提出在行使大批量文字时,使用背景象以增强客商心得,并分别于WAP1.X事务。对于新闻咨询类应用,在页面结构上只怕与WAP1.X政工比较像样,都以按条排列,有内外翻页功用。为了分歧与WAP
1.X作业,同一时间使得客户分界面越来越美观,建议在运用多量文字时,使用背景观以升高顾客体会。

1.XHTML Mobile 1.0(WAP2.0)
Google Mobile
wap.taobao.com
3g.sina.com.cn

启用页面压缩来减弱流量传输

多少手提式有线电话机浏览器扶持Gzip等页面压缩算法,我们理应检查实验出来这种情形,并让这种手提式有线电话机节省流量。能够在Global.asax里写少年老成段代码扶植,该措施来源于网络,援引如下,原始链接参照他事他说加以考察文末的参考链接

 

北京赛车app软件下载 5北京赛车app软件下载 6代码

void Application_PreRequestHandlerExecute(object sender, EventArgs e) {
    HttpApplication app = sender as HttpApplication;

    string acceptEncoding = app.Request.Headers["Accept-Encoding"];
    Stream prevUncompressedStream = app.Response.Filter;

    if (!(app.Context.CurrentHandler is Page ||
        app.Context.CurrentHandler.GetType().Name == "SyncSessionlessHandler") ||
        app.Request["HTTP_X_MICROSOFTAJAX"] != null)
        return;

    if (acceptEncoding == null || acceptEncoding.Length == 0)
        return;

    acceptEncoding = acceptEncoding.ToLower();

    if (acceptEncoding.Contains("deflate") || acceptEncoding == "*") {
        // defalte
        app.Response.Filter = new DeflateStream(prevUncompressedStream,
            CompressionMode.Compress);
        app.Response.AppendHeader("Content-Encoding", "deflate");
    }
    else if (acceptEncoding.Contains("gzip")) {
        // gzip
        app.Response.Filter = new GZipStream(prevUncompressedStream,
            CompressionMode.Compress);
        app.Response.AppendHeader("Content-Encoding", "gzip");
    }
}

在未有启用压缩和配备浏览器文件早前,手提式有线话机访谈页面抓包如下

 

 

北京赛车app软件下载 7北京赛车app软件下载 8代码

GET /mobileoaweb/?t=25345 HTTP/1.1
Host: 114.249.124.57
Accept: text/html, application/xhtml+xml, application/vnd.wap.xhtml+xml, application/vnd.wap.wmlc, application/vnd.wap.wmlscriptc, text/vnd.wap.wml, text/vnd.sun.j2me.app-descriptor, */*, text/x-vcard, text/x-vcalendar, image/gif, image/vnd.wap.wbmp
Accept-Charset: ISO-8859-1,UTF-8,US-ASCII,UTF-16BE,Windows-1252,UTF-16LE,GB2312,windows-1250
Accept-Language: zh-CN,zh;q=0.5
Accept-Encoding: gzip,deflate
Content-length: 0
Via: WTP/1.1 BJBJ-PS-WAP2-GW07.bj2.monternet.com (Nokia WAP Gateway 4.1 CD1/ECD13_D/4.1.04)
X-Forwarded-For: 10.140.248.32
X-Source-ID: BJGGSN06BMT-CSK
X-Nokia-CONNECTION_MODE: TCP
X-Up-Bear-Type: GPRS/EDGE
X-Nokia-gateway-id: NWG/4.1/Build4.1.04
Connection: close

HTTP/1.1 200 OK
Server: Microsoft-IIS/5.1
Date: Sat, 10 Jul 2010 12:26:43 GMT
X-Powered-By: ASP.NET
Connection: close
X-AspNet-Version: 2.0.50727
Cache-Control: private
Content-Type: text/html; charset=utf-8
Content-Length: 2180

能够看到那儿给顾客端重返的Content-Type是text/html,何况Content-Length十分短,是2180,而安插浏览器文件以致启用压缩之后,则如下

 

 

北京赛车app软件下载 9北京赛车app软件下载 10代码

GET /mobileoaweb/?t=25345&t=36045&t=26421 HTTP/1.1
Host: 114.249.124.57
Accept: text/html, application/xhtml+xml, application/vnd.wap.xhtml+xml, application/vnd.wap.wmlc, application/vnd.wap.wmlscriptc, text/vnd.wap.wml, text/vnd.sun.j2me.app-descriptor, */*, text/x-vcard, text/x-vcalendar, image/gif, image/vnd.wap.wbmp
Accept-Charset: ISO-8859-1,UTF-8,US-ASCII,UTF-16BE,windows-1252,UTF-16LE,GB2312,windows-1250
Accept-Language: zh-CN,zh;q=0.5
Accept-Encoding: gzip,deflate
Cookie: jid=M4GKS9T0hh!-849429530
Content-length: 0
Via: WTP/1.1 BJBJ-PS-WAP2-GW18.bj2.monternet.com (Nokia WAP Gateway 4.1 CD1/ECD13_D/4.1.04)
X-Forwarded-For: 10.140.83.123
X-Source-ID: BJGGSN06BMT-CSK
X-Nokia-CONNECTION_MODE: TCP
X-Up-Bear-Type: GPRS/EDGE
X-Nokia-gateway-id: NWG/4.1/Build4.1.04
Connection: close

HTTP/1.1 200 OK
Server: Microsoft-IIS/5.1
Date: Sat, 10 Jul 2010 14:33:48 GMT
X-Powered-By: ASP.NET
Connection: close
X-AspNet-Version: 2.0.50727
Content-Encoding: deflate
Cache-Control: private
Content-Type: application/vnd.wap.xhtml+xml; charset=utf-8
Content-Length: 1295

见状变化了吧。

 

对此下载业务,能够经过直接点击图片的艺术来下载图片,以抓牢页面布局效用。

2.WML1.1
3g.qq.com
wap.kong.net
3g.sina.com.cn

体制的伪造

WAP2.0里规定了WAP CSS规范,和平日的HTML
的CSS大概,协理扶植的属性少一些,但像font-weight,background-color,color这一个都以扶持的,而margin那些经小编测量检验在华为8310浏览器上是不帮衬的。大家开辟的页面是给手提式有线电话机用的,所以也就绝不用花里胡梢的体裁以致很复杂的结构了,样式上日常就用加粗和颜料来分别分裂主要程度就能够了,布局上经常就是单纵栏的布局,css文件最棒应用独立的文书,那样手提式有线电话机浏览器第二次访问后方可缓存起来,其余样式表定义的话死后尽量用伪类,不要用ID,那样能够少定义一些体制,减弱式网球络流量,而且伪类的名字尽或许短一些,以减掉HTML页面包车型地铁尺码。

对于录制下载类应用,提议对录制文件的尺寸实行限制,以确认保障下载成功率对于新的录像下载类应用,应当节制下载文件大小,以增加顾客体会。

相比较了部分网址WAP开拓。google的Mobile应用皆以基于XHTML
Mobile1.0,也真正做的很精美。其余大多WAP网址,都以永葆WML1.1 和 XHTML
Mobile 双正式的。

控件的接受

尽大概利用简便的控件,如链接,图片,输入框,按键等着力的控件,假设要显得数据列表,最佳本人用Repeter控件自身调整输出,可避防范生成不需要的代码。表格也尽量少用,特别是嵌套表格,尽管帮助,但会耳濡目染顾客端分析速度。不建议用<p>来贯彻段落,<p>暗许margin不为0,而且css样式不可能把它设为0,所以在设计页面包车型大巴时候就尽恐怕用<br
/>和<hr />吧。

对此必要翻页的使用,建议使用“最前页”“下风度翩翩页”“上生机勃勃页”“最终页”等选用,并且尽量排列在同黄金时代行上。同有时候翻页次数不要太多,若超越一定次数,提出分为分歧栏目。音信咨询、图铃下载等作业都大方的行使到了翻页功效,为了增长页面功效和客户心得,建议将翻页选项放在相仿行上,同期翻页次数不要过多,节制在5次以内相比适当。

接纳.NET的包装控件,依旧自定义WML标签

参照链接

Enabling Gzip and Deflate HTTP Compression in ASP.NET pages
XHTML MP MIME 类型与公事扩充
Visual Studio 和 ASP.NET 中的 XHTML 标准
ASP.NET 2.0 / XHTML-MP Examples
XHTML Mobile Profile


统筹标准:

.NET
中封装了生龙活虎套手机支付组件。很缺憾在VS二〇〇八找不到Mobile开荒模板(但协助Mobile开垦卡塔尔。.NET中的线上支付控件,会依靠相应
的设施显示分裂分析标准。比方发现是PIE采访,.NET自动回到的是XHTML
Mobile1.0的标签,而若是是别的的(依照现实设置)能够回去WML的竹签。那样的益处是全自动根据设备的支撑显得相应的价签。从开垦的频率和轻便度
来讲,那样是最便利的。但从WAP站点的适应要求上,可控性自然就猛降了。所以最后照旧选用了守旧的输出WML的情势举办管理。当然.NET也能够行使抑遏输出WML的运动格局。请参见那篇文章:
asp.net免强输出WML
http://www.aspxclub.com/ContentView/4194/index.aspx

  1. 设计站点前的备选职业

WAP的Session问题

分界面设计、筛选宗旨服务、WAP设备性子计算。

Session
难题首要性原因可能因为Cookie难题,假如豆蔻梢头台道具不协理Cookie那么实际上Session也是敬谢不敏采纳的。因为Server端最后还是亟需精晓,客商端到底央浼的是这几个SessionID。从当下的Web程序中,大家也能够看来,那么些SessionID,其实就存款和储蓄在Cookie
中,ASP.NET2.0默许存储的是ASP.NET_SessionId。这里要留心的是,借使顾客未有动用过Session,在接纳SessionID时,其值是生成的。每刷新三回页面它就变化叁遍。
.NET开荒中MS寻思到客商端不扶助库克ie的艺术,MS通过在UWranglerL传递三个23位的值,来保存那一个SessonID。
.NET中提供朝气蓬勃种越发友好的UPRADOL方式。“AutoDetect”,ASP.NET2.0中会自动判别客户端是还是不是扶持Cookie,借使不扶植,将在U翼虎L中记录SessionID。经过如此管理,SESSION难点就获得了很好的消弭。

同风华正茂易学的领航航空模型型型。简洁准确且高效的新闻。尽或然减弱输入(考虑接纳列表、复选框或单选开关等。-wap-input-format:*N;制止方式转变。首字母。

客户登陆认证难点

导航航空模型型型生机勃勃致、少用‘再次回到’链接、防止深度太深、重临首页或目录

手提式有线电电话机怎样让客商暗中同意登录。参谋了近期无数WAP网址都在应用的token形式。发生七个令牌,通过这些令牌进行登陆。当然客户能够筛选退出来清空这一个令牌程序。

  1. 考虑小尺码显示器的安插性

WAP计数总结

保障内容可以预知、

手提式有线电话机对Javascript协理缺乏,能选拔的点子大概通过img的点子。尽管“图片展现”大概被手机禁止使用
期待google支持Mobile。
脚下个人感到最佳的或然Yahoo统计
51.la因为有图表总计,所以也可以使用

些微17个字符、豆蔻梢头致的样式、减弱水平滚动、利用对齐属性扩张可读性、防止过多使用文本样式属性、使用短小准确的用语、幸免接受过多的水彩并保持风姿浪漫致、不用名字描述颜色。

WAP的编码难点

5.
保持超短的文书档案大小:内存有数,不辅助WML的多card,使用锚链接等不要含有长注释、去除缩进或空格、尽量少用id和class

1:程序支付的编码设置有关。包涵WebConfig的设置、PageCode等都要合併编码方式
2:手提式有线电话机顾客端的编码有关。只可以通过服务端对特定的编码,举办解码来得到。
实际能够参照他事他说加以考察作者的底下的链接
WAP编码难题生龙活虎?
WAP编码难点二

6.
顾客职分流通畅和图纸合理选择图片不是客户目标尽少使用、幸免接收大表格。

IP、手提式无线话机号推断难题

7.
页面上提供丰富音讯。首屏常用导航链接、找出域、登陆荧屏和大度新闻;上下滚动困难,表单人机联作要轻便。

手机号码被劳务商屏蔽,所以我们就绝不再Google、baidu
怎么样在WAP下获取手提式无线电电话机号码了。
因为WAP
Getaway的难点,你不能够鲜明IP是不是能够用了做一点决断,譬如城市。大家近日依靠测验的结果,IP应该能够用来作为城市剖断。

  1. 为客户操作提供消息反映,对用户操作、错误和主题材料情形提供不错的叙述。

WAP客户习贯
1:翻页难点(下一页、上大器晚成页的简约换个方式给客户带给便利)
2:Title难题(方便客户收藏,Mobile你无法让客商不断的点击和寻找)
3:USportageL保存情况(正因为库克ie的失灵,假设您愿意顾客在下一次还是能够进来同二个页面,请多关切U奥德赛L)

9.
尽恐怕减弱图片数量和减小图像容积大小每张图片都以三个号召,减弱页面显示的进度,且剧情可能重排序,占用时间和财富,全站计划相通图片。

  1. 概念图像的万丈和宽窄属性定义了预占位,修正客户体验。

  2. 小心运用表格。

12.
单元格宽度使用相对化宽度;嵌套层数扩张,页面复杂度和拍卖时间扩充;表格边框制止太粗。

  1. 思忖增多样式定义选项。

  2. 采纳Unicode字符编写XHTML MP内容

  3. 进展可用性测量检验

常用wap浏览器:

WinWAP、OpenWave、Opera…….

发表评论

电子邮件地址不会被公开。 必填项已用*标注