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

相关文章
|
6月前
|
前端开发 JavaScript 搜索推荐
响应式企业网站模板推荐 | 适配PC/手机/平板| 1对1打造专属企业官网CMS源码
在移动互联网时代,响应式企业网站成为标配,可适配PC、平板、手机等多端设备,提升用户体验与SEO效果。本文详解响应式设计的技术原理(媒体查询、流式布局等)、主流模板推荐(WordPress、Bootstrap、Vue等)及CMS定制开发流程,助力企业高效构建专业官网。
|
人工智能 开发框架 自然语言处理
Eko:一句话就能快速构建复杂工作流的 AI 代理开发框架!快速实现自动操作电脑和浏览器完成任务
Eko 是 Fellou AI 推出的开源 AI 代理开发框架,支持自然语言驱动,帮助开发者快速构建从简单指令到复杂工作流的智能代理。
1704 12
Eko:一句话就能快速构建复杂工作流的 AI 代理开发框架!快速实现自动操作电脑和浏览器完成任务
|
存储 NoSQL 前端开发
美团面试:手机扫描PC二维码登录,底层原理和完整流程是什么?
45岁老架构师尼恩详细梳理了手机扫码登录的完整流程,帮助大家在面试中脱颖而出。该过程分为三个阶段:待扫描阶段、已扫描待确认阶段和已确认阶段。更多技术圣经系列PDF及详细内容,请关注【技术自由圈】获取。
|
Web App开发 前端开发 JavaScript
为什么浏览器兼容性在开发网站时很重要?
浏览器兼容性在网站开发中确实非常重要。
|
Web App开发 JavaScript 前端开发
浏览器内小脚本开发
【8月更文挑战第31天】
494 1
|
Web App开发 前端开发 JavaScript
手摸手教你,从0到1开发一个Chrome浏览器插件
开发 Chrome 插件既有趣又具成就感。本教程将引导你从零开始,逐步创建一个简单的 Chrome 插件。首先了解 Chrome 插件是可增强浏览器功能的小程序。以一个基础示例开始,你将学习如何设置开发环境,包括安装 Chrome 和准备文本编辑器,并掌握 HTML、CSS 和 JavaScript 的基础知识。接着,我们将构建插件的基本结构,涉及 `manifest.json` 配置文件、`background.js` 后台脚本、`popup.html` 用户界面以及 `style.css` 样式表。
1218 8
|
Web App开发 JSON 安全
【跨域难题终结者】:一键解锁Chrome浏览器神秘设置,彻底告别开发阶段的跨域烦恼!
【8月更文挑战第20天】跨域是前端开发常遇难题,尤其在前后端分离项目中。浏览器因安全考量会阻止不同源间的请求。本文对比CORS、JSONP、代理服务器等解法,并介绍开发阶段通过调整Chrome设置来临时禁用跨域限制的方法,提供启动Chrome及使用`fetch`API示例,适合快速测试。但请注意这不适用于生产环境,存在一定安全风险。
3752 1
|
网络协议 Android开发 数据安全/隐私保护
Android手机上使用Socks5全局代理-教程+软件
Android手机上使用Socks5全局代理-教程+软件
11326 2
|
监控 安全 Android开发
【新手必读】Airtest测试Android手机常见的设置问题
【新手必读】Airtest测试Android手机常见的设置问题
812 0

热门文章

最新文章