跨浏览器的页面开发.pdfVIP

跨浏览器的页面开发 黄昊 2010/12/10 2010-12-15 议题 • 浏览器兼容性问题的严重性 • 解决问题的思路 (重点) 2010-12-15 问题的统计 / 3 : 168 2007 • NEAOSS WG 个不一致， • W3H : 349 个根本原因，2010 • QuirksM : 9 大类，数百个测试点 2010-12-15 问题类型 • 脚本 • 渲染 • 解析 2010-12-15 解析差异 • 错误 CSS (Hack) • 错误的 HTML 嵌套 2010-12-15 渲染差异 • 盒模型 • 浮动元素 • 定位元素 • 表单元素 • 表格… 2010-12-15 脚本差异 • JavaScript 核心 – [1, 2, ] if function a else – (…) { (){…} } function a xxx { (){ } } • 文档对象模型 – getElementById document createElement div style – . ( =…) document documentElement scrollTop – . . , … 2010-12-15 思路 • 遵循标准 • 注意测试 –人工测试 –自动检测 2010-12-15 标准 • W3C – HTML 4.01, CSS 2, DOM 2 (HTML 5, CSS 3) • ECMA – ECMAScript (即 JavaScript) • IETF (RFC) – HTTP, … 2010-12-15 使用标准模式创建网页 • 混杂模式 • 接近标准模式 !DOCTYPE html PUBLIC -//W3C//DTD XHTML