开发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,如需转载请自行联系原作者

相关文章
|
4天前
|
存储 监控 iOS开发
iOS应用崩溃了,如何通过崩溃手机连接电脑查找日志方法
在iOS应用开发过程中,调试日志和奔溃日志是开发者必不可少的工具。当iOS手机崩溃时,我们可以连接电脑并使用Xcode Console等工具来查看日志。然而,这种方式可能不够方便,并且处理奔溃日志也相当繁琐。克魔助手的出现为开发者带来了极大的便利,本文将详细介绍其功能和使用方法。 克魔助手会提供两种日志,一种是实时的,一种的是崩溃的。(由于崩溃日志的环境很麻烦,目前只展示实时日志操作步骤)
|
4天前
|
网络协议 数据安全/隐私保护 网络架构
如何在家中使用手机或电脑远程控制公司iStoreOS软路由下的电脑桌面
如何在家中使用手机或电脑远程控制公司iStoreOS软路由下的电脑桌面
28 4
|
4天前
|
运维 安全 Android开发
手机与电脑投屏互联方案
手机与电脑投屏互联方案
34 7
|
4天前
利用电脑投放手机声音且可不冲突同时播放电脑声音的方法
利用电脑投放手机声音且可不冲突同时播放电脑声音的方法
|
4天前
|
JavaScript
浏览器插件crx文件--JS混淆与解密
浏览器插件crx文件--JS混淆与解密
25 0
|
4天前
|
JavaScript 前端开发 UED
JS:如何获取浏览器窗口尺寸?
JS:如何获取浏览器窗口尺寸?
57 1
|
4天前
|
JavaScript 前端开发 算法
Node.js中的process.nextTick与浏览器环境中的nextTick有何不同?
Node.js中的process.nextTick与浏览器环境中的nextTick有何不同?
|
4天前
|
JavaScript 前端开发 小程序
js 实现浏览器下载视频2种方法
js 实现浏览器下载视频2种方法
499 0
|
4天前
|
Web App开发 JavaScript
Vue 项目中使用 debugger 在 chrome 谷歌浏览器中失效以及 console.log 指向去了 vue.js 代码
Vue 项目中使用 debugger 在 chrome 谷歌浏览器中失效以及 console.log 指向去了 vue.js 代码
350 0
|
3天前
|
Web App开发 JavaScript 前端开发
浏览器与Node.js事件循环:异同点及工作原理
浏览器与Node.js事件循环:异同点及工作原理

热门文章

最新文章