wap手机 建站

news/2024/11/30 18:41:21/

做一个WAP网站，其实也没有那么神秘，甚至比PC版的网站还要容易些，因为很少图片和样式，返璞归真。

 

一、用什么来开发？

据说以前的手机版要用什么WML，我没学过，一听头都大了，时间花费不起。幸亏现在手机都支持HTML，所以，就用HTML，也就是我们平时在电脑上做的网站，驾轻就熟，轻车熟路。

 

二、识别手机浏览器，自动转向WAP版。

在主站上加入识别功能，发现客户端是手机浏览器的话，自动转向WAP版。代码抄自互联网

[c-sharp]  view plain copy
  1. #region 手机检测  
  2. /**Wap网关特有和某些手机终端浏览器特有的头信息*/  
  3. private static string[] mobileHeaders = new string[]{  
  4. "HTTP_X_UP_CALLING_LINE_ID",//cmwap情况下中国移动的手机号码，目前基本没有这个head了  
  5. "x-up-calling-line-id",//uniwap情况下下中国联通手机号码，例如：x-up-calling-line-id=8615***618119，某些移动网关也用这个header放手机号码  
  6. "x-wap-profile",//手机终端才会有的uaprof文件url，例如：x-wap-profile="http://nds1.nds.nokia.com/uaprof/Nokia5800d-1r100-2G.xml "  
  7. "X_WAP_PROFILE",//X_WAP_PROFILE=http://nds1.nds.nokia.com/uaprof/N6670r100.xml  
  8. "X-Nokia-MusicShop-Bearer",//诺基亚手机送来的网络类型，例如X-Nokia-MusicShop-Bearer=GPRS/3G  
  9. "X-Nokia-MusicShop-Version",//诺基亚网关送的参数，例如：X-Nokia-MusicShop-Version=11.1014.15  
  10. "x-up-bear-type",//wap网关的参数，疑似上网类型,例如：x-up-bear-type=GPRS，或x-up-bear- type=GPRS/EDGE，X-Up-Bearer-Type=CSD,x-up-bear-type=CDMA CSD,x-up-bear-type=TD-SCDMA  
  11. "X-Nokia-BEARER",//诺基亚wap网关的参数，疑似上网类型,例如：X-Nokia-BEARER=WCDMA，或X-Nokia-BEARER=GPRS  
  12. "X-Nokia-Gateway-Id",//诺基亚wap网关的参数，例如：X-Nokia-Gateway-Id=NBG/3.0/1，或X-Nokia-gateway-id=NWG/4.1/Build4.1.04  
  13. "X-Nokia-MSISDN",//诺基亚wap网关的参数，疑似用户手机号码，例如X-Nokia-MSISDN=861860*******  
  14. "x-source-id",//cmwap网关参数，例如：x-source-id=220.206.156.33，也有：X-Source-ID=FZGGSN31  
  15. "X-Nokia-CONNECTION_MODE",//wap网关参数，例如：X-Nokia-CONNECTION_MODE=TCP  
  16. "X-Nokia-MaxDownlinkBitrate",//诺基亚wap网关参数，含义未知，例如：X-Nokia-MaxDownlinkBitrate=0  
  17. "X-Nokia-MaxUplinkBitrate",//诺基亚wap网关参数，含义未知，例如：X-Nokia-MaxUplinkBitrate=0  
  18. "Bearer-Indication",//不明参数，例如：Bearer-Indication=11,    Bearer-Indication=gsm_gprs_ipv4  
  19. "X_NETWORK_INFO",//X_NETWORK_INFO=GPRS,86136********,10.100.246.217,cmwap,unsecured  
  20. "x-NAS-Identifier",//含义不明，例如：x-NAS-Identifier=fj-telecom-cdma-pdsn  
  21. "x-online-host",//cmwap客户端向cmwap指定header，不知道怎么的移动把它送给服务器了,例如：x-online-host=b.wap.618119.com:80  
  22. "X_WAP_CLIENTID",//疑似加密处理后的用户身份信息，例如X_WAP_CLIENTID=618119**********  
  23. //以下是OperaMini特有的header ,see: http://dev.opera.com/articles/view/opera-mini-request-headers/  
  24. "X-OperaMini-Features",//OperaMini特有的客户端特性描述。例如：X-OperaMini- Features=advanced, download, file_system，X-OperaMini-Features=advanced, file_system, camera, touch, folding  
  25. "X-OperaMini-Phone-UA",//OperaMini特有的传原始UserAgent的header。例如：X-OperaMini- Phone-UA=BlackBerry8310/4.5.0.174 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/107，此时的User-Agent=Opera/9.80 (BlackBerry; Opera Mini/5.1.22555/20.2485; U; zh) Presto/2.5.25  
  26. "X-OperaMini-Phone",//OperaMini特有的自己提取的机型信息，品牌和型号直接用井号隔开，信息不靠谱，例如：X-OperaMini-Phone=BlackBerry # BlackBerry 8310  
  27. "X-OperaMini-UA",//OperaMini特有的ua描述信息，例如：X-OperaMini-UA=Opera Mini/5.1.22555/hifi/om511china/zh  
  28. };  
  29. /**Wap网关Via头信息中特有的描述信息*/  
  30. private static string[] mobileGateWayHeaders = new string[]{  
  31. "ZXWAP",//中兴提供的wap网关的via信息，例如：Via=ZXWAP GateWay,ZTE Technologies，  
  32. "chinamobile.com",//中国移动的诺基亚wap网关，例如：Via=WTP/1.1 GDSZ-PB-GW003-WAP07.gd.chinamobile.com (Nokia WAP Gateway 4.1 CD1/ECD13_D/4.1.04)  
  33. "monternet.com",//移动梦网的网关，例如：Via=WTP/1.1 BJBJ-PS-WAP1-GW08.bj1.monternet.com. (Nokia WAP Gateway 4.1 CD1/ECD13_E/4.1.05)  
  34. "infoX",//华为提供的wap网关，例如：Via=HTTP/1.1 GDGZ-PS-GW011-WAP2 (infoX-WISG, Huawei Technologies)，或Via=infoX WAP Gateway V300R001, Huawei Technologies  
  35. "XMS 724Solutions HTG",//国外电信运营商的wap网关，不知道是哪一家  
  36. "wap.lizongbo.com",//自己测试时模拟的头信息  
  37. "Bytemobile",//貌似是一个给移动互联网提供解决方案提高网络运行效率的，例如：Via=1.1 Bytemobile OSN WebProxy/5.1  
  38. };  
  39. /**电脑上的IE或Firefox浏览器等的User-Agent关键词*/  
  40. private static string[] pcHeaders = new string[]{  
  41. "Windows 98",  
  42. "Windows ME",  
  43. "Windows 2000",  
  44. "Windows XP",  
  45. "Windows NT",  
  46. "Ubuntu",  
  47. };  
  48. /**手机浏览器的User-Agent里的关键词*/  
  49. private static string[] mobileUserAgents = new string[]{  
  50. "Nokia",//诺基亚，有山寨机也写这个的，总还算是手机，Mozilla/5.0 (Nokia5800 XpressMusic)UC AppleWebkit(like Gecko) Safari/530  
  51. "SAMSUNG",//三星手机 SAMSUNG-GT-B7722/1.0+SHP/VPP/R5+Dolfin/1.5+Nextreaming+SMM-MMS/1.2.0+profile/MIDP-2.1+configuration/CLDC-1.1  
  52. "MIDP-2",//j2me2.0，Mozilla/5.0 (SymbianOS/9.3; U; Series60/3.2 NokiaE75-1 /110.48.125 Profile/MIDP-2.1 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML, like Gecko) Safari/413  
  53. "CLDC1.1",//M600/MIDP2.0/CLDC1.1/Screen-240X320  
  54. "SymbianOS",//塞班系统的，  
  55. "MAUI",//MTK山寨机默认ua  
  56. "UNTRUSTED/1.0",//疑似山寨机的ua，基本可以确定还是手机  
  57. "Windows CE",//Windows CE，Mozilla/4.0 (compatible; MSIE 6.0; Windows CE; IEMobile 7.11)  
  58. "iPhone",//iPhone是否也转wap？不管它，先区分出来再说。Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_1 like Mac OS X; zh-cn) AppleWebKit/532.9 (KHTML, like Gecko) Mobile/8B117  
  59. "iPad",//iPad的ua，Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; zh-cn) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B367 Safari/531.21.10  
  60. "Android",//Android是否也转wap？Mozilla/5.0 (Linux; U; Android 2.1-update1; zh-cn; XT800 Build/TITA_M2_16.22.7) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17  
  61. "BlackBerry",//BlackBerry8310/2.7.0.106-4.5.0.182  
  62. "UCWEB",//ucweb是否只给wap页面？ Nokia5800 XpressMusic/UCWEB7.5.0.66/50/999  
  63. "ucweb",//小写的ucweb,貌似是uc的代理服务器,Mozilla/6.0 (compatible; MSIE 6.0;) Opera ucweb-squid  
  64. "BREW",//很奇怪的ua，例如：REW-Applet/0x20068888 (BREW/3.1.5.20; DeviceId: 40105; Lang: zhcn) ucweb-squid  
  65. "J2ME",//,很奇怪的ua，只有J2ME四个字母  
  66. "YULONG",//宇龙手机，YULONG-CoolpadN68/10.14 IPANEL/2.0 CTC/1.0  
  67. "YuLong",//还是宇龙  
  68. "COOLPAD",//宇龙酷派,YL-COOLPADS100/08.10.S100 POLARIS/2.9 CTC/1.0  
  69. "TIANYU",//天语手机,TIANYU-KTOUCH/V209/MIDP2.0/CLDC1.1/Screen-240X320  
  70. "TY-",//天语，TY-F6229/701116_6215_V0230 JUPITOR/2.2 CTC/1.0  
  71. "K-Touch",//还是天语,K-Touch_N2200_CMCC/TBG110022_1223_V0801 MTK/6223 Release/30.07.2008 Browser/WAP2.0  
  72. "Haier",//海尔手机，Haier-HG-M217_CMCC/3.0 Release/12.1.2007 Browser/WAP2.0  
  73. "DOPOD",//多普达手机,  
  74. "Lenovo",//联想手机，Lenovo-P650WG/S100 LMP/LML Release/2010.02.22 Profile/MIDP2.0 Configuration/CLDC1.1  
  75. "LENOVO",//联想手机，比如：LENOVO-P780/176A  
  76. "HUAQIN",//华勤手机  
  77. "AIGO-",//爱国者居然也出过手机，AIGO-800C/2.04 TMSS-BROWSER/1.0.0 CTC/1.0  
  78. "CTC/1.0",//含义不明  
  79. "CTC/2.0",//含义不明  
  80. "CMCC",//移动定制手机，K-Touch_N2200_CMCC/TBG110022_1223_V0801 MTK/6223 Release/30.07.2008 Browser/WAP2.0  
  81. "DAXIAN",//大显手机,DAXIAN X180 UP.Browser/6.2.3.2(GUI) MMP/2.0  
  82. "MOT-",//摩托罗拉，MOT-MOTOROKRE6/1.0 LinuxOS/2.4.20 Release/8.4.2006 Browser/Opera8.00 Profile/MIDP2.0 Configuration/CLDC1.1 Software/R533_G_11.10.54R  
  83. "SonyEricsson",//索爱手机，SonyEricssonP990i/R100 Mozilla/4.0 (compatible; MSIE 6.0; Symbian OS; 405) Opera 8.65 [zh-CN]  
  84. "GIONEE",//金立手机  
  85. "HTC",//HTC手机  
  86. "ZTE",//中兴手机，ZTE-A211/P109A2V1.0.0/WAP2.0 Profile  
  87. "HUAWEI",//华为手机，  
  88. "webOS",//palm手机，Mozilla/5.0 (webOS/1.4.5; U; zh-CN) AppleWebKit/532.2 (KHTML, like Gecko) Version/1.0 Safari/532.2 Pre/1.0  
  89. "GoBrowser",//3g GoBrowser.User-Agent=Nokia5230/GoBrowser/2.0.290 Safari  
  90. "IEMobile",//Windows CE手机自带浏览器，  
  91. "WAP2.0",//支持wap 2.0的  
  92. };  
  93. /** 
  94. * 根据当前请求的特征，判断该请求是否来自手机终端，主要检测特殊的头信息，以及user-Agent这个header 
  95. * @param request http请求 
  96. * @return 如果命中手机特征规则，则返回对应的特征字符串 
  97. */  
  98. public static bool IsFromMobile(HttpRequest request)  
  99. {// 识别当前请求，针对来自手机的请求则跳转到wap页面。  
  100.     return GetFromMobileRule(request) != null;  
  101. }  
  102. public static string GetFromMobileRule(HttpRequest request)  
  103. {  
  104.     string userAgent = request.UserAgent;  
  105.     if (userAgent != null)  
  106.     {  
  107.         foreach (string mheader in pcHeaders)  
  108.         {  
  109.             if (userAgent.IndexOf(mheader) != -1)  
  110.             {  
  111.                 return null;  
  112.             }  
  113.         }  
  114.     }  
  115.     foreach (string mheader in mobileHeaders)  
  116.     {// 只要存在网关特有的header，肯定是手机  
  117.         if (request.Headers.Get(mheader) != null && request.Headers.Get(mheader).Length > 0)  
  118.         {  
  119.             return mheader;  
  120.         }  
  121.     }  
  122.     string via = request.Headers.Get("Via");  
  123.     if (via != null)  
  124.     {  
  125.         foreach (string mheader in mobileGateWayHeaders)  
  126.         {// 是不是wap网关的描述  
  127.             if (via.IndexOf(mheader) != -1)  
  128.             {  
  129.                 return mheader;  
  130.             }  
  131.         }  
  132.     }  
  133.     if (userAgent != null)  
  134.     {  
  135.         foreach (string mheader in mobileUserAgents)  
  136.         {  
  137.             if (userAgent.IndexOf(mheader) != -1)  
  138.             {  
  139.                 return mheader;  
  140.             }  
  141.         }  
  142.     }  
  143.     return null;  
  144. }  
  145. #endregion  

 

