一种基于多版本共存的页面加载方法及装置的制造方法

文档序号:10488756阅读:283来源:国知局
一种基于多版本共存的页面加载方法及装置的制造方法
【专利摘要】本发明公开了一种基于多版本共存的页面加载方法及装置。所述方法包括:在页面加载过程中,加载第一版本的代码;在所述页面的所述第一版本的代码的所显示的功能不变的情况上,继续加载第二版本的代码,使得所述第一版本的代码和所述第二版本的代码共存在所述页面中。本发明还公开了用于实现所述方法的装置。本发明的技术方案,通过采用上述技术方案,可以避免第二版本的代码的修改导致第一版本的代码的功能无法继续使用的问题,从而增强了两代版本的功能的兼容性,保证了两代版本的所有功能均可以正常使用。
【专利说明】
一种基于多版本共存的页面加载方法及装置
技术领域
[0001]本发明涉及互联网技术领域,尤其涉及一种基于多版本共存的页面加载方法及装置。
【背景技术】
[0002]近年来,随着互联网的迅猛发展,人们的生活已经全面进入互联网时代,吃、穿、住、行等等所有与生活息息相关的都深深地打上了互联网的烙印。
[0003]现有技术中,互联网中的很多网站采用JQuery来开发。jQuery是JavaScript和查询(Query),即是辅助JavaScript开发的库,是继prototype之后又一个优秀的Javascript库;它是轻量级的js库,它兼容层叠样式表(Cascading Style Sheet 3;CSS3),还兼容各种浏览器(如 IE 6.0+,FF 1.5+, Safari 2.0+或者 Opera 9.0+)。jQuery 是免费、开源的,使用MIT许可协议。jQuery的语法设计可以使开发更加便捷,例如操作文档对象、选择文档对象模型(Document Object Model,简称D0M)元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外,jQuery提供应用程序编程接口(Applicat1n Programming Interface;API),让开发者编写插件,其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
[0004]但是,在同一个网页的页面中,多版本的jQuery互相不兼容,旧的代码与旧版本兼容,新版删除了某些功能,不能与旧版本兼容,导致旧版本的旧代码对应的功能无法使用。

【发明内容】

