基于HTML5的Web移动应用开发研究.pdfVIP

８０ 基 于 ＨＴＭＬ５ 的 Ｗｅｂ 移动应用开发研究 基于 ＨＴＭＬ５ 的 Ｗｅｂ 移动应用开发研究 * Ｒｅｓｅａｒｃｈ ｏｎ Ｐｒｏｄｕｃｔ Ｄｅｍｏ Ｓｙｓｔｅｍ Ｂａｓｅｄ ｏｎ ＨＴＭＬ５ Ｏｆｆ－Ｉｉｎｅ Ｓｔｏｒａｇｅ 胡 晶 （福建福州海峡职业技术学院信息工程系 ，福建 福州 ３５００００ ） 摘 要 ＨＴＭＬ５ 和移动互联网是最前沿的 Ｗｅｂ 技术 ，应用 ＨＴＭＬ５ 可以很好地进行移动应用的开发 ，研究 ＨＴＭＬ５ 进行移动应 用开发的核心技术 ，探讨 ｊＱｕｅｒｙ 、微格式 、微数据 、Ｗｅｂｓｏｃｋｅｔ 、Ｗｅｂ Ｗｏｒｋｅｒｓ 、Ａｊａｘ 、地理定位等新技术的应用 ，并对针对不 同的移动平台进行 Ｗｅｂ 开发进行探讨 。 关键词 ： ，移动应用 ， 开发 ， ＨＴＭＬ５ Ｗｅｂ ｊＱｕｅｒｙ Ａｂｓｔｒａｃｔ ＨＴＭＬ５ ａｎｄ ｔｈｅ ｍｏｂｉＩｅ Ｉｎｔｅｒｎｅｔ ｉｓ ｔｈｅ ｍｏｓｔ ａｄｖａｎｃｅｄ ｗｅｂ ｔｅｃｈｎｏＩｏｇｙ．ＡｐｐＩｉｃａｔｉｏｎ ｏｆ ＨＴＭＬ５ ｃａｎ ｂｅ ｔｈｅ ｄｅｖｅＩｏｐｍｅｎｔ ｏｆ ｍｏｂｉＩｅ ａｐｐＩｉｃａｔｉｏｎｓ．Ｔｈｅ ＨＴＭＬ５ ｉｓ ｔｈｅ ｃｏｒｅ ｔｅｃｈｎｏＩｏｇｙ ｏｆ ｍｏｂｉＩｅ ａｐｐＩｉｃａｔｉｏｎ ｄｅｖｅＩｏｐｍｅｎｔ,ａｐｐＩｉｃａｔｉｏｎ ｏｆ ｎｅｗ ｔｅｃｈｎｏＩｏｇｙ,ｍｉｃｒｏ ｊＱｕｅｒｙ,ｍｉｃｒｏ ｄａｔａ ｆｏｒｍａｔ, Ｗｅｂｓｏｃｋｅｔ,Ｗｅｂ Ｗｏｒｋｅｒｓ,Ａｊａｘ,ｇｅｏｇｒａｐｈｉｃ Ｉｏｃａｔｉｏｎ,ａｎｄ Ｗｅｂ ｔｏ ｔｈｅ ｄｅｖｅＩｏｐｍｅｎｔ ｏｆ ｔｈｅ ｄｉｆｆｅｒｅｎｔ ｍｏｂｉＩｅ ｐＩａｔｆｏｒｍｓ ａｒｅ ｄｉｓｃｕｓｓｅｄ ｉｎ ｔｈｉｓ ｐａｐｅｒ． Ｋｅｙｗｏｒｄｓ:ＨＴＭＬ５,ｍｏｂｉＩｅ ａｐｐＩｉｃａｔｉｏｎ,Ｗｅｂ,ｊＱｕｅｒｙ 移动终端如智能手机和平板电脑的普及使人们对 Ｗｅｂ 移动 ｆｕｎｃｔｉｏｎ()邀 １ 应用的需求增加 ，而 ＨＴＭＬ５ 的出现更促进了移动应用的发展 ［ ］。 ｔｈｉｓ．ｓｒｃ＝ｔｈｉｓ．ｓｒｃ．ｒｅｐＩａｃｅ(″＿ｏｎ″,″＿ｏｆｆ″)鸦 本文分析了 ＨＴＭＬ５ 的优势和编程接口 ，实现在 ＨＴＭＬ５ 和 Ｗｅｂ 妖妖鸦妖)鸦＜ ／ ｓｃｒｉｐｔ＞＜ ／ ｈｅａｄ＞ 移动应用开发结合 。 ＜ｂｏｄｙ＞ １ ＨＴＭＬ５ 改进移动 Ｗｅｂ 应用的开发 ＜ａ ｉｄ＝″Ｉｉｎｋ１″ ｈｒｅｆ＝″＃″＞＜ｉｍｇ ｓｒｃ＝″ａ３＿ｏｆｆ．ｊｐｇ″＞＜ ／ ａ＞ ＜ ／ ｂｏｄｙ＞ Ｗｅｂ 移动应用开发有自身的特点 ，比 如 ：①适 应 移 动 设 备 ＜ ／ ｈｔｍＩ＞ 屏幕尺寸 ；②尽可能多的合理服务 ；③开发有效且简洁 ；④不同 设备的测试 ； 合理的布局等 ； 增强的触摸事件等 ［２］ 。 ２．１．２ 使用 ｊＱｕｅｒｙ 进行表单数据的验证