基本都是检测Request.UserAgent

注意：国内很流行的UC浏览器，没有什么明显的特征，以上方法无法检测

 

三、手机浏览器功能很弱

javascript?不支持，不要用。CSS，可以；链接，可以。字体？不要设置什么font-size=12px，在某些浏览器上，几乎无法辨认。所以索性不设置字体大小，由浏览器自动调整。

 

四、页面缓存问题很严重。

发现手机浏览器，缓存情况非常严重，一个页面浏览一次，以后打开，都是同样内容。一定要做一些声明。我从新浪手机版微博上抄了一些

，做成母版页，所有页面都继承之。

[xhtml]  view plain copy
  1. <%@ Master Language="C#" AutoEventWireup="true" CodeFile="base.master.cs" Inherits="master_base" %>  
  2. <?xml version="1.0" encoding="UTF-8"?>  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  4. <html xmlns="http://www.w3.org/1999/xhtml">  
  5. <head id="Head1" runat="server">  
  6.     <meta http-equiv="Cache-Control" content="no-cache"/>  
  7.     <meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=2.0"/>  
  8.     <meta name="MobileOptimized" content="240"/>  

 

五、服务器端有些功能无法使用，否则会报错

如检测请求来源，Request.UrlReferrer，这些页面在手机上运行会报错。

 

