页面加载方法及装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN106547806A(43)申请公布日2017.03.29(21)申请号201510621240.8(22)申请日2015.09.23(71)申请人阿里巴巴集团控股有限公司地址英属开曼群岛大开曼资本大厦一座四层847号邮箱(72)发明人陈颖豪(74)专利代理机构北京鸿德海业知识产权代理事务所(普通合伙)11412代理人孟繁琦(51)Int.Cl.G06F17/30(2006.01)权利要求书6页说明书15页附图3页(54)发明名称页面加载方法及装置(57)摘要本申请提供一种页面加载方法及装置。一种页面加载方法包括：获取待展现页面需要响应的设备环境信息；获取与设备环境信息相匹配的目标HTML正文及目标CSS文件；根据目标CSS文件和目标HTML正文进行页面渲染处理，以获得待展现页面。本申请针对不同设备环境信息有与之匹配的HTML正文，只需加载与设备环境信息匹配的HTML正文即可，其数据量相对较小，有利于减少在页面加载过程中消耗的网络流量，提升加载速度。CN106547806ACN106547806A权利要求书1/6页1.一种页面加载方法，其特征在于，包括：获取待展现页面需要响应的设备环境信息；获取与所述设备环境信息相匹配的目标HTML正文及目标CSS文件；根据所述目标CSS文件和所述目标HTML正文进行页面渲染处理，以获得所述待展现页面。2.根据权利要求1所述的方法，其特征在于，所述获取待展现页面需要响应的设备环境信息，包括：运行响应式监测脚本，以访问浏览器的窗口对象；从所述窗口对象中，读取所述设备环境信息。3.根据权利要求2所述的方法，其特征在于，所述运行响应式监测脚本，以访问浏览器的窗口对象之前，包括：向服务器发送页面访问请求，以请求所述待展现页面的HTML头部信息；接收所述服务器返回的所述HTML头部信息，所述HTML头部信息包括所述响应式监测脚本的标识；向所述服务器发送脚本获取请求，所述脚本获取请求携带有所述响应式监测脚本的标识；接收所述服务器根据所述响应式监测脚本的标识返回的所述响应式监测脚本。4.根据权利要求3所述的方法，其特征在于，所述HTML头部信息还包括：第一响应式配置文件的标识，所述第一响应式配置文件包括HTML正文标识、CSS文件标识及设备环境信息之间的对应关系；所述方法还包括：向所述服务器发送第一文件获取请求，所述第一文件获取请求包括所述第一响应式配置文件的标识，以请求获取所述第一响应式配置文件；接收所述服务器返回的所述第一响应式配置文件；所述获取与所述设备环境信息相匹配的目标HTML正文及目标CSS文件，包括：根据所述设备环境信息在所述第一响应式配置文件包括的对应关系中进行匹配，以获取与所述设备环境信息对应的HTML正文标识及CSS文件标识；从所述服务器获取所述HTML正文标识所标识的HTML正文作为所述目标HTML文件，以及从所述服务器获取所述CSS文件标识所标识的CSS文件作为所述目标CSS文件。5.根据权利要求3所述的方法，其特征在于，所述HTML头部信息还包括：第二响应式配置文件的标识，所述第二响应式配置文件包括HTML正文标识及设备环境信息之间的对应关系；所述方法还包括：向所述服务器发送第二文件获取请求，所述第二文件获取请求包括所述第二响应式配置文件的标识，以请求获取所述第二响应式配置文件；接收所述服务器返回的所述第二响应式配置文件；所述获取与所述设备环境信息相匹配的目标HTML正文及目标CSS文件，包括：根据所述设备环境信息在所述第二响应式配置文件包括的对应关系中进行匹配，以获取与所述设备环境信息对应的HTML正文标识；2CN106547806A权利要求书2/6页从所述服务器获取所述HTML正文标识所标识的HTML正文作为所述目标HTML正文；获取所述目标HTML正文中携带的CSS文件标识；从所述服务器获取所述CSS文件标识所标识的CSS文件作为所述目标CSS文件。6.根据权利要求1所述的方法，其特征在于，所述获取与所述设备环境信息相匹配的目标HTML正文及目标CSS文件，包括：将所述设备环境信息发送给服务器，以供所述服务器根据所述设备环境信息获取所述目标HTML正文及所述目标CSS文件；接收所述服务器返回的所述目标HTML正文及所述目标CSS文件。7.根据权利要求1所述的方法，其特征在于，所述获取与所述设备环境信息相匹配的目标HTML正文及目标CSS文件，包括：将所述设备环境信息发送给服务器，以供所述服务器根据所述设备环境信息获取所述目标获取HTML正文；接收所述服务器返回的所述目标HTML正文；获取所述目标HTML正文中携带的CSS文件标识；从所述服务器获取所述CSS文件标识所标识的CSS文件作为所述目标CSS