《HTML5和JavaScript Web应用开发》——2.6 QA和设备测试

2.6 QA和设备测试

除了确定将要支持的浏览器外,你还需要一个简单的开发和测试方法。根据项目的规模,企业开发和QA周期可能很昂贵,所以建立合适的快速开发和测试环境是成功的关键。

因为当前移动市场主要属于Android和iOS,进行基于WebKit的测试相当简单,我们可以像平常在桌面浏览器那样进行测试,然后在某个版本的WebKit支持的目标移动设备上运行。但是,在桌面版本的Chrome或者Safari上测试应用,并不意味着在所有基于WebKit的移动浏览器上都能正常工作,也不意味着WebKit能够完全代表移动Web。我们应该尽可能多地在基于W3C标准的目标平台上测试。

测试基于移动HTML5应用的最佳方法是使用你所针对的物理设备(或者模拟器)。作为一项开发人员服务,《Programming the Mobile Web》(O’Reilly)的作者Max Firtman很好地标识了可用的模拟器,并维护一个最新列表,你可以在mobilexweb网站上找到,如图2-6所示。

花一点时间确定需要的模拟器,为下一章的学习做好准备。下章将研究硬件加速问题的调试方法,研究所有远程调试技术,并学习跨浏览器的开发。

时间: 2024-09-18 05:21:46

《HTML5和JavaScript Web应用开发》——2.6 QA和设备测试的相关文章

《HTML5和JavaScript Web应用开发》——2.2 决定支持

2.2 决定支持 基于目前移动领域的局面,我们必须支持多种平台和浏览器.当你使用HTML5的核心API时,你就被绑定到目标设备所支持的特性上,所以理解当今的移动浏览器及其发展方向至关重要. 编写跨越所有平台和浏览器的Web应用是一个很大的工程.以前,Web应用开发人员不关心桌面电脑是否连接了摄像头或者加速计,Web应用和操作系统及桌面硬件的能力也没有关系.现在,移动Web为我们构建的应用增加了另一方面的支持,浏览器和设备的分裂也令人兴奋,我们现在必须创建兼容不同浏览器.平台和设备的应用.例如,A

《HTML5和JavaScript Web应用开发》——1.3 浏览器(即平台)

1.3 浏览器(即平台) Web浏览器正在成为(或者已经成为)应用程序的另一个平台.在选择应用程序支持的时候,对浏览器的考虑至少和服务器端一样重要,我们的前端代码现在打包为HTML5驱动的原生应用.扩展和操作系统.正如我们在Google的Chrome OS和Mozilla的Boot2 Gecko项目中看到的一样,Open Web很明显被看作编写应用程序的一个平台. HTML5.Open Web和移动设备已经进一步推动了浏览器平台,使浏览器能够在离线状态下存储数据和运行应用,但是许多驱动这一平台的

《HTML5和JavaScript Web应用开发》——1.2 在客户端放置更多代码

1.2 在客户端放置更多代码 不可否认,传统的服务器端模板正逐渐被JavaScript模板所取代.随着许多新JavaScript框架的出现,我们似乎也有些反应过度,但这就是技术发展过程中所出现的现象:由于浏览器变得更加容易移动,并且通过JavaScript API得到更多硬件访问能力,因此驱动UI的技术也在变化.从某种程度来说,客户端和服务器端方法中用户界面的构件是相通的,它们都需要显示和收集数据.我们仍然需要在代码中添加框架专有的标记或者属性,以便知道数据在哪里显示,但是不再需要依赖服务器.现

《HTML5和JavaScript Web应用开发》——第 1 章 客户端架构 1.1了解HTML5

第 1 章 客户端架构 今天,客户端开发显然需要在HTML驱动应用架构中更多地思考和投资.随着Web应用的发展,我们见证了从具有紧耦合模板逻辑以及繁重的后端处理的传统服务器端框架向松耦合的JavaScript的转变,实现任何时候不管是上线还是离线都能运行. 但是,这只是过去的重复吗?在20世纪八九十年代,我们不是已经经历了胖客户端时代(如图1-1所示)吗? 和20年前不同,浏览器-如今的客户端平台要强大得多,更不要说移动浏览器了.此外,如今的客户端能够通过浏览器和蜂窝网络报告各种有趣的数据,例如

《HTML5和JavaScript Web应用开发》——1.4 结语

1.4 结语 不管你是为大公司还是为新兴的公司工作,你都必须磨练技能,眼光不要停留在漂亮的首页.黑客新闻或者社交网站上,而应该为当前的项目作出有价值的决策.你必须建立和维护编写.测试和调试代码与所选择框架的工作流.这些工作流可能包含许多程序库和过程,从使用JSHint自动化检查IDE,到用应用程序包含的所有JavaScript的精简组合版本测试代码.总而言之,理解并实施Web应用程序或者改进现有应用工具是很有价值的. 客户端应用架构仍然处于初级阶段,随着时间的推移,工具和过程将会越来越好,Jav

《HTML5和JavaScript Web应用开发》——第 2 章 移动Web 2.1移动优先

第 2 章 移动Web 2013年,消费者将会购买10亿部具有HTML5功能的移动设备.今天,半数的美国成年人拥有智能手机,也就是1.5亿人,其中28%的人将移动设备作为访问Web的主要手段.支持HTML5应用程序的浪潮正在涌来,开发人员正将重点转向移动开发. 即使在大型企业环境中,移动浏览器的统计数字也在上升,但我们仍然要面对这个事实-1/3的互联网用户仍然使用Internet Explorer 9以前的版本访问互联网.事实上,在某些情况下,这些早期的Internet Explorer用户占据

《HTML5和JavaScript Web应用开发》——2.4 浏览器分级

2.4 浏览器分级 上一节内容引出了一个重要的话题:浏览器分级.浏览器分级是任何移动Web项目必须考虑的,它给开发者和QA人员提供了应用程序开发和测试中保持清醒的一种手段,还详尽地解释了对用户支持的具体安排,以及移动Web应用能力的整体目标.表2-1展示了来自QuirksMode的一个浏览器分级示例.

《HTML5和JavaScript Web应用开发》——2.3 移动浏览器市场份额

2.3 移动浏览器市场份额 在浏览器市场份额的最新报告中,基于WebKit的浏览器明显占据领先,拥有80%的市场份额(见图2-5).现在Android和iOS占有统治地位,但是随着新操作系统(如Mozilla基于HTML5的移动B2G项目)的出现,我们可以看到持续的"浏览器战争"中的新力量. 随着科学技术的发展,基于WebKit的浏览器从2011年10月占据的75%市场份额提高到2012年的超过80%,Opera Mini的市场份额从18.65%下降到12%,Internet Expl

《Windows 8 开发权威指南:HTML5 和JavaScript卷》——2.3 IE10与CSS3

2.3 IE10与CSS3 2.3.1 使用CSS3添加圆角 通过使用CSS3(级联样式表Level 3)为布局元素生成圆角,可以美化网站的外观.本小节我们主要通过使用Internet Explorer 9对圆角的内建支持,学习使网站布局更具吸引力的一些基本方法.我们主要通过以下几部分进行说明: 起点 生成全部相同的圆角 分别生成多个圆角 使用椭圆生成圆角 1.起点 我们从基本的网页开始操作,图2-1所示的网页为一家虚拟咖啡公司的初始网页,其中包括一些HTML元素.一些级联样式表和几个图像. 说