近年来,移动互联网蓬勃发展,移动端应用设备也层出不穷,并且开始呈现出多平台多规格的趋势,由于移动设备数量和种类的增加,网站以及应用的开发者已经无法确定用户访问网站或者应用时的联网设备,传统的网站或应用都是根据具体设备尺寸进行设计和布局的,所以当访问设备不统一,很容易遇到布局呈现异常或者兼容性方面的问题。如何让应用具有根据联网设备自动调节显示和布局的能力就成为了一个很有意义的问题。响应式设计的概念就是在这样的背景下提出的。课题首先使用HTML、JavaScript、CSS等语言,基于响应式设计理念,实现了可以适配不同型号以及设备的Web App,并在此基础上设计了将Web应用与Android原生应用处理相结合的混合式系统设计方案:对于轻量级,数据量固定的请求部分通过Web App实现响应式布局;对于大量的动态数据,利用Android原生平台进行处理,将Web App的方便灵活与原生App的性能优势相结合。并将上述设计方案在分布式网络性能测量系统TANC的Android客户端实现中进行了部署与验证。并根据测试结果以及在测试中出现的问题总结了进一步优化性能和改进用户体验的一些实践经验和技术。本文首先对TANC系统进行了客户端需求分析,按照需求进而确定了混合式应用的客户端架构,由Android平台外壳内嵌响应式Web应用构成,然后划分出具体的模块,分别进行设计和实现,并进行了功能性测试以及多设备兼容性测试,根据出现的问题进行调研、总结和分析,进行进一步的性能优化。最后,对本课题以及作者在课题期间的整个工作过程进行了总结,并结合目前技术趋势提出了下一步的改进方向。