《移动网页设计与开发 HTML5+CSS3+JavaScript》—— 1.7 测试,再测试,进行更多的测试

简介:

本节书摘来异步社区《移动网页设计与开发 HTML5+CSS3+JavaScript》一书中的第1章,第1.7节,作者:【英】Peter Gasston,更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.7 测试,再测试,进行更多的测试

对于目前网络设备的现状,测试是确保所创建网站是否能跨多个设备运行的唯一方法。测试一直贯穿着整个项目,从开始到结束,都要抓住任何机会进行测试。如果规划的是一个多设备项目,那么,在整个项目中,多达40%至50%的时间将会用来测试。这是个很严肃的问题。

如果找不到实际设备的代替品来做测试,则可以着手建立一个库,并放入尽可能多的设备。如果单位附近有其他机构,还可以考虑集中资源,以获得范围更广的设备。许多城市都在组建设备实验室,其中有各种设备可供任何人使用,这些设备均由当地开发人员和公司捐赠。你还可以在线搜索最近的实验室,或者,考虑在公司或工作的地方参与组建一个实验室。

不要只对手机和平板电脑进行测试。如果网站的目标对象是年轻爱好者(研究表明,大约四分之一的美国青少年使用游戏机浏览器上网),则应该考虑测试游戏机浏览器;或者,如果网站瞄准的是休闲市场,则应该对电视设备进行测试。

如果无法使用实际设备,则可以使用一些专用的工具,大多数(也可能是全部)操作系统创建者和/或设备制造商都有可供免费下载的、设备模拟器的软件开发工具包(SDK)。在手机和平板电脑领域,安卓、Windows Phone和黑莓都有软件开发工具包,毫无疑问,除了它们之外,还有更多其他的品牌。在苹果的App商店里可以找到苹果公司的Xcode,它有iOS模拟器功能,在测试中,可以在设备和操作系统版本之间进行切换。

一旦设置好,许多这样的软件开发工具包还允许USB连接物理设备,通过配对的浏览器来做调试。但是,还有个更简单易行的方法—使用Opera的手机仿真器,一旦将其打开并连接到Opera的桌面版本,就可以使用在桌面上的开发人员工具来调试移动设备上的页面。如果需要使用WebKit—它主导着多设备引擎,为什么不用呢?—名为weinre的软件可以把台式机上的Chrome或Safari连接到安卓、iOS或黑莓模拟器上。

Adobe有一个叫做Edge Inspect的截图查看器,可以让任何使用Edge Inspect应用程序(眼下在iOS和安卓系统上可用)的设备与Chrome浏览器同步。这样,用户就能同时在许多不同的设备上预览网站,并用网络检查器进行远程调试。

相关文章
|
9天前
|
Web App开发 缓存 JavaScript
深入浅出Node.js后端开发
【9月更文挑战第26天】本文将引导你了解Node.js的基本原理,并通过实际案例展示如何在后端开发中应用它。我们将从Node.js的核心概念讲起,逐步深入到构建一个完整的后端服务,最后探讨如何优化你的Node.js应用。准备好让你的开发技能更上一层楼了吗?让我们一起潜入Node.js的世界!
|
9天前
|
Web App开发 JavaScript 前端开发
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
|
12天前
|
JavaScript 前端开发 API
深入浅出Node.js后端开发
【9月更文挑战第23天】在这篇文章中,我们将探索Node.js的世界,了解它如何改变后端开发的面貌。通过实际案例和代码示例,我们不仅学习Node.js的核心概念,还会深入探讨它的高级特性,如异步编程、事件驱动模型以及微服务架构的应用。无论你是初学者还是有经验的开发者,这篇文章都将为你提供新的视角和实用技能,帮助你构建更高效、可扩展的后端系统。
44 19
|
9天前
|
JavaScript 开发者
深入理解Node.js事件循环及其在后端开发中的应用
【8月更文挑战第57天】本文将带你走进Node.js的事件循环机制,通过浅显易懂的语言和实例代码,揭示其背后的工作原理。我们将一起探索如何高效利用事件循环进行异步编程,提升后端应用的性能和响应速度。无论你是Node.js新手还是有一定经验的开发者,这篇文章都能给你带来新的启发和思考。
|
7天前
|
Web App开发 JavaScript 前端开发
探索现代JavaScript开发:ECMAScript提案的未来
JavaScript是最受欢迎的编程语言之一,其发展迅速。ECMAScript(JS的标准化版本)的提案和更新为其带来了诸多新特性和改进。本文将介绍值得关注的ECMAScript提案,如可选链、空值合并运算符、逻辑赋值运算符、类字段和顶级Await,并展示如何利用这些新特性提升开发效率和代码质量。通过关注TC39提案流程、使用Babel和TypeScript等工具,开发者可以提前体验并利用这些新特性。随着JavaScript的不断进步,未来将有更多令人期待的功能加入。
用CSS+JavaScript打造网页中的选项卡
用CSS+JavaScript打造网页中的选项卡
|
10天前
|
Web App开发 JavaScript 前端开发
深入浅出Node.js后端开发
【9月更文挑战第25天】本文将带你了解Node.js的基本概念和核心优势,同时提供一些实际的代码示例来加深理解。无论你是初学者还是有一定经验的开发者,都能通过本文获得有价值的信息和技巧。让我们一起探索Node.js的世界吧!
|
11天前
|
测试技术 持续交付 UED
软件测试的艺术与科学:平衡创新与质量的探索在软件开发的波澜壮阔中,软件测试如同灯塔,指引着产品质量的方向。本文旨在深入探讨软件测试的核心价值,通过分析其在现代软件工程中的应用,揭示其背后的艺术性与科学性,并探讨如何在追求技术创新的同时确保产品的高质量标准。
软件测试不仅仅是技术活动,它融合了创造力和方法论,是软件开发过程中不可或缺的一环。本文首先概述了软件测试的重要性及其在项目生命周期中的角色,随后详细讨论了测试用例设计的创新方法、自动化测试的策略与挑战,以及如何通过持续集成/持续部署(CI/CD)流程优化产品质量。最后,文章强调了团队间沟通在确保测试有效性中的关键作用,并通过案例分析展示了这些原则在实践中的应用。
30 1
|
12天前
|
JavaScript 前端开发
JS配合CSS3实现动画和拖动小星星小Demo
本文通过代码示例展示了如何使用JavaScript和CSS3实现动画效果和拖动小星星的交互效果,包括文字掉落动画和鼠标拖动产生小星星动画的实现方法。
26 0
JS配合CSS3实现动画和拖动小星星小Demo
|
20天前
|
Web App开发 存储 JavaScript
深入浅出Node.js后端开发
【9月更文挑战第15天】在数字化浪潮中,Node.js作为一颗耀眼的星辰,为后端开发领域注入了活力与创新。本文将带你领略Node.js的魅力所在,探索其架构设计、性能优化及实战应用,让你在轻松愉快的氛围中掌握Node.js后端开发的精髓。
下一篇
无影云桌面