[0005]本发明实施例提供一种基于多版本共存的页面加载方法及装置,用于实现同一个网页的页面中,多版本的兼容性。
[0006]本发明提供一种基于多版本共存的页面加载方法,包括以下步骤:
[0007]在页面加载过程中,加载第一版本的代码;
[0008]在所述页面的所述第一版本的代码的所显示的功能不变的情况上,继续加载第二版本的代码,使得所述第一版本的代码和所述第二版本的代码共存在所述页面中。
[0009]进一步可选地,在所述页面的所述第一版本的代码的所显示的功能不变的情况上,继续加载第二版本的代码,具体包括:
[0010]将所述第一版本的代码赋值给预设变量;
[0011]在所述页面中继续加载所述第二版本的代码。
[0012]进一步可选地,在页面加载过程中,加载第一版本的代码,具体包括:
[0013]在所述页面加载过程中,加载第一jQuery版本的代码。
[0014]进一步可选地,在所述页面中继续加载所述第二版本的代码,使得所述第一版本的代码和所述第二版本的代码共存在所述页面中,具体包括:在所述页面中继续加载第二jQuery版本的代码,使得所述第一 jQuery版本的代码和所述第二 jQuery版本的代码共存在所述页面中。
[0015]本发明还提供一种基于多版本共存的页面加载装置,包括:
[0016]第一加载模块,用于在页面加载过程中,加载第一版本的代码;
[0017]第二加载模块,用于在所述页面的所述第一版本的代码的所显示的功能不变的情况上,继续加载第二版本的代码,使得所述第一版本的代码和所述第二版本的代码共存在所述页面中。
[0018]进一步可选地,所述第二加载模块,具体包括:
[0019]赋值单元,用于将所述第一版本的代码赋值给预设变量;
[0020]加载处理单元,用于在所述页面中继续加载所述第二版本的代码。
[0021 ]进一步可选地,所述第一加载模块,具体用于在所述页面加载过程中,加载第一j Query版本的代码。
[0022]进一步可选地,所述加载处理单元,具体用于在所述页面中继续加载第二jQuery版本的代码,使得所述第一 jQuery版本的代码和所述第二 jQuery版本的代码共存在所述页面中。
[0023]本发明的基于多版本共存的页面加载方法及装置,通过在页面加载过程中,加载第一版本的代码;在页面的第一版本的代码的所显示的功能不变的情况上,继续加载第二版本的代码,使得第一版本的代码和第二版本的代码共存在页面中,这样,可以避免第二版本的代码的修改导致第一版本的代码的功能无法继续使用的问题,从而增强了两代版本的功能的兼容性,保证了两代版本的所有功能均可以正常使用。
[0024]进一步地,本发明的基于多版本共存的页面加载方法及装置中,通过将所述第一版本的代码赋值给预设变量;在所述页面中继续加载所述第二版本的代码,实现在所述页面的所述第一版本的代码的所显示的功能不变的情况上,继续加载第二版本的代码,从而增强了两代版本的功能的兼容性,保证了两代版本的所有功能均可以正常使用。
[0025]本发明的其它特征和优点将在随后的说明书中阐述,并且,部分地从说明书中变得显而易见,或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
[0026]下面通过附图和实施例,对本发明的技术方案做进一步的详细描述。
【附图说明】
[0027]附图用来提供对本发明的进一步理解,并且构成说明书的一部分,与本发明的实施例一起用于解释本发明,并不构成对本发明的限制。在附图中:
[0028]图1为本发明的基于多版本共存的页面加载方法实施例一的流程图。
[0029]图2为本发明的基于多版本共存的页面加载方法实施例二的流程图。
[0030]图3为本发明的基于多版本共存的页面加载装置实施例一结构示意图。
[0031]图4为本发明的基于多版本共存的页面加载装置实施例二结构示意图。
【具体实施方式】
[0032]以下结合附图对本发明的优选实施例进行说明,应当理解,此处所描述的优选实施例仅用于说明和解释本发明,并不用于限定本发明。
[0033]图1为本发明的基于多版本共存的页面加载方法实施例一的流程图。如图1所示,本实施例的基于多版本共存的页面加载方法,具体可以包括以下步骤:
[0034]100、在页面加载过程中,加载第一版本的代码;
[0035]101、在页面的第一版本的代码的所显示的功能不变的情况上,继续加载第二版本的代码,使得第一版本的代码和第二版本的代码共存在页面中。
[0036]由于现有技术中,多个版本的代码之间互相不兼容,旧的代码与旧版本兼容,新版删除了某些功能,不能与旧版本兼容,导致旧版本的旧代码对应的功能无法使用。本实施例为了解决该技术问题,在页面加载过程中,首先加载第一版本的代码,然后在在页面的第一版本的代码的所显示的功能不变的情况上,继续加载第二版本的代码,使得第一版本的代码和第二版本的代码共存在页面中,这样,即使第二版本的代码中删除了第一版本中某些功能,仍然能够保证第一版本的功能可以继续使用,增强了两代版本的功能的兼容性。本实施例的第一版本即相当于旧版本,第二版本即相当于新版本。
[0037]本实施例的页面具体指的是网页,页面的具体内容的展示通过代码来实现。在页面加载过程中,通过加载对应版本的代码,便可以实现对应版本的代码的功能在网页上得以实现。
[0038]本实施例的基于多版本共存的页面加载方法的执行主体具体可以为基于多版本共存的页面加载装置,该装置可以嵌入在浏览器客户端,即浏览器客户端在加载页面的过程中,驱动该基于多版本共存的页面加载装置采用本实施例的方法,可以实现多版本共存的页面加载。
[0039]本实施例的基于多版本共存的页面加载方法,通过在页面加载过程中,加载第一版本的代码;在页面的第一版本的代码的所显示的功能不变的情况上,继续加载第二版本的代码,使得第一版本的代码和第二版本的代码共存在页面中,这样,可以避免第二版本的代码的修改导致第一版本的代码的功能无法继续使用的问题,从而增强了两代版本的功能的兼容性,保证了两代版本的所有功能均可以正常使用。
[0040]例如,在上述图1所示实施例的技术方案的基础上,其中步骤101“在页面的第一版本的代码的所显示的功能不变的情况上,继续加载第二版本的代码”,具体可以包括:将第一版本的代码赋值给预设变量;在页面中继续加载第二版本的代码。由于在不同版本的代码加载过程中,不同版本的代码的加载的参数是相同的。为了保证加载的代码的正确性,在加载第一版本的代码之后,可以将第一版本的代码赋值给预设变量;然后便可以在页面中继续加载第二版本的代码,这样可以保证两个版本的代码均能够加载成功,从而增强了两代版本的功能的兼容性,保证了两代版本的所有功能均可以正常使用。
[0041]图2为本发明的基于多版本共存的页面加载方法实施例二的流程图。如图2所示,本实施例的基于多版本共存的页面加载方法在上述实施例的技术方案的基础上,进一步更加详细地介绍本发明的技术方案。如图2所示,本实施例的基于多版本共存的页面加载方法,具体可以包括以下步骤:
[0042]200、在页面加载过程中,加载第一jQuery版本的代码。
[0043]本实施例以第一版本的代码和第二版本的代码均为jQuery版本的代码为例,来描述本发明的技术方案。该步骤可以作为上述图1所示实施例的步骤100的一种具体实现方式。代码加载过程可以为如下:var$ = jQuery = funct1n() {}。本实施例中以第一 jQuery版本作为旧版本,第二 jQuery版本作为新版本,以先加载旧版本,再加载新版本为例来描述本发明的技术方案。
[0044]201、将第一 jQuery版本的代码赋值给预设变量;
[0045]例如采用varjQ = $,实现将第一jQuery版本的代码赋值给预设变量。
[0046]202、在页面中继续加载第二 jQuery版本的代码,使得第一 jQuery版本的代码和第二 jQuery版本的代码共存在页面中。
[0047]根据上述步骤,最终得到的页面中,既包括第一jQuery版本的代码所实现的功能,又包括第二 jQuery版本的代码所实现的功能,因此可以增强两代版本的代码的兼容性,避免当第二 jQuery版本删减了第一 jQuery版本的某些功能之后,且网页的版本由第一 jQuery版本升级为第二 jQuery版本之后,第一 jQuery版本的部分代码的功能无法实现,从而可以保证第一 j Query版本和第二 j Query版本的所有功能均能够实现。
[0048]例如,上述步骤200-步骤202的具体代码实现过程可以为如下:
[0049]〈script language = //JavaScript//src = ^jquery.1.1.
[0050]Var jQ = $ ;
[0051]〈script language = ^JavaScript^src = ^jquery.2.1.
[0052]Var jQ2 = $ ;
[0053]〈script Ianguage = Wjavascripvsrc = ^jqueryJljs,
[0054]另外,需要说明的是,本实施例中是以第一版本和第二版本均采用jQuery的代码来实现。实际应用中,第一版本和第二版本也可以采用其他语言的代码来编程实现。
[0055]本实施例的基于多版本共存的页面加载方法,通过在页面加载过程中,加载第一jQuery版本的代码;将第一 jQuery版本的代码赋值给预设变量;在页面中继续加载第二jQuery版本的代码,使得第一 jQuery版本的代码和第二 jQuery版本的代码共存在页面中,这样,可以避免第二版本的代码的修改导致第一版本的代码的功能无法继续使用的问题,从而增强了两代版本的功能的兼容性,保证了两代版本的所有功能均可以正常使用。
[0056]图3为本发明的基于多版本共存的页面加载装置实施例一结构示意图。如图3所示,本实施例的基于多版本共存的页面加载装置,具体可以包括:第一加载模块10和第二加载模块11。
[0057]其中第一加载模块10用于在页面加载过程中,加载第一版本的代码;第二加载模块11用于在页面的第一版本的代码的所显示的功能不变的情况上,继续加载第二版本的代码,使得第一版本的代码和第二版本的代码共存在页面中。第一加载模块10在加载第一版本的代码之后,可以驱动第二加载模块11启动,以执行加载第二版本的代码。
[0058]本实施例的的基于多版本共存的页面加载装置,通过采用上述模块实现基于多版本共存的页面加载方式与上述图1所示实施例的实现原理相同,详细可以参考上述图1所示实施例的记载,在此不再赘述。
[0059]本实施例的基于多版本共存的页面加载装置,通过采用上述模块实现在页面加载过程中,加载第一版本的代码;在页面的第一版本的代码的所显示的功能不变的情况上,继续加载第二版本的代码,使得第一版本的代码和第二版本的代码共存在页面中,这样,可以避免第二版本的代码的修改导致第一版本的代码的功能无法继续使用的问题,从而增强了两代版本的功能的兼容性,保证了两代版本的所有功能均可以正常使用。
[0060]图4为本发明的基于多版本共存的页面加载装置实施例二结构示意图。如图4所示,本实施例的基于多版本共存的页面加载装置,在上述图3所示实施例的基础上,进一步更加详细地介绍本发明的技术方案。如图4所示,本实施例的第二加载模块11具体可以包括:赋值单元111和加载处理单元112。其中赋值单元111与第一加载模块10连接,赋值单元111用于将第一加载模块10加载的第一版本的代码赋值给预设变量;加载处理单元112用于在页面中继续加载第二版本的代码。本实施例中,赋值单元111在将第一版本的代码赋值给预设变量之后,可以驱动加载处理单元112启动,以执行加载第二版本的代码。
[0061]进一步可选地,本实施例的基于多版本共存的页面加载装置中第一加载模块10具体用于在页面加载过程中,加载第一jQuery版本的代码。
[0062]进一步可选地,本实施例的基于多版本共存的页面加载装置中加载处理单元112具体用于在页面中继续加载第二 jQuery版本的代码,使得第一 jQuery版本的代码和第二jQuery版本的代码共存在页面中。
[0063]本实施例的的基于多版本共存的页面加载装置,通过采用上述模块实现基于多版本共存的页面加载方式与上述图2所示实施例的实现原理相同,详细可以参考上述图2所示实施例的记载,在此不再赘述。
[0064]本实施例的基于多版本共存的页面加载装置,通过采用上述模块实现在页面加载过程中,加载第一 jQuery版本的代码;将第一 jQuery版本的代码赋值给预设变量;在页面中继续加载第二 jQuery版本的代码,使得第一 jQuery版本的代码和第二 jQuery版本的代码共存在页面中,这样,可以避免第二版本的代码的修改导致第一版本的代码的功能无法继续使用的问题,从而增强了两代版本的功能的兼容性,保证了两代版本的所有功能均可以正常使用。
[0065]本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。
[0066]本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
[0067]这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
[0068]这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
[0069]显然,本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样,倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内,则本发明也意图包含这些改动和变型在内。
【主权项】
1.一种基于多版本共存的页面加载方法,其特征在于,包括以下步骤: 在页面加载过程中,加载第一版本的代码; 在所述页面的所述第一版本的代码的所显示的功能不变的情况上,继续加载第二版本的代码,使得所述第一版本的代码和所述第二版本的代码共存在所述页面中。2.如权利要求1所述的方法,其特征在于,在所述页面的所述第一版本的代码的所显示的功能不变的情况上,继续加载第二版本的代码,具体包括: 将所述第一版本的代码赋值给预设变量; 在所述页面中继续加载所述第二版本的代码。3.根据权利要求2所述的方法,其特征在于,在页面加载过程中,加载第一版本的代码,具体包括: 在所述页面加载过程中,加载第一 jQuery版本的代码。4.根据权利要求2所述的方法,其特征在于,在所述页面中继续加载所述第二版本的代码,使得所述第一版本的代码和所述第二版本的代码共存在所述页面中,具体包括:在所述页面中继续加载第二 jQuery版本的代码,使得所述第一 jQuery版本的代码和所述第二jQuery版本的代码共存在所述页面中。5.一种基于多版本共存的页面加载装置,其特征在于,包括: 第一加载模块,用于在页面加载过程中,加载第一版本的代码; 第二加载模块,用于在所述页面的所述第一版本的代码的所显示的功能不变的情况上,继续加载第二版本的代码,使得所述第一版本的代码和所述第二版本的代码共存在所述页面中。6.如权利要求5所述的装置,其特征在于,所述第二加载模块,具体包括: 赋值单元,用于将所述第一版本的代码赋值给预设变量; 加载处理单元,用于在所述页面中继续加载所述第二版本的代码。7.根据权利要求6所述的装置,其特征在于,所述第一加载模块,具体用于在所述页面加载过程中,加载第一 jQuery版本的代码。8.据权利要求6所述的装置,其特征在于,所述加载处理单元,具体用于在所述页面中继续加载第二 jQuery版本的代码,使得所述第一 jQuery版本的代码和所述第二 jQuery版本的代码共存在所述页面中。
【文档编号】G06F9/44GK105843626SQ201610225810
【公开日】2016年8月10日
【申请日】2016年4月12日
【发明人】吕海川
【申请人】无锡天脉聚源传媒科技有限公司
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1