本文首先在对掌上投保平台现状进行调研的基础上,总结了当前主流的网站型和原生应用型掌上投保平台的优缺点,分析了掌上投保平台的特点以及WebApp的优势,提出以Web App的方式构建掌上投保平台。紧接着,本文详细分析了Web App开发的关键技术,如前端自动化工作流技术、响应式布局技术、HTML5离线缓存技术、CSS3图像及动画技术以及页面性能优化技术等。然后对A公司的掌上投保平台进行了功能需求和非功能需求分析,给出了其系统的总体架构、功能流程和数据库的设计。本文所建设的掌上投保Web App具有以下四个方面的特点：(1)基于前端自动化工作流,能更敏捷地针对市场需求快速推出应用。(2)通过添加桌面启动图标、去除有明显页面感的元素、页面轻量化等措施进行了类原生应用化的用户体验增强。(3)采用了一套样式代码实现在众多视口下自适配的缩放式自适应布局方案,降低了代码冗余和实现的复杂度。(4)采用动态页面静态化技术和离线缓存技术对静态资源和较少更新的动态页面进行了离线缓存,支持离线访问。最后,综合运用相关技术,为A公司实现了一个能往主屏幕添加像原生应用那样的启动图标、可从桌面图标启动、部分支持离线访问、对移动设备自动适配的掌上投保Web App,并采取物理速度优化和感知速度优化双管齐下的方法对其进行了性能优化。系统在实际应用中取得了良好的效果。