动态生成响应式网页的方法及装置制造方法及图纸

技术编号:10886588 阅读:92 留言:0更新日期:2015-01-08 15:47
本发明专利技术提供了一种动态生成响应式网页的方法和一种动态生成响应式网页的装置,其中,所述动态生成响应式网页的方法,包括:加载HTML文件,对所述HTML文件进行解析,以得到多个XML文档对象;根据所述多个XML文档对象中每个XML文档对象的属性信息对所述多个XML文档对象进行分类;根据特殊对象的匹配方法在所述多个XML文档对象中匹配所述特殊对象,并将匹配到的所述特殊对象按照类型进行再次分类;根据所述多个XML文档对象的分类情况,对每类所述XML文档对象进行处理,以生成所述响应式网页。本发明专利技术的技术方案降低了响应式网页的开发门槛,提高了响应式网页的开发效率。

【技术实现步骤摘要】
【专利摘要】本专利技术提供了一种动态生成响应式网页的方法和一种动态生成响应式网页的装置,其中,所述动态生成响应式网页的方法,包括:加载HTML文件,对所述HTML文件进行解析,以得到多个XML文档对象;根据所述多个XML文档对象中每个XML文档对象的属性信息对所述多个XML文档对象进行分类;根据特殊对象的匹配方法在所述多个XML文档对象中匹配所述特殊对象,并将匹配到的所述特殊对象按照类型进行再次分类;根据所述多个XML文档对象的分类情况,对每类所述XML文档对象进行处理,以生成所述响应式网页。本专利技术的技术方案降低了响应式网页的开发门槛,提高了响应式网页的开发效率。【专利说明】动态生成响应式网页的方法及装置
本专利技术涉及计算机
,具体而言,涉及一种动态生成响应式网页的方法和一种动态生成响应式网页的装置。
技术介绍
随着手机、平板等各种具有不同屏幕尺寸的显示设备的发展,传统的固定宽度的静态网页由于不能适应屏幕的变化,导致用户体验效果不佳,因此能够针对各种终端和浏览器的不同显示样式进行自适应的响应式网页应运而生,但是开发一个支持响应式网页的应用程序的技术门槛很高,缺少有效的编程方法将多个普通的静态网页的HTML (HyperText Markup Language,超文本标记语言)文件转化为响应式网页,并且效率低下,不灵活。 因此,如何能够灵活地生成响应式网页,同时降低响应式网页的开发门槛,提高响应式网页的开发效率成为亟待解决的技术问题。
技术实现思路
本专利技术正是基于上述技术问题,提出了一种新的动态生成响应式网页的方案,降低了响应式网页的开发门槛,提高了响应式网页的开发效率。 有鉴于此,本专利技术提出了一种动态生成响应式网页的方法,包括:加载HTML文件,对所述HTML文件进行解析,以得到多个XML文档对象;根据所述多个XML文档对象中每个XML文档对象的属性信息对所述多个XML文档对象进行分类;根据特殊对象的匹配方法在所述多个XML文档对象中匹配所述特殊对象,并将匹配到的所述特殊对象按照类型进行再次分类;根据所述多个XML文档对象的分类情况,对每类所述XML文档对象进行处理,以生成所述响应式网页。 在该技术方案中,通过将所述HTML文件解析成多个XML(ExtensibIe MarkupLanguage,可扩展标记语言)文档对象,能够在XML文档下对文档对象进行分类,并实现其它程序对文档对象的搜索,通过每个XML文档对象的属性信息对所述多个XML文档对象进行分类,并按照类型对特殊对象再次分类,能够灵活地对不同属性、不同类型的XML文档对象进行不同的处理(如根据实际终端屏幕与浏览器的显示属性进行相应的处理),进而使之生成的响应式网页能够适应具有不同显示属性的终端屏幕与浏览器,降低了响应式网页的开发门槛,提高了响应式网页的开发效率。 在上述技术方案中,优选地,生成所述响应式网页的步骤具体为:针对不同终端的显示属性,对每类所述XML文档对象进行相应的优化处理,以生成与每个所述终端的显示属性相对应的网页。 在该技术方案中,通过根据不同终端的显示属性,对每类XML对象进行优化,能够使得每类文档对象转换为适应于具有不同显示属性的终端的文档对象,从而使得最终生成的网页能够适应于具有不同显示属性的终端,进而带给用户最佳的视觉体验。其中,不同终端具有不同的显示属性包括终端系统平台、屏幕大小与长宽比例、显示方向等。 在上述技术方案中,优选地,针对不同终端的显示属性,对每类所述XML文档对象进行相应的优化处理的步骤具体为:根据每个所述终端的屏幕比例和显示方向,设定对应的网页内容区域的大小和每类所述XML文档对象的显示方式。 在该技术方案中,根据获取到的不同终端的屏幕比例和显示方向,对网页内容区域的大小和每类XML文档对象的显示方式进行设定,使得最终生成的响应式网页能够自适应于具有不同屏幕比例和显示方向的终端,进而提高用户的视觉体验。 在上述技术方案中,优选地,对所述HTML文件进行解析,得到的所述多个XML文档对象的结构为树形结构;设定每类所述XML文档对象的显示方式的步骤具体为:根据每个所述终端的屏幕比例和显示方向,设定所述树形结构中根节点的显示尺寸;根据所述根节点的显示尺寸,依次遍历所述多个XML文档对象,以设置所述多个XML文档对象中每个XML文档对象的显示尺寸。 在该技术方案中,通过根据设定的所述树形结构中根节点的显示尺寸,遍历所述多个XML文档对象,以设置每个XML文档对象的显示尺寸,使得能够自动对每个XML文档对象的显示尺寸进行设置,进而提高响应式网页的生成效率,提高用户体验。 在上述技术方案中,还包括:检测浏览器支持的显示样式;根据所述浏览器支持的显示样式,对所述多个XML文档对象进行处理,以使处理后的所述多个XML文档对象的显示样式适应于所述浏览器支持的显示样式。 在该技术方案中,通过根据浏览器支持的显示样式对多个XML文档对象进行处理,使得XML文档对象的显示样式能够适应于不同的浏览器,同时也能够解决不同浏览器的兼容问题,提高了用户的使用体验。 根据本专利技术的第二方面,还提出了一种动态生成响应式网页的装置,包括:用于加载HTML文件;用于对所述HTML文件进行解析,以得到多个XML文档对象;用于根据所述多个XML文档对象中每个XML文档对象的属性信息对所述多个XML文档对象进行分类,并用于根据特殊对象的匹配方法在所述多个XML文档对象中匹配所述特殊对象,并将匹配到的所述特殊对象按照类型进行再次分类;用于根据所述多个XML文档对象的分类情况,对每类所述XML文档对象进行处理,以生成所述响应式网页。 在该技术方案中,通过将所述HTML文件解析成多个XML文档对象,能够在XML文档下对文档对象进行分类,并实现对文档对象的搜索,通过每个XML文档对象的属性信息对所述多个XML文档对象进行分类,并按照类型对特殊对象再次分类,能够灵活地对不同属性、不同类型的XML文档对象进行不同的处理(如根据实际终端屏幕与浏览器的显示属性进行相应的处理),进而使之生成的响应式网页能够适应具有不同显示属性的终端屏幕与浏览器,降低了响应式网页的开发门槛,提高了响应式网页的开发效率。 在上述技术方案中,优选地,所述处理单元208具体用于:针对不同终端的显示属性,对每类所述XML文档对象进行相应的优化处理,以生成与每个所述终端的显示属性相对应的网页。 在该技术方案中,通过根据不同终端的显示属性,对每类XML对象进行优化,能够使得每类文档对象转换为适应于具有不同显示属性的终端的文档对象,从而使得最终生成的网页能够适应于具有不同显示属性的终端,从而带给用户最佳的视觉体验。其中,不同终端具有不同的显示属性包括终端系统平台、屏幕大小与长宽比例、显示方向等。 在上述技术方案中,优选地,所述处理单元208具体还用于:根据每个所述终端的屏幕比例和显示方向,设定对应的网页内容区域的大小和每类所述XML文档对象的显示方式。 在该技术方案中,根据获取到的不同终端的屏幕比例和显示方向,对网页内容区域的大小和每类XML文档对象的显示方式进行设定使得最终生成的响应式网页能够自适应于具有不同屏本文档来自技高网...
动态生成响应式网页的方法及装置

【技术保护点】
一种动态生成响应式网页的方法,其特征在于,包括:加载HTML文件,对所述HTML文件进行解析,以得到多个XML文档对象;根据所述多个XML文档对象中每个XML文档对象的属性信息对所述多个XML文档对象进行分类;根据特殊对象的匹配方法在所述多个XML文档对象中匹配所述特殊对象,并将匹配到的所述特殊对象按照类型进行再次分类;根据所述多个XML文档对象的分类情况,对每类所述XML文档对象进行处理,以生成所述响应式网页。

【技术特征摘要】

【专利技术属性】
技术研发人员:包文哲
申请(专利权)人:用友优普信息技术有限公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1