[发明专利]转码后线上线下环境页面对比的分析方法和设备

说明书

技术领域

本发明涉及转码后页面效果的比较，更具体地讲，涉及一种转码后线上线下环境页面对比的分析方法和设备。 

背景技术

以前的网页主要针对计算机等固定终端，随着智能终端(例如智能手机）等也可以浏览各种网页的移动终端的出现，由于这些移动终端的显示屏幕的大小或者移动终端中系统的限制，并不是所有的移动终端都能够很好地显示出各种网页的网页效果，因此需要使用转码器对原本针对计算机设计的原网页进行转码，使其适应各种移动终端的显示屏幕。 

由于互联网的网页千姿百态、页面类型和形态不胜枚举，现有技术中对转码页面的质量测试是用人工用肉眼进行测试，即人工对两个网页进行一一比对以找到差异。由于人为主观因素，还容易导致测试的页面种类不全，使测试结果参考性大打折扣。 

发明内容

因此，本发明提供了一种用于转码后线上线下环境页面对比的分析方法，所述方法包括：获取并存储配置文件；根据存储的配置文件获取线上和线下访问的html页面；通过对比线上和线下访问的html页面的Dom树来获取线上和线下访问的html页面之间的差别；根据获取的线上和线下访问的html页面之间的差别来对线上和线下访问的html页面之间的相似性进行打分；根据获取的线上和线下访问的html页面之间的差别来将线上和线下访问的html页面之间的变化进行漂染；展现漂染后的线上和线下访问的html页面以及打分结果。 

优选地，获取线上和线下访问的html页面可包括：根据存储的配置文件拼接线上和线下访问的URL；根据拼接的线上和线下访问的URL获取执行 javascript后的线上和线下访问的html页面。 

优选地，可通过使用模拟浏览内核程序来执行URL，从而生成执行javascript后的html页面。 

优选地，获取线上和线下访问的html页面之间的差别可包括：预处理线上和线下访问的html页面；对比预处理后的线上和线下访问的html页面的Dom树。 

优选地，对比预处理后的线上和线下访问的html页面的Dom树可包括：获取线上和线下访问的html页面的Dom树；遍历Dom树获取各个标签的内容；分别针对线上和线下访问的html页面的Dom树中获取的各个标签内容进行比较；以Hash数组形式展示比较结果。 

本发明提供了一种用于转码后线上线下环境页面对比的分析设备，所述分析设备可包括：配置文件获取单元，获取并存储配置文件；HTML页面获取单元，根据存储的配置文件获取线上和线下访问的html页面；HTML页面差别计算单元，通过对比线上和线下访问的html页面的Dom树来获取线上和线下访问的html页面之间的差别；打分单元，根据获取的线上和线下访问的html页面之间的差别来对线上和线下访问的html页面之间的相似性进行打分；漂染单元，根据获取的线上和线下访问的html页面之间的差别来将线上和线下访问的html页面之间的变化进行漂染；展现单元，展现漂染后的线上和线下访问的html页面以及打分结果。 

优选地，HTML页面获取单元可包括：URL拼接子单元，根据存储的配置文件拼接线上和线下访问的URL；HTML页面获取子单元，根据拼接的线上和线下访问的URL获取执行javascript后的线上和线下访问的html页面。 

优选地，HTML页面获取子单元可通过使用模拟浏览内核程序来执行URL，从而生成执行javascript后的html页面。 

优选地，HTML页面差别计算单元可包括：HTML页面预处理单元，预处理线上和线下访问的html页面；Dom树对比单元，对比预处理后的线上和线下访问的html页面的Dom树。 

优选地，Dom树对比单元可通过获取线上和线下访问的html页面的Dom树，遍历Dom树获取各个标签的内容，分别针对线上和线下访问的html页面的Dom树中获取的各个标签内容进行比较，并以Hash数组形式展示比较结果，来对比预处理后的线上和线下访问的html页面的Dom树。 

将在接下来的描述中部分阐述本发明另外的方面和/或优点，还有一部分通过描述将是清楚的，或者可以经过本发明的实施而得知。 

附图说明

通过下面结合附图对本发明的实施例进行描述，本发明的上述和其他目的将会变得更加清楚，其中： 

图1是示出根据本发明实施例的用于转码后线上线下环境页面对比的分析方法的流程图； 

图2是示出根据本发明实施例的根据存储的配置文件获取线上和线下访问的html页面的详细过程；