开发WAP站点之---使用PC电脑浏览器访问WAP手机站点

简介:

 

3G时代来了,公司最近要求我们也要做WAP版本的站点系统了,我们平时做的WEB系统大部分都是用的HTML,而手机使用的是WML语言,虽然WML有些很类似HTML,但是还是有很多细节不同的。

 

开发WAP站点系统的时候,在进行测试预览的时候非常不方便,因为纯WAP站点,IE、火狐、谷歌等浏览器是不支持的,所以大门户的WAP网站都会自动判断,如果使用PC浏览器访问,会自动跳到一个页面,只有使用手机浏览器访问,才会显示手机网页页面,主要是考虑到兼容性,像腾讯的就是如此,如果你用IE访问http://3g.qq.com/,会出现如下内容:

 

其实上图,不是真正手机访问的结果,而是被自动转向了。

 

很多朋友在开发WAP站点的时候,都是用手机模拟器程序去模拟一台手机,然后使用手机的浏览器去访问自己开发的WAP站点,显得非常的麻烦;

 

我最近发现,根本不用这么麻烦,FireFox就支持WAP的浏览,但是要安装两个插件才行,默认是不支持的,这两个插件的名字就是:Wmlbrowser  User Agent Switcher

有些朋友可能尝试过第一种插件,一定失败,为什么呢,因为第一种只能解析WML页面的内容,但是如果站点做了只允许手机浏览器访问的话,你就还是访问不了,而第而个就是可以让你PC上的火狐浏览器伪装为手机浏览器的,让服务器以为你是用手机浏览器访问的,这样就可以实现我们的测试要求了。

首先打开火狐浏览器,进入菜单“工具”---“附加组件”,在弹出的窗口中,点击“获取附加组件”,然后在搜索的输入框中输入“wmlbrowser”,然后点后面的图标搜索,搜索结果如下图:

 

 

点“添加至Firefox”,进行插件的安装。安装完后,再安装“User Agent Switcher”插件,步骤与安装“wmlbrowser”一样,如图:

 

安装好两个插件后,重新启动火狐浏览器(不是重启机器,看清楚),再点开“工具”菜单,会发现多了菜单项“User Agent Switcher”,将它设为“iPhone 3.0”就可以了,如图:

  

 

  

 

这时你再访问 http://3g.qq.com/,就会显示如下内容了:

 

这才是用手机访问 http://3g.qq.com/ 显示的真实内容

 

如果你是要访问WAP1.X或WAP 2.X,只要使用“Edit User Agents”功能添加一个就可以了,具体如图:

设置后,你就可以使用新加的"Wap"访问 http://wap.qq.com/ 了,访问结果如下:

 

 

怎么样,是不是很强大呢,希望对哪些开发WAP系统的人有用。




本文转自远哥博客园博客,原文链接:http://www.cnblogs.com/taven/archive/2009/11/24/1609873.html,如需转载请自行联系原作者

相关文章
|
23天前
|
JavaScript 前端开发 开发工具
TypeScript的介绍,let age:number = xxx,可以直接看出数据类型,Type由微软开发,可以在任何浏览器和系统中运行,比较适合大型项目,TypeScript的安装
TypeScript的介绍,let age:number = xxx,可以直接看出数据类型,Type由微软开发,可以在任何浏览器和系统中运行,比较适合大型项目,TypeScript的安装
|
16天前
|
编解码 JavaScript
【vue2】vue2 适配pc端,解决浏览器缩放问题,解决电脑显示设置缩放、分辨率问题
【vue2】vue2 适配pc端,解决浏览器缩放问题,解决电脑显示设置缩放、分辨率问题
17 1
|
28天前
|
Web App开发 移动开发 编解码
FFmpeg开发笔记(三十二)利用RTMP协议构建电脑与手机的直播Demo
本文讨论了实时数据传输在互联网中的重要性,如即时通讯和在线直播。一对一通信通常使用WebRTC技术,但一对多直播需要流媒体服务器和特定协议,如RTSP、RTMP、SRT或RIST。RTMP由于其稳定性和早期普及,成为国内直播的主流。文章通过实例演示了如何使用OBS Studio和RTMP Streamer进行RTMP推流,并对比了不同流媒体传输协议的优缺点。推荐了两本关于FFmpeg和Android开发的书籍以供深入学习。
31 0
FFmpeg开发笔记(三十二)利用RTMP协议构建电脑与手机的直播Demo
|
21天前
|
前端开发 JavaScript
vue3【实战】创建项目、创建并提交代码到远程仓库,安装 SASS, 清除浏览器默认样式 reset-css, 清除模板代码,提升开发效率的必要集成
vue3【实战】创建项目、创建并提交代码到远程仓库,安装 SASS, 清除浏览器默认样式 reset-css, 清除模板代码,提升开发效率的必要集成
26 0
|
22天前
|
Web App开发
软件开发常见流程之移动端调试方法,利用Chrome(谷歌浏览器)的模拟手机调试,搭建本地Web服务器,手机和服务器在一个局域网,通过手机访问服务器,使用服务器,利用ip实现域名访问
软件开发常见流程之移动端调试方法,利用Chrome(谷歌浏览器)的模拟手机调试,搭建本地Web服务器,手机和服务器在一个局域网,通过手机访问服务器,使用服务器,利用ip实现域名访问
|
22天前
|
Web App开发 编解码
软件开发常见流程之兼容性和手机屏页面设计,PC端和移动端常见浏览器,国内的UC都是根据Webkit修改过来的内核,开发重点关注尺寸,常见移动端尺寸汇总,移动端,理想视口根据你设别的样式进行修改
软件开发常见流程之兼容性和手机屏页面设计,PC端和移动端常见浏览器,国内的UC都是根据Webkit修改过来的内核,开发重点关注尺寸,常见移动端尺寸汇总,移动端,理想视口根据你设别的样式进行修改
|
23天前
|
前端开发 小程序
【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)
【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)
59 0
|
1月前
|
安全 前端开发 JavaScript
CORS是W3C标准,解决浏览器同源策略限制的跨域数据访问。
【6月更文挑战第27天】CORS是W3C标准,解决浏览器同源策略限制的跨域数据访问。它通过服务器在HTTP响应头添加`Access-Control-Allow-*`字段允许特定源请求。简单请求无需预检,非简单请求会发OPTIONS预检请求。服务器配置CORS策略,客户端正常请求,浏览器自动处理。若未正确配置,浏览器将阻止响应,保障安全。
21 0
|
2月前
|
JavaScript
浏览器插件crx文件--JS混淆与解密
浏览器插件crx文件--JS混淆与解密
81 0
|
2月前
|
Web App开发 JavaScript 前端开发
浏览器与Node.js事件循环:异同点及工作原理
浏览器与Node.js事件循环:异同点及工作原理