手机网站重构经验分享(S60V3篇)

前言

  做WEB重构的同学都应该知道,我们一般需要在一个操作系统 (Windows XP)和4种以上的浏览器(IE678,Firefox,Chrome,Opera等)上测试页面的兼容性。

  相对而言,手机上的页面兼容性测试,相当痛苦!手机光操作系统都有S60V3,S60V5,MTK,Android,
Windows Mobile等等,每个操作系统上除了自带的浏览器,还有至少3种以上可供用户下载安装的浏览器,要想做到较好的兼容性必须在各种平台的手机上安装不同的浏览器逐一测试,并总结出差异与共性。

 

  通过手机腾讯网与QQ空间WAP2.0版页面制作之后受益匪浅,这次来先来分享S60V3平台制作经验

关于S60V3和浏览器

即SymbianOS操作系统Series 60操作系统的第三版,是S60系列目前使用最广泛的智能手机操作系统。

S60V3机型有: 诺基亚:N73、N82、N85、N95、E61、E71、6120c等,且新机种不断推出中……

S60V3平台除了自带的浏览器,最常用的浏览器有: UC浏览器, GO 浏览器, Opera Mobile/Mini

在详细对比各浏览器对CSS支持的差异之前,首先来看一下手机腾讯网在各浏览器下的差异:

盒模型

  • 尽量不要为页面的元素指定高度
  • UCWeb和GO浏览器不支持宽度,自动100%显示页面
  • UCWeb不支持左右边框,支持上下边框

  • 页面使用100%宽度,兼容性最佳!
  • UCweb和GO浏览器不支持宽度,100%显示页面

  • S60平台最为普遍的宽度为240px和320px,所以如果你要为页面指定一个宽度,只有一个选择:240px
  • UCweb和GO浏览器不支持宽度,100%显示页面

颜色,背景和字体

  • 必须要显示的图案,不要用背景图,直接使用<img>标签
  • 避免同时出现多种文字大小,部分浏览器的字体大小是由用户设置的
  • 不要过分纠结于粗体和斜体,这取决于手机自带字体的特性

  • 为每一个有背景图的元素添加背景色
  • 背景色和文字颜色组合使用,也能产生很好的视觉效果
  • UCWeb和GO浏览器不支持宽度,自动100%宽度显示页面

  • 如果你的页面使用的是100%的宽度.背景图最好使用可以平铺或重复的图片

文本处理

  • 设计时尽量避免左对齐之外的对齐方式
  • 部分浏览器链接的下划线是否出现不可控,取决于用户的设置
  • 字间距和文本缩进,尽量避免使用

  • 合理的使用行高让页面的可读性更好,不支持指定行高的浏览器也有默认的行高

  • UCWeb支持文本居中,但不支持右对齐

选择符与伪类

  • 大部分浏览器不支持定义已访问连接(a:visited)的颜色,设计时请注意链接的背景色不要与该浏览器默认已访问的连接色接近
  • 连接的颜色可以指定,连接是否带下划线取决于浏览器的设置

  • 合理的使用全局选择符,提升效率
  • class和id选择符是可以放心使用的

  • 可以通过选择符支持的差异,来为不同的浏览器实现不同的效果

其他

各大门户WAP2.0版使用的DTD与标签

  • 尽量避免使用table

  • 推荐使用文档类型为: xhtm mobile profile 1.0 或 1.1
  • 推荐使用的标签包括: div,p,span,ul,li,br,img等

经验总结

  • 语义化的标签,和图片合并技术,现阶段是不适合应用在手机网站上(囧)
  • 一套CSS就能适应全平台的浏览器,这仅仅是个梦想
  • 我们才刚刚起步!期待大家的共同研究和分享!!欢迎大家加入移动设备技术交流QQ群: 47722406

 

来源:http://wsd.tencent.com/2010/07/mobile-web-rebuild-s60v3.html

资源下载链接为: https://pan.quark.cn/s/5c50e6120579 在Android移动应用开发中,定位功能扮演着极为关键的角色,尤其是在提供导航、本地搜索等服务时,它能够帮助应用获取用户的位置信息。以“baiduGPS.rar”为例,这是一个基于百度地图API实现定位功能的示例项目,旨在展示如何在Android应用中集成百度地图的GPS定位服务。以下是对该技术的详细阐述。 百度地图API简介 百度地图API是由百度提供的一系列开放接口,开发者可以利用这些接口将百度地图的功能集成到自己的应用中,涵盖地图展示、定位、路径规划等多个方面。借助它,开发者能够开发出满足不同业务需求的定制化地图应用。 Android定位方式 Android系统支持多种定位方式,包括GPS(全球定位系统)和网络定位(通过Wi-Fi及移动网络)。开发者可以根据应用的具体需求选择合适的定位方法。在本示例中,主要采用GPS实现高精度定位。 权限声明 在Android应用中使用定位功能前,必须在Manifest.xml文件中声明相关权限。例如,添加<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />,以获取用户的精确位置信息。 百度地图SDK初始化 集成百度地图API时,需要在应用启动时初始化地图SDK。通常在Application类或Activity的onCreate()方法中调用BMapManager.init(),并设置回调监听器以处理初始化结果。 MapView的创建 在布局文件中添加MapView组件,它是地图显示的基础。通过设置其属性(如mapType、zoomLevel等),可以控制地图的显示效果。 定位服务的管理 使用百度地图API的LocationClient类来管理定位服务
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值