手机wap页面开发的一点经验。

news/2024/11/30 20:41:23/

手机浏览器目前比较流行的大概有自带、UC、QQ、百度,每个手机浏览器的厂商会根据不同的手机品牌的不同型号为客户匹配不同的手机浏览器。这次我和另外一个同事负责公司的wap页面改版工作,顺便说一下,我们是中国移动的漫画运营商。吃了不少苦,留下一点经验,希望对大家有点用处。

 

1 刚开始我们是根据不同手机浏览器的UA值来给不同的手机浏览器适配不同的CSS属性,最后还适配了不同的CSS文件;但是这样的问题是,不同手机浏览器的UA值并没有一定的规律,尤其是Android的手机自带浏览器,更是没规律;手头又没有大量的UA资源,再加上一些其他的原因,最后不得不放弃。

 

2 第二种方案,重写我们的div和CSS。这里有几点经验要记下:

    1 背景图与背景色配合使用,即取与背景图相近的颜色当背景色。这样是因为如果手机浏览器加载不了背景图、背景色也会显得比较好看。

    2 背景图的CSS属性 URL(...),URL中的值不要用“”括起来,这样会导致三星GT-i9008上的QQ浏览器加载不了背景图;

    3 页面要尽量少用<br/>来换行,可以用div来代替;

    4 连接的颜色不要取#000000,这个值有的UC浏览器不认,取一个近似的就好;

 

我的QQ:864157225,热盼高手的指导。


http://www.ppmy.cn/news/579165.html

相关文章

《 免费手机WAP网站大全》

你上WAP吗?进来看看《 免费手机WAP网站大全》 免费手机WAP网站大全(排名不分先后)推荐指数&#xff1a;★★★★九州无限:手机地址&#xff1a;http://wap.jzwap.com(九州无限)网站特色&#xff1a;九州无限 栏目分类清晰&#xff0c;站内所有服务全部免费.其中“娱乐无极限”…

selenium+python自动化84-chrome手机wap模式(登录淘宝页面)

seleniumpython自动化84-chrome手机wap模式&#xff08;登录淘宝页面&#xff09; 前言遇到的问题Chrome手机模式TouchAction参考代码附&#xff1a; 转载自&#xff1a; https://www.cnblogs.com/yoyoketang/p/7942275.html 前言 chrome手机wap模式登录淘宝页面&#xff0c;…

帝国cms制作手机wap站完美教程

其实帝国CMS系统本身是有WAP功能的&#xff0c;但自带的WAP功能比较单一&#xff0c;许多不足&#xff0c;且无法使用标签调用。基本上就是个无用的功能。 但其实还是有办法可以制作WAP手机站&#xff0c;数据同步电脑站。 教程开始&#xff1a; 1、操作前&#xff0c;我们需要…

在线手机WAP模拟器或软件,用电脑IE浏览器在线浏览手机wap网站

先介绍一下什么是WAP浏览器。WAP浏览器&#xff0c;WAP Browser&#xff0c;又叫WAP微型浏览器&#xff0c;是用在手机或pda等设备上浏览WAP站点的工具。它与PC上的web浏览器比如ie、firefox相似。但由 于手机wap站点用的是WML之类的语言&#xff0c;所以web浏览器并不能直接浏…

dedecms 织梦配置 手机 wap 站点,并绑定二级域名

主站 手机站 wap.abc.com 1.安装手机wap浏览 模块 2.根目录创建 wap文件夹 &#xff0c;将 templets\wap 文件移入 根目录下的 wap, 如图&#xff1a; 3.将根目录下的 wap.php 移入 wap文件夹&#xff0c;如图&#xff1a; 4.修改wap.php a. 第一行require_once (dirname(__…

手机wap前端开发经验

对于我们前端来讲&#xff0c;wap2.0开发无疑是对我们的一个考验&#xff0c;这个考验主要是考验我们对于重构方面的功底。下面主要分 UI、HTML、CSS、Javascript三方面给大家分享在wap2.0开发中的一些个人经验。 兼容性方面 在介绍之前首先我得吐槽下wap2.0网页开发在兼容性…

手机wap端开发微信绑定第三方登陆功能

1.申请一个“微信公众平台服务号”&#xff1b; 2.开发者模式 - 配置服务器(微信公众平台里面的配置) 我们需要配置三个值&#xff1a;服务器地址&#xff08;接收消息的地址&#xff09;、自定义token、消息加密方式&#xff08;可选择明文或者密文&#xff09;&#xff0c;暂…

PHP实现支付宝手机WAP支付接入说明

因为项目原因&#xff0c;最近刚在项目中接入了支付宝的支付&#xff0c;故将支付过程记录下来以备查看。 项目背景&#xff1a;该项目为手机WAP项目&#xff0c;所以接入的是支付宝的手机网站支付类型。 首先&#xff0c;在支付宝官方下载SDK和DEMO&#xff1a; https://do…