19、HTML5 应用开发与测试全流程指南

HTML5 应用开发与测试全流程指南

1. HTML5 应用开发

在 HTML5 应用开发中，我们可以创建一个包含地震数据的手风琴式界面应用。以下是具体的开发步骤：
1. 实例化手风琴对象 ：

// 此代码实例化一个新的 Nokia.Accordion 对象
// 第一个元素表明，我们之前设置的 id 为 'accordion' 的 <div> 将成为手风琴的容器
// 其他选项为小部件指定各种可配置选项
Nokia.use('template-default', 'accordion', init);

2. 获取和解析数据 ：
   • 使用 XmlHttpRequest 请求美国地质调查局（USGS）的 XML 数据。
   • 编写简单的 JavaScript 代码解析结果并进行 HTML 格式化。
   • 将解析后的数据插入到手风琴小部件中。
3. 添加 HTML5 特效 ：
   • 在图像元素中添加类声明：

<img class='quakeImage' src="..." alt="...">