渲染方法、装置、设备和存储介质制造方法及图纸

本发明专利技术公开一种渲染方法、装置、设备和存储介质，应用于计算机技术领域。包括：发送网页访问请求，获得网页资源；网页资源包括动态资源和静态资源；静态资源包括在多个路由下分别正常显示的页面组成的路由图片和多个路由分别在路由图片中的关系文件；基于动态资源确定浏览器渲染出的对比页面，根据对比页面、路由图片和关系文件确定对比页面对应的路由在路由图片中对应区域的显示页面；判断对比页面与显示页面是否有差异，获得判断结果；在判断结果表明对比页面与显示页面没有差异的情况下，显示对比页面；本发明专利技术通过网页请求，访问包括路由图片和关系文件的静态资源，极大的缩减了前端开发周期，并避免了浏览器不兼容导致的页面显示失效的风险。面显示失效的风险。面显示失效的风险。

【技术实现步骤摘要】
渲染方法、装置、设备和存储介质


[0001]本专利技术涉及计算机
，特别涉及一种渲染方法、装置、设备和存储介质。

技术介绍

[0002]浏览器渲染内核决定了浏览器如何显示网页的内容以及页面的格式信息。不同浏览器对网页编写语法的解释也不同，因此同一个网页，同一份前端代码，由不同的浏览器渲染，渲染出的效果也不同。即使，现有的不同浏览器内核，对大部分的网页编写语言是相同的，但是仍没有覆盖全部情况，导致页面渲染可能会出现显示问题，浏览器事件失效等情况。现有的技术方案，就是前端开发工作人员基于一款浏览器内核开发完页面后，还要在其他主流浏览器上进行重新调试，以确保网页在不同浏览器上运行均无问题。
[0003]现有方案会导致，在原有开发工期的基础上，还要再加上前端代码在不同版本浏览器上的调试时间，极大的延长了工期。前端开发人员浪费了时间在解决兼容性问题上，而不能将时间利用在更难点、更有价值的技术实现上。并且，即使调试了不同版本浏览器，依然存在以下问题：一是，不能保证覆盖所有浏览器。二是，会有隐藏的问题不能被及时察觉到的风险。如何解决该问题，目前本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种渲染方法，其特征在于，应用于浏览器，所述方法包括：发送网页访问请求，获得网页资源；所述网页资源包括动态资源和静态资源；所述静态资源包括在多个路由下分别正常显示的页面组成的路由图片和所述多个路由分别在所述路由图片中的关系文件；基于所述动态资源确定所述浏览器渲染出的对比页面，根据所述对比页面、所述路由图片和所述关系文件确定所述对比页面对应的路由在所述路由图片中对应区域的显示页面；判断所述对比页面与所述显示页面是否有差异，获得判断结果；在所述判断结果表明所述对比页面与所述显示页面没有差异的情况下，显示所述对比页面。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：在所述判断结果表明所述对比页面与所述显示页面有差异的情况下，获得所述对比页面与所述显示页面的差异信息；基于所述差异信息替换所述浏览器的进程，重新渲染出新的对比页面；根据所述新的对比页面和所述静态资源确定所述新的对比页面对应的路由在所述路由图片中对应区域的显示页面；判断所述新的对比页面与所述显示页面是否有差异，获得判断结果；在所述判断结果表明所述对比页面与所述显示页面没有差异的情况下，显示所述新的对比页面。3.根据权利要求2所述的方法，其特征在于，所述基于所述差异信息替换所述浏览器的进程，重新渲染出新的对比页面，包括：基于所述差异信息确定所述差异信息在所述浏览器中的渲染位置；根据所述渲染位置重新渲染出新的对比页面。4.根据权利要求3所述的方法，其特征在于，所述根据所述渲染位置重新渲染出新的对比页面，包括：获得所述动态资源中的初始层叠样式表；根据所述渲染位置确定新的层叠样式表；将所述新的层叠样式表替换所述初始层叠样式表，重新渲染出新的对比页面。5.根据权利要求1所述的方法，其特征在于，所述动态资源包括网页的描述性文本和初始层叠样式表；所述基于所述动态资源确定所述...

【专利技术属性】
技术研发人员：夏园园，薛松明，
申请(专利权)人：中国移动通信集团有限公司，
类型：发明
国别省市：