标签归档：手机浏览器兼容

  Mobile 1：Mobile WEB介绍 简介 Opera的WEB标准课程是关于提倡WEB最佳实践，并完整地覆盖了建立现代站点所需要的所有技能和知识点，它使我们工作和浏览的WEB站点变得更加美好。这个迷你系列展开探讨了核心的WEB标准课程文章，你应该采纳所有的技能和观念，利用他们帮助你优化网站并顺利地在移动设备（或其他另类设备）上运行。首先我会进行一些常规和特殊的思考，在移动设备上运行页面，然后去写样式、编脚本并且测试，因为他们跟Mobile WEB开发相关。 这篇文章的结构如下： Mobile WEB的定义 与Mobile WEB有关的挑战 移动的限制性 屏幕尺寸/分辨率 输入机制 处理能力和可用内存 可用字体和颜色 WEB标准的支持 移动的优势 Mobile意味着随时移动! 摄像头、电话和其他硬件特性 Mobile web技术 WML Compact HTML XHTML mobile profile XHTML CSS 和语义标记 图片替换 CSS颜色值 摘要总结 习题   Mobile WEB的定义 “Mobile WEB&......查看更多>>

本页提供的所有细节 18 操作系统的智能手机浏览器。  如果你知道任何文件或资料下载位置的浏览器之一，以下浏览器上运行的客户端设备充分，由于内存的所有可能带来可能的问题。   Safari   Rating Excellent Vendor Apple OSs iOS Rendering engine WebKit Downloadable No; firmware Documentation Yes Versions Follow iPhone OS version numbers iPhone users are pretty decent at upgrading their phones to the latest firmwares, so you generally have to test in the latest version only. Notes Apple set out to make the best mobile browser in the world, and it has basically succeeded. Most other mobile browser vendors woke up and started to run, too. That’s good. Basically does not have caching. This is a trade-off, but it will still cause problems. A platform that claims to be......查看更多>>

  我给目前正在测试的15款移动浏览器做了一个列表。 在当前移动浏览器如此错综复杂、变幻莫测的形势下，这或许会对给你一些启发。 经常有人问我：“我到底该测试哪一个移动浏览器？”，这个问题意味着，你应该搞定哪些设备。现在我来尝试回答这个问题。 一个移动测试环境 在过去的一年内，我非常幸运。沃达丰不仅有大量的移动设备（译者注：PPK于2009年开始在沃达丰担任顾问和培训师的工作），也有一些人士会提供比较靠谱的建议。比如我需要一台非HTC的带轨迹球的Windows Mobile设备，他们通常会告诉我应该去测哪一台机器，以及为什么这样选择的原因。 但并非每一个人都是这样好的情况。所以，干脆地说，这只是我的建议。 iPhone 和 Android 我假设你已经有了一台iPhone或Android手机。用它来测试你的网站（你可能已经这么做了）。看到最牛B和强悍的移动浏览器，你可能会有很多想法和灵感。如果你的站点不准备支持Safari或Android，那么忘了......查看更多>>

  接触Mobile WEB前端开发将近一年时间了，在这不算短的时间里，总结出一套自己的Mobile WEB“研发流程”。为什么叫“研发”流程而不是“开发”流程，在下文中会进行解释。首先我们来看一下“研发”的流程图：                点击图片可查看大图   1. 为什么要叫“研发”流程？ 我们知道，对于传统的WEB前端开发，一般情况下我们需要关注的操作系统/浏览器情况如下： 操作系统：Windows/MacOS 浏览器：IE(6、7、8)/Firefox/Safari/Opera/Chrome 这些操作系统和浏览器的基本状况如下： 市场占有率和使用分布情况相对稳定 比较开放，厂商对开发人员的支持较好 不同操作系统下，浏览器渲染情况差别不大 经过前端开发者们的长期研究和总结，它们的渲染特性、标准支持情况基本家喻户晓 而在Mobile WEB前端开发领域，状况则相当的混乱，我们需要关注的......查看更多>>