六、UC浏览器

个人感觉这是个很烂的浏览器，但在国内据说却很火。这可能是真的，我的手机，有自带的浏览器，也有这个UCWEB。

严格意义上来说，UCWEB不是一个浏览器，据说你用它来上网的时候，其实是先访问它，由它来装载、解释、处理你要访问的页面，再返回给你。

所以有时候在别的手机浏览器上好好的，在UCWEB这里，就出问题。

比如，它不支持一些样式，象字体加粗，下划线，等等

不支持服务器端的重定向Response.Redirect()。准确的是，是部分支持。比如说，在a页面Response.Redirect("b.aspx")，它确实转向了b，但浏览器的地址，还是停留在a页面上，没有转换为b地址。假如a和b都在同一个目录下，看不出有问题，但假如不是，象a转向了../b，然后b转向c，就报错了，因为a目录下没有c页面。

用UC来访问一些操作COOKIE 、SESSION的页面也经常出问题。将手机的缓存、历史记录清掉以后，又正常。

UC唯一的优点是回退功能很快。


http://www.ppmy.cn/news/579169.html

相关文章

php最底部悬浮层，适用于手机Wap页面和所有网页页面

php最底部悬浮层，适用于手机Wap页面和所有网页页面

如上图所示&#xff0c;样式可根据自己的需要进行修改&#xff0c;源码下载地址&#xff1a;http://download.csdn.net/detail/ougexingfuba/9923775
阅读更多...
Wap模拟器，用电脑浏览器浏览手机wap网站

