把Opera打造成手机样式的wap浏览器的实现方法

经常使用PC访问wap网站或者做wap网站开发测试的朋友知道,opera几乎是PC上最方便易的wap浏览工具。
但是opera默认访问wap的效果是比较差的,如下图所示。
Opera访问wap版网易的效果
并且在opera上很难了解到wap页面在真实手机上的呈现效果,比如换行字数、图片宽度、浏览效果、屏幕高度等…

在了解到控制wap访问效果的只是一个css文件后,我决定操刀对其进行修改。
经过努力,我实现了以Nokia E51为背景的模拟手机浏览器的效果(页面区域遇长页面会自动出现滚动条)

实现步骤:
1. 下载css文件Opera wml css style 可右键另存为
2. 关闭正在运行的opera
3. 打开opera的安装目录(通常为C:\Program Files\Opera\Styles)
4. 使用附件里的wml.css文件覆盖掉原有的同名文件
5. 启动opera浏览器,打开http://wap.163.com来查看效果,是不是OK啦:)

效果如下图所示:
把opera打造成手机样式的wap浏览器的实现方法

相关日志

分享这个帖子:
Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

2个评论 to “把Opera打造成手机样式的wap浏览器的实现方法”

  • 越夜 说:

    我滴个神呀,你终于也回来了,等你一篇日志真太不容易了
    css收下,谢谢先…

  • 越夜 说:

    …,又不见人了…

  • 留下评论:

    昵称(必须):
    邮箱地址 (不会被公开) (必须):
    站点
    评论 (必须)
    XHTML: 您可以使用这些标记: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

    Switch to our mobile site