《HTML5和JavaScript Web应用开发》——2.5 企业中的HTML5

简介: 当决定要支持哪些浏览器(希望是所有)后,你必须在应用中对某些HTML5e规范没有实现的地方进行“填充”(Polyfill)或者优雅地降级。优雅降级的前提是为最新、最强大的设备构建应用,然后为性能较低的设备添加“填充物”或者处理程序。

本节书摘来自异步社区《HTML5和JavaScript Web应用开发》一书中的第2章,第2.5节,作者:【美】Wesley Hales著,更多章节内容可以访问云栖社区“异步社区”公众号查看

2.5 企业中的HTML5

对移动设备和浏览器的情况有清晰的认识之后,记住必须确定各种浏览器支持的W3C规范以及使用它们的方式。从企业开发的角度来看,某些客户端API被认为是当今移动Web应用的高级组成部分:Geolocation、WebSocket、Web Storage、Device Orientation和Web Workers。这些都是W3C最新的规范,已经几乎完成,它们很稳定(大部分)并被当今的移动浏览器所采用。当然,你可以找到其他更出色的规范,如Media Capture API(能够访问设备音频、视频和图像),但本书将重点放在所有浏览器中都得到广泛支持的规范。

表2-2详细列出了在5种领先或者即将出现的移动平台中对这些基础API的支持情况。这些浏览器都被认为是A、B或者C级的浏览器。

本书将把这组规范和浏览器称为HTML5 Enterprise或HTML5e,以便简单地标识移动和桌面环境中的这些规范和浏览器,并在其上构造应用。
screenshot
a Windows Phone 7.5中的IE不支持这些API,但是Windows 8及以上版本支持。
b由于协议的安全问题,Mozilla和Opera暂时禁用WebSockets。
c Opera Mobile for Android有试验性的支持。

由表2-2可见,Mobile Firefox和Safari在支持的广度上明显是胜者,Opera Mobile以接近的水平排在第三位。Android仍需努力,第4版看上去要好得多。同样,Mobile IE在IE10中有更好的HTML5支持,但是IE9的重点在于“相同标记”方法:试图理顺HTML5相关标记与IE内核的关系。
优雅降级
当决定要支持哪些浏览器(希望是所有)后,你必须在应用中对某些HTML5e规范没有实现的地方进行“填充”(Polyfill)或者优雅地降级。优雅降级的前提是为最新、最强大的设备构建应用,然后为性能较低的设备添加“填充物”或者处理程序。如何创建一个能服务于企业项目需求、又能提供在多种移动浏览器上工作并优雅降级的API开发环境?在后续每一章节的最后,我们将关注处理这些问题的方法,并找出可提供开源解决方案的项目。

现在,你有了一个出发点:对移动设备浏览器中所支持的HTML5 API的基本了解。至于以后,随着新设备操作系统的发行和规范本身的完善,W3C、规范驱动以及设备特性只会越来越好。后续的章节将研究和评价能够为你的项目形成可重用API的框架。

相关文章
|
1月前
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
51 1
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
|
2月前
|
人工智能 程序员 UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
153 21
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
2月前
|
前端开发 JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
67 14
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
3月前
|
Web App开发 移动开发 HTML5
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码。画面中心是悬浮于空的梅花鹿,其四周由白色线段组成了一个6边形将中心的梅花鹿包裹其中。四周漂浮的白雪随着多边形的转动而同步旋转。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
110 2
|
4月前
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制,两者不仅提升了代码复用率和可维护性,还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战,文章提出了相应的解决策略,强调了持续创新的重要性,旨在构建高效、灵活的Web应用。
78 6
|
4月前
|
前端开发 JavaScript UED
在数字化时代,Web 应用性能优化尤为重要。本文探讨了CSS与HTML在提升Web性能中的关键作用及未来趋势
在数字化时代,Web 应用性能优化尤为重要。本文探讨了CSS与HTML在提升Web性能中的关键作用及未来趋势,包括样式表优化、DOM操作减少、图像优化等技术,并分析了电商网站的具体案例,强调了技术演进对Web性能的深远影响。
69 5
|
4月前
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
85 3
|
4月前
|
JavaScript
JS鼠标框选并删除HTML源码
这是一个js鼠标框选效果,可实现鼠标右击出现框选效果的功能。右击鼠标可拖拽框选元素,向下拖拽可实现删除效果,简单实用,欢迎下载
63 4
|
4月前
|
移动开发 HTML5
html5+three.js公路开车小游戏源码
html5公路开车小游戏是一款html5基于three.js制作的汽车开车小游戏源代码,在公路上开车网页小游戏源代码。
144 0
html5+three.js公路开车小游戏源码