Wap模拟器，用电脑浏览器浏览手机wap网站

s 先介绍一下什么是WAP浏览器。WAP浏览器&#xff0c;WAP Browser&#xff0c;又叫WAP微型浏览器&#xff0c;是用在手机或pda等设备上浏览WAP站点的工具。它与PC上的web浏览器比如ie、firefox相似。但由于手机wap站点用的是WML之类的语言&#xff0c;所以web浏览器并不能直接浏…
阅读更多...
移动端mui框架写的手机wap模板

移动端mui框架写的手机wap模板

mui框架手机报考驾校预约&#xff1a; http://www.sucaihuo.com/templates/2139.html mui框架汽车美容维修4S店&#xff1a; http://www.sucaihuo.com/templates/2081.html 有赞微信端登录注册手机wap模板&#xff1a; http://www.sucaihuo.com/templates/1582.html 养老惠手…
阅读更多...
手机wap页面开发的一点经验。

手机wap页面开发的一点经验。

手机浏览器目前比较流行的大概有自带、UC、QQ、百度&#xff0c;每个手机浏览器的厂商会根据不同的手机品牌的不同型号为客户匹配不同的手机浏览器。这次我和另外一个同事负责公司的wap页面改版工作&#xff0c;顺便说一下&#xff0c;我们是中国移动的漫画运营商。吃了不少苦&…
阅读更多...
《 免费手机WAP网站大全》

