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

相关文章
|
8月前
|
前端开发 JavaScript 搜索推荐
响应式企业网站模板推荐 | 适配PC/手机/平板| 1对1打造专属企业官网CMS源码
在移动互联网时代,响应式企业网站成为标配,可适配PC、平板、手机等多端设备,提升用户体验与SEO效果。本文详解响应式设计的技术原理(媒体查询、流式布局等)、主流模板推荐(WordPress、Bootstrap、Vue等)及CMS定制开发流程,助力企业高效构建专业官网。
|
机器学习/深度学习 存储 人工智能
MNN-LLM App:在手机上离线运行大模型,阿里巴巴开源基于 MNN-LLM 框架开发的手机 AI 助手应用
MNN-LLM App 是阿里巴巴基于 MNN-LLM 框架开发的 Android 应用,支持多模态交互、多种主流模型选择、离线运行及性能优化。
14700 81
MNN-LLM App:在手机上离线运行大模型,阿里巴巴开源基于 MNN-LLM 框架开发的手机 AI 助手应用
|
存储 算法 API
【01】整体试验思路,如何在有UID的情况下获得用户手机号信息,python开发之理论研究试验,如何通过抖音视频下方的用户的UID获得抖音用户的手机号-本系列文章仅供学习研究-禁止用于任何商业用途-仅供学习交流-优雅草卓伊凡
【01】整体试验思路,如何在有UID的情况下获得用户手机号信息,python开发之理论研究试验,如何通过抖音视频下方的用户的UID获得抖音用户的手机号-本系列文章仅供学习研究-禁止用于任何商业用途-仅供学习交流-优雅草卓伊凡
3301 82
|
存储 人工智能 编译器
【03】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-测试hello word效果-虚拟华为手机真机环境调试-为DevEco Studio编译器安装中文插件-测试写一个滑动块效果-介绍诸如ohos.ui等依赖库-全过程实战项目分享-从零开发到上线-优雅草卓伊凡
【03】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-测试hello word效果-虚拟华为手机真机环境调试-为DevEco Studio编译器安装中文插件-测试写一个滑动块效果-介绍诸如ohos.ui等依赖库-全过程实战项目分享-从零开发到上线-优雅草卓伊凡
1030 11
【03】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-测试hello word效果-虚拟华为手机真机环境调试-为DevEco Studio编译器安装中文插件-测试写一个滑动块效果-介绍诸如ohos.ui等依赖库-全过程实战项目分享-从零开发到上线-优雅草卓伊凡
|
存储 API 数据安全/隐私保护
【02】整体试验思路,在这之前我们发现sec_uid,sec_uid是什么和uid的关系又是什么?相互如何转换?python开发之理论研究试验,如何通过抖音视频下方的用户的UID获得抖音用户的手机号-本系列文章仅供学习研究-禁止用于任何商业用途-仅供学习交流-优雅草卓伊凡
【02】整体试验思路,在这之前我们发现sec_uid,sec_uid是什么和uid的关系又是什么?相互如何转换?python开发之理论研究试验,如何通过抖音视频下方的用户的UID获得抖音用户的手机号-本系列文章仅供学习研究-禁止用于任何商业用途-仅供学习交流-优雅草卓伊凡
2668 6
|
存储 NoSQL 前端开发
美团面试:手机扫描PC二维码登录,底层原理和完整流程是什么?
45岁老架构师尼恩详细梳理了手机扫码登录的完整流程,帮助大家在面试中脱颖而出。该过程分为三个阶段:待扫描阶段、已扫描待确认阶段和已确认阶段。更多技术圣经系列PDF及详细内容,请关注【技术自由圈】获取。
|
缓存 前端开发 IDE
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
516 0
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
|
算法 开发者
Moment.js库是如何处理不同浏览器的时间戳格式差异的?
总的来说,Moment.js 通过一系列的技术手段和策略,有效地处理了不同浏览器的时间戳格式差异,为开发者提供了一个稳定、可靠且易于使用的时间处理工具。
853 156
|
JavaScript 前端开发 数据处理
模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致?
综上所述,模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处,也有不同之处。在实际应用中,需要根据具体的场景和性能需求来选择使用哪种字符串处理方式,以达到最佳的性能和开发效率。
420 63