1.新建一个asp.net网站,和新建普通页面一样,右键添加新项,新建一个Mobile Web Form页面,如下图:

2.在页面的Form表单中写上:你好,欢迎学习移动Web开发

3.配置一下Web.config强制输出wml,添加内容在下

代码

<browserCaps>
            <result type="System.Web.Mobile.MobileCapabilities, System.Web.Mobile, Version=1.0.5000.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a"/>
            <use var="HTTP_USER_AGENT"/>
                     preferredRenderingType = "wml11"
                     preferredRenderingMime = "text/vnd.wap.wml"
                     preferredImageMime = "image/vnd.wap.wbmp"
browserCaps>

4.在IE中运行页面

右键查看源文件,发觉输出了wml

代码

xml version='1.0'?>
DOCTYPE wml PUBLIC '-//WAPFORUM//DTD WML 1.1//EN' 'http://www.wapforum.org/DTD/wml_1.1.xml'><wml><head>
<meta http-equiv="Cache-Control" content="max-age=0" />
head>
<card>
<p>你好,欢迎学习移动Web开发p>
card>
wml>

5.在IIS中新建一个虚拟目录,指向你自己新建的网站,然后在设备仿真器中输入url,记得要把localhost改为你本机的IP地址,我的url是:http://172.16.0.145/MobileTest/MobileTest/MobileTest1.aspx,大家要根据自己的实际情况而定,如何打开仿真器可以参考我前面写的<>.

在Openwave V7中的运行结果如下:

附其它相关的移动设置属性:

代码

定义其它相关的移动设置属性:
<browserCaps>
            <result type="System.Web.Mobile.MobileCapabilities, System.Web.Mobile, Version=1.0.5000.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a"/>
            <use var="HTTP_USER_AGENT"/>
             browser=Unknown
             version=0.0
             majorversion=0
             minorversion=0
             frames=false
             tables=false
             cookies=false
             backgroundsounds=false
             vbscript=false
             javascript=false
             javaapplets=false
             activexcontrols=false
             win16=false
             win32=false
             beta=false
             ak=false
             sk=false
             aol=false
             crawler=false
             cdf=false
             gold=false
             authenticodeupdate=false
             tagwriter=System.Web.UI.Html32TextWriter
             ecmascriptversion=0.0
             msdomversion=0.0
             w3cdomversion=0.0
             platform=Unknown
             css1=false
             css2=false
             xml=false

             mobileDeviceManufacturer = "Unknown"
             mobileDeviceModel = "Unknown"

             gatewayVersion = "None"
             gatewayMajorVersion = "0"
             gatewayMinorVersion = "0"

            preferredRenderingType = "wml11"
            preferredRenderingMime = "text/vnd.wap.wml"
            preferredImageMime = "image/vnd.wap.wbmp"

             defaultScreenCharactersWidth = "12"
             defaultScreenCharactersHeight = "6"
             defaultScreenPixelsWidth = "96"
             defaultScreenPixelsHeight = "72"
             defaultCharacterWidth = "8"
             defaultCharacterHeight = "12"
             screenBitDepth = "1"
             isColor = "false"
             inputType = "telephoneKeypad"

             numberOfSoftkeys = "0"
             maximumSoftkeyLabelLength = "5"

             canInitiateVoiceCall = "false"

             canSendMail = "true"
             hasBackButton = "true"
             rendersWmlDoAcceptsInline = "true"
             rendersWmlSelectsAsMenuCards = "true"
             rendersBreaksAfterWmlAnchor = "false"
             rendersBreaksAfterWmlInput = "false"
             rendersBreakBeforeWmlSelectAndInput = "true"
             requiresAttributeColonSubstitution = "true"
             requiresPhoneNumbersAsPlainText = "false"
             requiresUrlEncodedPostfieldValues = "false"
             requiredMetaTagNameValue = ""
             rendersBreaksAfterHtmlLists = "true"
             requiresUniqueHtmlCheckboxNames = "true"
             requiresUniqueHtmlInputNames = "true"
             requiresUniqueFilePathSuffix = "true"
             supportsCss = "false"
             hidesRightAlignedMultiselectScrollbars = "false"
             canRenderAfterInputOrSelectElement = "true"
             canRenderInputAndSelectElementsTogether = "true"
             canRenderOneventAndPrevElementsTogether = "true"
             canCombineFormsInDeck = "true"
             canRenderMixedSelects = "true"
             canRenderPostBackCards = "true"
             canRenderSetvarZeroWithMultiSelectionList = "true"
             supportsImageSubmit = "true"
             supportsSelectMultiple = "true"
             requiresHtmlAdaptiveErrorReporting = "false"
             requiresContentTypeMetaTag = "false"
             requiresDBCSCharacter = "false"
             requiresOutputOptimization = "false"
             supportsAccesskeyAttribute = "false"
             supportsInputIStyle = "false"
             supportsInputMode = "false"
             supportsIModeSymbols = "false"
             supportsJPhoneSymbols = "false"
             supportsJPhoneMultiMediaAttributes = "false"
             maximumRenderedPageSize = "2000"
             requiresSpecialViewStateEncoding = "false"
             requiresNoBreakInFormatting = "false"
             requiresLeadingPageBreak = "false"
             supportsQueryStringInFormAction = "true"
             supportsCacheControlMetaTag = "true"
             supportsUncheck = "true"
             canRenderEmptySelects = "true"
             supportsRedirectWithCookie = "true"
             supportsEmptyStringInCookieValue = "true"
             cachesAllResponsesWithExpires = "false"
             requiresNoSoftkeyLabels = "false"
             defaultSubmitButtonLimit = "1"

             supportsBold = "false"
             supportsItalic = "false"
             supportsFontSize = "false"
             supportsFontName = "false"
             supportsFontColor = "true"
             supportsBodyColor = "true"
             supportsDivAlign = "true"
             supportsDivNoWrap = "false"
             supportsCharacterEntityEncoding = "true"

             isMobileDevice="false"
browserCaps>
解决IE和模拟器同时高度的问题（同样是加入system.web节点中）
<browserCaps>
<result type="System.Web.Mobile.MobileCapabilities, System.Web.Mobile, Version=1.0.5000.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a"/>
<use var="HTTP_USER_AGENT"/>
<filter>
<case match="Unknown" with="%{browser}">
preferredRenderingType = "wml11"
preferredRenderingMime = "text/vnd.wap.wml"
preferredImageMime = "image/vnd.wap.wbmp"
type=Unknown
case>
filter>
browserCaps>

ITPub博客

asp.net移动Web开发之学习篇(一)

最新文章