《 免费手机WAP网站大全》

你上WAP吗?进来看看《 免费手机WAP网站大全》 免费手机WAP网站大全(排名不分先后)推荐指数&#xff1a;★★★★九州无限:手机地址&#xff1a;http://wap.jzwap.com(九州无限)网站特色&#xff1a;九州无限 栏目分类清晰&#xff0c;站内所有服务全部免费.其中“娱乐无极限”…
阅读更多...
selenium+python自动化84-chrome手机wap模式（登录淘宝页面）

selenium+python自动化84-chrome手机wap模式（登录淘宝页面）

seleniumpython自动化84-chrome手机wap模式&#xff08;登录淘宝页面&#xff09; 前言遇到的问题Chrome手机模式TouchAction参考代码附&#xff1a; 转载自&#xff1a; https://www.cnblogs.com/yoyoketang/p/7942275.html 前言 chrome手机wap模式登录淘宝页面&#xff0c;…
阅读更多...
帝国cms制作手机wap站完美教程

帝国cms制作手机wap站完美教程

其实帝国CMS系统本身是有WAP功能的&#xff0c;但自带的WAP功能比较单一&#xff0c;许多不足&#xff0c;且无法使用标签调用。基本上就是个无用的功能。 但其实还是有办法可以制作WAP手机站&#xff0c;数据同步电脑站。 教程开始&#xff1a; 1、操作前&#xff0c;我们需要…
阅读更多...
在线手机WAP模拟器或软件，用电脑IE浏览器在线浏览手机wap网站

在线手机WAP模拟器或软件，用电脑IE浏览器在线浏览手机wap网站

先介绍一下什么是WAP浏览器。WAP浏览器&#xff0c;WAP Browser&#xff0c;又叫WAP微型浏览器&#xff0c;是用在手机或pda等设备上浏览WAP站点的工具。它与PC上的web浏览器比如ie、firefox相似。但由 于手机wap站点用的是WML之类的语言&#xff0c;所以web浏览器并不能直接浏…
阅读更多...
最新文章

Copyright @ 2022~2023