淘宝手机网站前端开发的工作至今，转眼已是一年。一步步看着手机淘宝从最初的beta版本到今天的样子，感慨良多。 手机网站开发，有着许多不为人知的困难： 一是可参考的资料太少，大部分手机网站都处于起步阶段，很多的时候都是摸着石头过河，而鉴于淘宝自身的特殊性，也使得我们在参考成功案例之余，要做更多的思考； 二是兼容性工作异常艰辛，难度一点也不比web网站的兼容性工作来的低。 再者作为一个手机网站的前端开发，也往往容易被人忽视（包括我们自己），大家也许会觉得做好一个手机网站能有多难，了解一点XHTML、一点CSS，甚至不需要对JavaScript有什么研究，事实却不是如此，正因为手机网站的开发受到设备的太多限制，前端们常常为了节约几个字节而纠结万分，写出语义化良好的代码也显得更加重要，而多版本的开发需求也对于JavaScript的优雅降级要求甚高，这样才能使得网站有分版本需求的时候可以公用同一套XHTML代码，最大程度的降低开发......查看更多>>

1 为什么要有兼容性测试：比web浏览器还恐怖的手机浏览器 对于web网站，一般来说，目前我们需要兼容的是 1个操作系统（windows）X 3种浏览器（ie 6、ie7、firefox）= 3种情况 要求高一点的web网站需要兼容的是 1个操作系统（windows）X 7种浏览器（ie6、ie7、firefox、chorme、opera、safari、遨游）+ 1个操作系统（mac） X 1种浏览器（safari）= 8种情况 注：以上浏览器除了ie外，均指其最新版本。另，遨游浏览器虽然是基于ie内核，但某些表现却完全出人意料，故也加入考虑。 好了，以上最多8种需要兼容的情况，已经让人大呼头痛不已，何况事实上这些浏览器对html代码本身的解析都是没问题的，你比较需要费心的只是ie6的css和js。 那么手机浏览器有多少种需要兼容的情况呢？ 从上一篇文章看来，如果要做到比较好的兼容性，我们要兼容的手机浏览器至少有二十种情况（手机自带的浏览器+用户可安装的浏览器） web浏览器的兼容性大致可根据浏览器的渲染引擎来确......查看更多>>

前言： 手机有哪些浏览器？这些浏览器对xhtml、css和js的支持度怎么样？目标用户的手机使用情况？条件限制下的手机界面设计要如何进行？如何快速搭建一个手机网页？如何做好网站的兼容性工作？想必这些问题每个参与过手机网页开发的人都遇到过。 头大的是，除了自己公司已有的一些经验，网上恐怕没有过多的(公开的)文档可以参考。 09年上半年的工作重心全在手机网页开发上面，这使得自己某种程度上也成了拓荒者。现将这段时间的开发心得同大家分享以下，欢迎大家跟我交换自己的想法。 手机网站开发必修课系列文章计划： 手机浏览器 来自wiki的解释 对wiki的总结 浏览器兼容性测试 为什么要有兼容性测试：比web浏览器还恐怖的手机浏览器 目标用户数据挖掘 安排测试，整理测试结果 测试结果对手机网站开发的指导意义 对设计的指引作用 确保裸html代码具有较高可用性，谨慎使用html标签 css使用注意事项 非常重要：代码的优雅降级 注：由于有些数据牵涉到公司的......查看更多>>

导读：国内手机网站目前还算是个新鲜事物，相应的手机网站前端开发也并不是特别成熟，对于一个网页设计师来说要做一个手机网站还是会碰到许多问题，本文转载自淘宝 UED，分享如何开发进行手机网站的前端卡发。 从09年初接手淘宝手机网站前端开发的工作至今，转眼已是一年。一步步看着手机淘宝从最初的beta版本到今天的样子，感慨良多。 手机网站开发，有着许多不为人知的困难： 一是可参考的资料太少，大部分手机网站都处于起步阶段，很多的时候都是摸着石头过河，而鉴于淘宝自身的特殊性，也使得我们在参考成功案例之余，要做更多的思考； 二是兼容性工作异常艰辛，难度一点也不比web网站的兼容性工作来的低（关于这点，请参见我之前的文章）； 再者作为一个手机网站的前端开发，也往往容易被人忽视（包括我们自己），大家也许会觉得做好一个手机网站能有多难，了解一点XHTML、一点CSS，甚至不需要对JavaScript有什么研究，事实却不是如此，正因为手机网站的......查看更多>>