CN109144567B - 跨平台的网页渲染方法、装置、服务器及存储介质 - Google Patents
跨平台的网页渲染方法、装置、服务器及存储介质 Download PDFInfo
- Publication number
- CN109144567B CN109144567B CN201810876726.XA CN201810876726A CN109144567B CN 109144567 B CN109144567 B CN 109144567B CN 201810876726 A CN201810876726 A CN 201810876726A CN 109144567 B CN109144567 B CN 109144567B
- Authority
- CN
- China
- Prior art keywords
- webpage
- browser
- target
- compatible
- target webpage
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/76—Adapting program code to run in a different environment; Porting
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明实施例公开了一种跨平台的网页渲染方法、装置、服务器及存储介质。该方法包括:获取浏览器的网页请求信息,所述网页请求信息包括浏览器版本信息和目标网页地址;根据所述浏览器版本信息,确定所述浏览器能否解析所述目标网页地址对应的目标网页;在所述浏览器不能解析所述目标网页时,将所述目标网页转换成网页图片,并增加对应的页面脚本,生成兼容网页;将所述兼容网页返回给所述浏览器。本发明实施例将目标网页转换成图片形式的兼容网页,兼容了各个版本的浏览器,而且不需要重新开发兼容低版本浏览器的网页,节省了开发工作量。
Description
技术领域
本发明实施例涉及计算机技术,尤其涉及一种跨平台的网页渲染方法、装置、服务器及存储介质。
背景技术
医院中的临床信息系统通常分为C/S架构(客户端/服务器架构)和B/S架构(浏览器/服务器架构)。其中,B/S架构是随着Internet技术的兴起,对C/S结构的一种变化或者改进的结构。在B/S结构下,用户工作界面是通过浏览器来实现,这种模式统一了客户端,将系统功能实现的核心部分集中到服务器上,简化了系统的开发、维护和使用。客户机上只要安装一个浏览器(Browser),如Netscape Navigator或Internet Explorer,就可以使用系统功能。
但是随着时代的发展,浏览器的版本不断的更新进步,老式的浏览器与新版本的浏览器之间的差异性变的越来越大,几乎无法兼容。医院的系统软件大多老旧,架构在老版的浏览器上,例如BUG众多的IE6、IE7或IE8,但新式的软件为了使用最新的技术或强大的框架(React、Angular等),大多都部署在新版本的浏览器上,由于医院内部的系统需要相互交换数据,互相调用,导致老旧的信息系统无法调用或者查看最新的浏览器架构的软件,无法完成新软件的部署,整个信息系统闭环无法完成。
目前的解决方案是在开发新软件的时候使用完全兼容旧版浏览器的技术,或者在旧的系统上升级新的功能来兼容新的软件,例如,为了兼容旧版浏览器,把同样的功能用旧的技术如jquery等重新开发一遍,开发工作量较大。
发明内容
有鉴于此,本发明实施例提供一种跨平台的网页渲染方法、装置、服务器及存储介质,以节省开发工作量并兼容各个版本的浏览器。
第一方面,本发明实施例提供了一种跨平台的网页渲染方法,所述方法包括:
获取浏览器的网页请求信息,所述网页请求信息包括浏览器版本信息和目标网页地址;
根据所述浏览器版本信息,确定所述浏览器能否解析所述目标网页地址对应的目标网页;
在所述浏览器不能解析所述目标网页时,将所述目标网页转换成网页图片,并增加对应的页面脚本,生成兼容网页;
将所述兼容网页返回给所述浏览器。
第二方面,本发明实施例还提供了一种跨平台的网页渲染装置,所述装置包括:
网页请求获取模块,用于获取浏览器的网页请求信息,所述网页请求信息包括浏览器版本信息和目标网页地址;
确定模块,用于根据所述浏览器版本信息,确定所述浏览器能否解析所述目标网页地址对应的目标网页;
兼容网页生成模块,用于在所述浏览器不能解析所述目标网页时,将所述目标网页转换成网页图片,并增加对应的页面脚本,生成兼容网页;
兼容网页返回模块,用于将所述兼容网页返回给所述浏览器。
第三方面,本发明实施例还提供了一种服务器,所述服务器包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现本发明任一实施例所述的跨平台的网页渲染方法。
第四方面,本发明实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现本发明任一实施例所述的跨平台的网页渲染方法。
本发明实施例的技术方案,通过获取浏览器的网页请求信息,所述网页请求信息包括浏览器版本信息和目标网页地址,根据浏览器版本信息,确定所述浏览器能否解析所述目标网页地址对应的目标网页,在浏览器不能解析目标网页时,将目标网页转换成网页图片,并增加对应的页面脚本,生成兼容网页,将兼容网页返回给浏览器,由于兼容网页是图片形式的,所以兼容了各个版本的浏览器,而且不需要重新开发兼容低版本浏览器的网页,节省了开发工作量。
附图说明
图1是本发明实施例一提供的一种跨平台的网页渲染方法的流程图;
图2是本发明实施例二提供的一种跨平台的网页渲染方法的流程图;
图3是本发明实施例三提供的一种跨平台的网页渲染方法的流程图;
图4是本发明实施例三中的跨平台的网页渲染系统的结构示意图;
图5是本发明实施例四提供的一种跨平台的网页渲染装置的结构示意图;
图6为本发明实施例五提供的一种服务器的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部内容。
实施例一
图1是本发明实施例一提供的一种跨平台的网页渲染方法的流程图,本实施例可适用于在不同版本的浏览器中兼容网页的情况,该方法可以由跨平台的网页渲染装置来执行,该装置可以由软件和/或硬件来实现,一般可集成在服务器上。该方法具体包括如下步骤:
步骤110,获取浏览器的网页请求信息,所述网页请求信息包括浏览器版本信息和目标网页地址。
用户通过浏览器查看某一网页时,点击相应的按钮或者输入相应的网址后,将网页请求信息发送给服务器,服务器便可以接收到浏览器的网页请求信息。所述网页请求信息中包括浏览器版本信息和目标网页地址,浏览器版本信息一般不是直接给出,可以通过浏览器的window.navigator.userAgent属性来识别该浏览器的版本。其中,window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息,该属性可以判断浏览器类型,例如window.navigator.userAgent属性为(5.0(Windows NT 10.0;Win64;x64)AppleWebKit/537.36(KHTML,like Gecko)Chrome/67.0.3396.87Safari/537.36"),则浏览器版本为Chrome 67。
其中,所述服务器可以为医院中的临床信息系统的应用服务器。
步骤120,根据所述浏览器版本信息,确定所述浏览器能否解析所述目标网页地址对应的目标网页。
根据所述目标网页地址,确定目标网页对应的浏览器版本,如果浏览器版本信息中的浏览器版本低于目标网页对应的浏览器版本,则确定浏览器不能解析目标网页地址对应的目标网页,如果浏览器版本信息中的浏览器版本不低于目标网页对应的浏览器版本,则确定浏览器能够解析所述目标网页地址对应的目标网页。
其中,目标网页对应的浏览器版本可能会包括多个浏览器版本,确定浏览器版本信息中的浏览器版本是否低于目标网页对应的浏览器版本时,可以与目标网页对应的浏览器版本中的最低版本进行比较确定。
其中,根据所述浏览器版本信息,确定所述浏览器能否解析所述目标网页地址对应的目标网页,可选包括:
当所述浏览器版本信息低于所述目标网页对应的预设浏览器版本阈值时,确定所述浏览器不能解析所述目标网页;或者
将所述浏览器版本信息在预先建立的浏览器版本与可解析的网页的对应关系中查询,确定所述浏览器版本信息可解析的网页,并根据浏览器版本信息可解析的网页是否包括所述目标网页确定所述浏览器能否解析所述目标网页。
目标网页对应一个能够解析该目标网页的预设浏览器版本阈值,当浏览器版本信息低于预设浏览器版本阈值时,确定浏览器不能解析所述目标网页,当浏览器版本信息高于预设浏览器版本阈值时,确定所述浏览器能解析所述目标网页,通过该方式可以快速确定浏览器能否解析目标网页,提高处理速度。将浏览器版本信息在预先建立的浏览器版本与可解析的网页的对应关系中查询,确定浏览器版本信息可解析的网页,在浏览器版本信息可解析的网页中包括目标网页时确定浏览器能解析所述目标网页,在浏览器版本信息可解析的网页中不包括目标网页时确定浏览器不能解析目标网页,通过该方式也可以快速确定浏览器能否解析目标网页,提高处理速度。
步骤130,在所述浏览器不能解析所述目标网页时,将所述目标网页转换成网页图片,并增加对应的页面脚本,生成兼容网页。
其中,旧版浏览器无法访问最新技术开发的网页的根本原因是旧版浏览器(例如IE6、IE7、IE8及Chrome43以下版本等)不支持最新的HTML5及ECMAscript5以上的标准。例如,医院的客户使用HIS(Hospital Information System,医院信息系统)、LIS(LaboratoryInformation System,实验室信息系统)等系统已经很多年,该系统支持的浏览器版本都很低,如:IE6、IE7、IE8,当安装新的B/S软件以后,HIS系统想要调用新软件的文书或者数据的时候需要在系统内嵌的浏览器里直接打开新网页的链接,新网页是用最新的框架开发的网页,内嵌的浏览器无法打开该网页,造成两边的系统无法共享文书数据。
在所述浏览器不能解析所述目标网页时,则服务器作为代理解析所述目标网页,则解析得到网页解析结果时,将对应的内容转换成图片,并在对应的点击事件位置添加页面脚本,生成兼容网页。
步骤140,将所述兼容网页返回给所述浏览器。
将所述兼容网页返回给所述浏览器,由于兼容网页是图片形式的,所以各个版本的浏览器均可以打开。
本实施例的技术方案,通过获取浏览器的网页请求信息,所述网页请求信息包括浏览器版本信息和目标网页地址,根据浏览器版本信息,确定所述浏览器能否解析所述目标网页地址对应的目标网页,在浏览器不能解析目标网页时,将目标网页转换成网页图片,并增加对应的页面脚本,生成兼容网页,将兼容网页返回给浏览器,由于兼容网页是图片形式的,所以兼容了各个版本的浏览器,而且不需要重新开发兼容低版本浏览器的网页,节省了开发工作量,不需要强制用户升级最新版本,解决了新旧软件的冲突,老版本的软件不需要全面升级就可以访问新版浏览器软件下的系统,节省了大量软件置换更新的成本。
在上述技术方案的基础上,在所述浏览器不能解析所述目标网页时,将所述目标网页转换成网页图片,并增加对应的页面脚本,生成兼容网页,可选包括:
在所述浏览器不能解析所述目标网页时,将所述目标网页地址发送给预先构建的渲染服务器,由所述渲染服务器将所述目标网页转换成网页图片,并增加对应的页面脚本,生成兼容网页。
可以提前在任意主机上架构一个渲染服务器,并打开一个端口开放服务,例如192.168.0.1:8080,在浏览器不能解析目标网页时,将目标网页地址发送给预先构建的渲染服务器,如目标网页地址为:192.168.0.1:8080?address=192.168.1.1/index.html,渲染服务器作为代理解析目标网页并将目标网页转换成图片,增加对应的页面脚本,生成兼容网页,并返回给应用服务器,由应用服务器将兼容网页返回给浏览器。通过预先构建的渲染服务器作为代理来解析目标网页并将目标网页转换成图片形式的兼容网页,相比应用服务器自己处理来说,避免了应用服务器的业务阻塞,保证应用服务器的安全运行。
实施例二
图2是本发明实施例二提供的一种跨平台的网页渲染方法的流程图,本实施例在上述实施例的基础上进行了优化。如图2所示,该方法具体包括如下步骤:
步骤210,获取浏览器的网页请求信息,所述网页请求信息包括浏览器版本信息和目标网页地址。
步骤220,根据所述浏览器版本信息,确定所述浏览器能否解析所述目标网页地址对应的目标网页。
步骤230,对所述目标网页进行解析,得到网页解析结果。
对目标网页进行解析,得到目标网页包括的显示信息及点击事件,所述显示信息及点击事件即所述网页解析结果。
其中,对所述目标网页进行解析,得到网页解析结果,可选包括:
通过HTTP协议获取所述目标网页中的脚本内容;
对所述脚本内容进行解析,得到网页解析结果。
通过HTTP(HyperText Transfer Protocol,超文本传输协议)协议获取目标网页中的脚本内容,将脚本内容按照W3C标准、ECMAscript标准解析,得到包括显示信息及点击事件的网页解析结果。
步骤240,根据所述网页解析结果,绘制对应的网页图片,并增加对应的页面脚本,生成兼容网页。
其中,所述网页图片是所有版本的浏览器都可以正常显示的图片。
根据网页解析结果中的显示信息,绘制对应的网页图片,并根据网页解析结果中的点击事件所在的节点,用脚本在图片中该节点位置绘制透明按钮,并给该透明按钮赋予相同的点击事件,如跳转事件等,形成页面脚本,将所述网页图片和页面脚本组成兼容网页。
其中,根据所述网页解析结果,绘制对应的网页图片,并增加对应的页面脚本,生成兼容网页,包括:
根据所述网页解析结果,绘制对应的网页图片;
在所述网页解析结果中存在点击事件的节点时,在所述网页图片的对应位置添加透明按钮,并赋予所述透明按钮相同的点击事件,生成所述页面脚本;
创建一段HTML文本,并将所述网页图片和所述页面脚本置入所述HTML文本中,生成兼容网页。
根据网页解析结果中的显示信息,绘制对应的网页图片,在网页解析结果中存在点击事件的节点时,在网页图片中的节点位置添加透明按钮,并赋予透明按钮相同的点击事件,生成页面脚本,创建一段HTML(HyperText Markup Language,超文本标记语言)文本,将网页图片和页面脚本置入HTML文本中,生成兼容网页,从而在低版本的浏览器上可以正常显示并响应相应的点击事件。
步骤250,将所述兼容网页返回给所述浏览器。
本实施例的技术方案,通过对目标网页进行解析得到网页解析结果,根据网页解析结果绘制对应的网页图片,并增加对应的页面脚本,生成兼容网页,节省了开发工作量。
实施例三
图3是本发明实施例三提供的一种跨平台的网页渲染方法的流程图,本实施例在上述实施例的基础上进行了优化。
图4是本发明实施例三中的跨平台的网页渲染系统的结构示意图,如图4所示,跨平台的网页渲染系统包括新信息系统(即应用服务器)410、渲染服务器420、常规浏览器430和低版本浏览器440,在正常用户使用常规浏览器430访问index.html时,新信息系统410返回正常的index.html给常规浏览器430,在旧信息系统调用低版本浏览器或非常规用户使用低版本浏览器440访问index.html时,新信息系统410判断低版本浏览器440不能解析index.html对应的目标网页,将index.html提交至渲染服务器420,渲染服务器420解析目标网页,绘制网页图片并添加页面脚本,组合成低版本浏览器440能访问的new.index.html,并返回给新信息系统410,由新信息系统410将new.index.html返回给低版本浏览器440,从而低版本浏览器440可以正常访问。
具体的,如图3所示,该方法包括如下步骤:
步骤310,应用服务器获取浏览器的网页请求信息,所述网页请求信息包括浏览器版本信息和目标网页地址。
步骤320,应用服务器根据所述浏览器版本信息,确定所述浏览器能否解析所述目标网页地址对应的目标网页。
步骤330,在所述浏览器不能解析所述目标网页时,将所述目标网页地址发送给预先构建的渲染服务器。
其中,渲染服务器可以架构在任意主机上,并打开一个端口开发服务,例如192.168.0.1:8080。
步骤340,渲染服务器获取所述目标网页地址对应的目标网页,通过HTTP协议获取所述目标网页中的脚本内容。
其中,目标网页地址例如为192.168.0.1:8080?address=192.168.1.1/index.html。
步骤350,渲染服务器对所述脚本内容按照W3C标准、ECMAscript标准进行解析,得到网页解析结果。
步骤360,渲染服务器根据所述网页解析结果,绘制对应的网页图片。
步骤370,渲染服务器在所述网页解析结果中存在点击事件的节点时,在所述网页图片的对应位置添加透明按钮,并赋予所述透明按钮相同的点击事件,生成所述页面脚本。
步骤380,渲染服务器创建一段超文本标记语言HTML文本,并将所述网页图片和所述页面脚本置入所述HTML文本中,生成兼容网页,并返回给应用服务器。
例如,将192.168.1.1/index.html内容置换成网页图片和页面脚本,并生成新的兼容网页,如new.index.html。
步骤390,应用服务器将兼容网页返回给浏览器。
本实施例的技术方案,通过在浏览器不能解析目标网页时,由渲染服务器作为代理解析目标网页,并转换为图片形式的兼容网页后返回给浏览器,使得各个版本的浏览器均可以正常使用新技术带来的强大的功能特性、高效的开发效率及美观的界面,同时也保证了在低版本浏览器环境下的可访问性,与以往需要兼容老式浏览器需要单独开发一套兼容版的做法相比,节省了大量开发力量,不需要为兼容旧版浏览器做任何开发,同时解决了新旧软件的冲突,老版本的软件不需要全面升级就可以访问其他新版浏览器软件下的系统,节省了大量软件置换更新的成本,而且在目标网页是使用最新的前端框架开发的网页,低版本浏览器(如IE6、IE7、IE8等)也可以查看,可以正常使用。
实施例四
图5是本发明实施例四提供的一种跨平台的网页渲染装置的结构示意图,本实施例可适用于在不同版本的浏览器中兼容网页的情况,该装置可以执行跨平台的网页渲染方法,该装置可以由软件和/或硬件来实现,一般可集成在服务器上。如图5所示,本实施例所述的跨平台的网页渲染装置包括:网页请求获取模块510、确定模块520、兼容网页生成模块530和兼容网页返回模块540。
其中,网页请求获取模块510,用于获取浏览器的网页请求信息,所述网页请求信息包括浏览器版本信息和目标网页地址;
确定模块520,用于根据所述浏览器版本信息,确定所述浏览器能否解析所述目标网页地址对应的目标网页;
兼容网页生成模块530,用于在所述浏览器不能解析所述目标网页时,将所述目标网页转换成网页图片,并增加对应的页面脚本,生成兼容网页;
兼容网页返回模块540,用于将所述兼容网页返回给所述浏览器。
可选的,所述兼容网页生成模块具体用于:
在所述浏览器不能解析所述目标网页时,将所述目标网页地址发送给预先构建的渲染服务器,由所述渲染服务器将所述目标网页转换成网页图片,并增加对应的页面脚本,生成兼容网页。
可选的,所述兼容网页生成模块包括:
网页解析单元,用于对所述目标网页进行解析,得到网页解析结果;
兼容网页生成单元,用于根据所述网页解析结果,绘制对应的网页图片,并增加对应的页面脚本,生成兼容网页。
可选的,所述兼容网页生成单元具体用于:
根据所述网页解析结果,绘制对应的网页图片;
在所述网页解析结果中存在点击事件的节点时,在所述网页图片的对应位置添加透明按钮,并赋予所述透明按钮相同的点击事件,生成所述页面脚本;
创建一段超文本标记语言HTML文本,并将所述网页图片和所述页面脚本置入所述HTML文本中,生成兼容网页。
可选的,所述网页解析单元具体用于:
通过HTTP协议获取所述目标网页中的脚本内容;
对所述脚本内容进行解析,得到网页解析结果。
可选的,所述确定模块具体用于:
当所述浏览器版本信息低于所述目标网页对应的预设浏览器版本阈值时,确定所述浏览器不能解析所述目标网页;或者
将所述浏览器版本信息在预先建立的浏览器版本与可解析的网页的对应关系中查询,确定所述浏览器版本信息可解析的网页,并根据浏览器版本信息可解析的网页是否包括所述目标网页确定所述浏览器能否解析所述目标网页。
上述跨平台的网页渲染装置可执行本发明任意实施例所提供的跨平台的网页渲染方法,具备执行方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节,可参见本发明任意实施例提供的跨平台的网页渲染方法。
实施例五
图6为本发明实施例五提供的一种服务器的结构示意图,如图6所示,该数据库服务器包括处理器610、存储器620、输入装置630和输出装置640;服务器中处理器610的数量可以是一个或多个,图6中以一个处理器610为例;服务器中的处理器610、存储器620、输入装置630和输出装置640可以通过总线或其他方式连接,图6中以通过总线连接为例。
存储器620作为一种计算机可读存储介质,可用于存储软件程序、计算机可执行程序以及模块,如本发明实施例中的跨平台的网页渲染方法对应的程序指令/模块(例如,跨平台的网页渲染装置中的网页请求获取模块510、确定模块520、兼容网页生成模块530和兼容网页返回模块540)。处理器610通过运行存储在存储器620中的软件程序、指令以及模块,从而执行服务器的各种功能应用以及数据处理,即实现上述的数据库的列存储方法。
存储器620可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序;存储数据区可存储根据服务器的使用所创建的数据等。此外,存储器620可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中,存储器620可进一步包括相对于处理器610远程设置的存储器,这些远程存储器可以通过网络连接至服务器。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
输入装置630可用于接收输入的数字或字符信息,以及产生与服务器的用户设置以及功能控制有关的键信号输入。输出装置640可包括显示屏等显示设备。
实施例六
本发明实施例六还提供一种包含计算机可执行指令的存储介质,所述计算机可执行指令在由计算机处理器执行时用于执行一种跨平台的网页渲染方法,该方法包括:
获取浏览器的网页请求信息,所述网页请求信息包括浏览器版本信息和目标网页地址;
根据所述浏览器版本信息,确定所述浏览器能否解析所述目标网页地址对应的目标网页;
在所述浏览器不能解析所述目标网页时,将所述目标网页转换成网页图片,并增加对应的页面脚本,生成兼容网页;
将所述兼容网页返回给所述浏览器。
当然,本发明实施例所提供的一种包含计算机可执行指令的存储介质,其计算机可执行指令不限于如上所述的方法操作,还可以执行本发明任意实施例所提供的跨平台的网页渲染方法中的相关操作。
通过以上关于实施方式的描述,所属领域的技术人员可以清楚地了解到,本发明可借助软件及必需的通用硬件来实现,当然也可以通过硬件实现,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在计算机可读存储介质中,如计算机的软盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(RandomAccess Memory,RAM)、闪存(FLASH)、硬盘或光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
值得注意的是,上述跨平台的网页渲染装置的实施例中,所包括的各个单元和模块只是按照功能逻辑进行划分的,但并不局限于上述的划分,只要能够实现相应的功能即可;另外,各功能单元的具体名称也只是为了便于相互区分,并不用于限制本发明的保护范围。
注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (8)
1.一种跨平台的网页渲染方法,其特征在于,所述方法包括:
获取浏览器的网页请求信息,所述网页请求信息包括浏览器版本信息和目标网页地址;
根据所述浏览器版本信息,确定所述浏览器能否解析所述目标网页地址对应的目标网页;
在所述浏览器不能解析所述目标网页时,将所述目标网页地址发送给预先构建的渲染服务器,由所述渲染服务器将所述目标网页转换成网页图片,并增加对应的页面脚本,生成兼容网页;
将所述兼容网页返回给所述浏览器。
2.根据权利要求1所述的方法,其特征在于,将所述目标网页转换成网页图片,并增加对应的页面脚本,生成兼容网页,包括:
对所述目标网页进行解析,得到网页解析结果;
根据所述网页解析结果,绘制对应的网页图片,并增加对应的页面脚本,生成兼容网页。
3.根据权利要求2所述的方法,其特征在于,根据所述网页解析结果,绘制对应的网页图片,并增加对应的页面脚本,生成兼容网页,包括:
根据所述网页解析结果,绘制对应的网页图片;
在所述网页解析结果中存在点击事件的节点时,在所述网页图片的对应位置添加透明按钮,并赋予所述透明按钮相同的点击事件,生成所述页面脚本;
创建一段超文本标记语言HTML文本,并将所述网页图片和所述页面脚本置入所述HTML文本中,生成兼容网页。
4.根据权利要求2所述的方法,其特征在于,对所述目标网页进行解析,得到网页解析结果,包括:
通过HTTP协议获取所述目标网页中的脚本内容;
对所述脚本内容进行解析,得到网页解析结果。
5.根据权利要求1所述的方法,其特征在于,根据所述浏览器版本信息,确定所述浏览器能否解析所述目标网页地址对应的目标网页,包括:
当所述浏览器版本信息低于所述目标网页对应的预设浏览器版本阈值时,确定所述浏览器不能解析所述目标网页;或者
将所述浏览器版本信息在预先建立的浏览器版本与可解析的网页的对应关系中查询,确定所述浏览器版本信息可解析的网页,并根据浏览器版本信息可解析的网页是否包括所述目标网页确定所述浏览器能否解析所述目标网页。
6.一种跨平台的网页渲染装置,其特征在于,所述装置包括:
网页请求获取模块,用于获取浏览器的网页请求信息,所述网页请求信息包括浏览器版本信息和目标网页地址;
确定模块,用于根据所述浏览器版本信息,确定所述浏览器能否解析所述目标网页地址对应的目标网页;
兼容网页生成模块,用于在所述浏览器不能解析所述目标网页时,将所述目标网页地址发送给预先构建的渲染服务器,由所述渲染服务器将所述目标网页转换成网页图片,并增加对应的页面脚本,生成兼容网页;
兼容网页返回模块,用于将所述兼容网页返回给所述浏览器。
7.一种服务器,其特征在于,所述服务器包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-5中任一所述的跨平台的网页渲染方法。
8.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-5中任一所述的跨平台的网页渲染方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810876726.XA CN109144567B (zh) | 2018-08-03 | 2018-08-03 | 跨平台的网页渲染方法、装置、服务器及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810876726.XA CN109144567B (zh) | 2018-08-03 | 2018-08-03 | 跨平台的网页渲染方法、装置、服务器及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109144567A CN109144567A (zh) | 2019-01-04 |
CN109144567B true CN109144567B (zh) | 2021-09-14 |
Family
ID=64791541
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810876726.XA Active CN109144567B (zh) | 2018-08-03 | 2018-08-03 | 跨平台的网页渲染方法、装置、服务器及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109144567B (zh) |
Families Citing this family (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110737858A (zh) * | 2019-10-16 | 2020-01-31 | 紫光云技术有限公司 | 一种跨平台页面显示方法 |
CN111177606B (zh) * | 2019-12-23 | 2023-12-15 | 望海康信(北京)科技股份公司 | 控制浏览器渲染网页的方法及装置 |
CN113498512A (zh) * | 2020-01-21 | 2021-10-12 | 深圳元戎启行科技有限公司 | 车载图像显示的优化方法、装置、计算机设备和存储介质 |
CN111639278B (zh) * | 2020-05-26 | 2024-03-08 | 北京三快在线科技有限公司 | 一种网页加载方法及装置 |
CN112597423B (zh) * | 2021-01-04 | 2023-11-03 | 聚好看科技股份有限公司 | 一种网页内容显示方法、终端及服务器 |
CN114329298B (zh) * | 2021-12-31 | 2022-11-18 | 北京海泰方圆科技股份有限公司 | 一种页面呈现方法、装置、电子设备及存储介质 |
CN116595284B (zh) * | 2023-07-13 | 2023-10-03 | 太平金融科技服务(上海)有限公司 | 网页系统运行方法、装置、设备、存储介质和程序 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103425699A (zh) * | 2012-05-24 | 2013-12-04 | 腾讯科技(深圳)有限公司 | 获取网页的方法、设备和系统 |
CN103942291A (zh) * | 2014-04-11 | 2014-07-23 | 北京金山网络科技有限公司 | 在浏览器界面显示信息的方法及装置 |
CN103957466A (zh) * | 2014-05-21 | 2014-07-30 | 杭州智屏科技有限公司 | 基于机顶盒进行网页展示的方法、服务器及系统 |
KR20150006612A (ko) * | 2013-07-09 | 2015-01-19 | 애니라인주식회사 | 웹 브라우저 호환성 및 폰트 유지를 위한 웹 페이지 생성방법 및 시스템 |
CN106599001A (zh) * | 2015-10-20 | 2017-04-26 | 中国电信股份有限公司 | 网页内容获取方法和系统 |
CN107885662A (zh) * | 2017-11-09 | 2018-04-06 | 郑州云海信息技术有限公司 | 一种基于多浏览器多版本兼容性问题的测试方法 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP4720884B2 (ja) * | 2008-09-19 | 2011-07-13 | コニカミノルタビジネステクノロジーズ株式会社 | 画像処理装置、画像形成装置、インデックス生成方法、およびインデックス生成プログラム |
-
2018
- 2018-08-03 CN CN201810876726.XA patent/CN109144567B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103425699A (zh) * | 2012-05-24 | 2013-12-04 | 腾讯科技(深圳)有限公司 | 获取网页的方法、设备和系统 |
KR20150006612A (ko) * | 2013-07-09 | 2015-01-19 | 애니라인주식회사 | 웹 브라우저 호환성 및 폰트 유지를 위한 웹 페이지 생성방법 및 시스템 |
CN103942291A (zh) * | 2014-04-11 | 2014-07-23 | 北京金山网络科技有限公司 | 在浏览器界面显示信息的方法及装置 |
CN103957466A (zh) * | 2014-05-21 | 2014-07-30 | 杭州智屏科技有限公司 | 基于机顶盒进行网页展示的方法、服务器及系统 |
CN106599001A (zh) * | 2015-10-20 | 2017-04-26 | 中国电信股份有限公司 | 网页内容获取方法和系统 |
CN107885662A (zh) * | 2017-11-09 | 2018-04-06 | 郑州云海信息技术有限公司 | 一种基于多浏览器多版本兼容性问题的测试方法 |
Also Published As
Publication number | Publication date |
---|---|
CN109144567A (zh) | 2019-01-04 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109144567B (zh) | 跨平台的网页渲染方法、装置、服务器及存储介质 | |
US10726195B2 (en) | Filtered stylesheets | |
CN109522018B (zh) | 页面处理方法、装置及存储介质 | |
US8413044B2 (en) | Method and system of retrieving Ajax web page content | |
US10346501B2 (en) | Mobile enablement of existing web sites | |
KR20080053293A (ko) | 클라이언트 스크립트 웹 페이지에 대한 서버측 초기 콘텐츠렌더링 | |
US11003835B2 (en) | System and method to convert a webpage built on a legacy framework to a webpage compatible with a target framework | |
US20170289293A1 (en) | Manipulation of browser dom on server | |
US11677809B2 (en) | Methods for transforming a server side template into a client side template and devices thereof | |
CN111831384A (zh) | 语言切换方法和装置、设备及存储介质 | |
CN110727429B (zh) | 一种前端页面的生成方法、装置及设备 | |
CN109240700B (zh) | 关键代码定位方法与系统 | |
CN111459537A (zh) | 冗余代码去除方法、装置、设备与计算机可读存储介质 | |
US20110035433A1 (en) | Webpage display method, computer system, and program | |
CN105528369A (zh) | 网页转码方法、装置以及服务器 | |
CN111310005A (zh) | 网络请求的处理方法及装置、服务器和存储介质 | |
KR20120122959A (ko) | 웹 컨텐츠 수집방법 및 수집장치, 그 기록매체 | |
CN109062784B (zh) | 接口参数约束代码入口定位方法与系统 | |
Oh et al. | Automated transformation of template-based web applications into single-page applications | |
CN110851678A (zh) | 一种爬取数据的方法和装置 | |
US20130111329A1 (en) | Hinting system at user interface design time | |
KR100880709B1 (ko) | 자바스크립트 함수 자동 분석 방법 및 상기 방법을 이용한능동형 웹 수집 로봇 시스템 | |
CN109062785B (zh) | 接口参数约束代码定位方法与系统 | |
CN115525305A (zh) | 数据处理、应用启动方法、装置、计算机设备和存储介质 | |
CN112433752A (zh) | 页面解析方法、装置、介质及电子设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |