移动终端上Web应用程序的界面动态适配方法及系统

摘要

本发明公开了一种移动终端上Web应用程序的界面动态适配方法及系统，方法包括：在Web应用程序的页面中嵌入扩展样式文件，扩展样式文件中保存有多个尺寸样式以及与尺寸样式对应的尺寸信息，尺寸信息包括对应设定的基准分辨率的基准尺寸信息；通过浏览器启动Web应用程序并加载Web应用程序的页面；提取页面中的扩展样式文件；获取移动终端的设备分辨率；利用基准分辨率和设备分辨率，调整扩展样式文件中保存的所有尺寸样式的尺寸信息；根据调整后的尺寸信息生成标准样式文件；由浏览器根据标准样式文件，刷新显示页面。应用本发明，可轻易地达到动态适配的目的，大大降低了界面适配的工作量，同时又能满足对不同设备分辨率进行精确界面适配的要求。

主权项

一种移动终端上Web应用程序的界面动态适配方法，其特征在于，包括：在Web应用程序的页面中嵌入扩展样式文件，所述扩展样式文件中保存有多个尺寸样式以及与所述尺寸样式对应的尺寸信息，所述尺寸信息包括对应设定的基准分辨率的基准尺寸信息；通过浏览器启动所述Web应用程序并加载所述Web应用程序的页面；提取所述页面中的扩展样式文件；获取移动终端的设备分辨率；利用所述基准分辨率和所述设备分辨率，调整所述扩展样式文件中保存的所有尺寸样式的尺寸信息，并根据调整后的尺寸信息生成标准样式文件；由浏览器根据所述标准样式文件，刷新显示所述页面。