CN108038134A - 页面展示的方法、装置和存储介质以及电子设备 - Google Patents
页面展示的方法、装置和存储介质以及电子设备 Download PDFInfo
- Publication number
- CN108038134A CN108038134A CN201711160913.XA CN201711160913A CN108038134A CN 108038134 A CN108038134 A CN 108038134A CN 201711160913 A CN201711160913 A CN 201711160913A CN 108038134 A CN108038134 A CN 108038134A
- Authority
- CN
- China
- Prior art keywords
- page
- script file
- target
- subpage frame
- script
- 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.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Abstract
本公开涉及一种页面展示的方法、装置和存储介质以及电子设备,该方法包括:接收页面访问请求,页面访问请求用于请求访问展示页面中的目标子页面;获取目标子页面中包括的页面信息;页面信息包括样式表文件、脚本文件和页面控件;确定展示页面的头部元素中是否引用样式表文件;在展示页面的头部元素中未引用样式表文件时,将样式表文件添加至展示页面的头部元素中;确定脚本文件的类型,并根据脚本文件的类型对脚本文件进行加载处理得到展示页面中的目标脚本文件,在展示页面的页面框架中根据展示页面中的目标脚本文件和样式表文件展示目标子页面,目标子页面包括页面控件。
Description
技术领域
本公开涉及计算机技术领域,具体地,涉及一种页面展示的方法、装置和存储介质以及电子设备。
背景技术
企业网站(如政府单位的系统网站)通常采用页面框架进行页面展示,即页面框架中的菜单栏通常设置在浏览器页面的左侧区域或者上侧区域,其中,菜单栏包括的每个菜单都存在对应的url(统一资源定位符,Uniform Resource Locator),例如,若在浏览器页面的左侧区域展示有菜单栏,则菜单的url对应的业务界面在浏览器页面的右侧区域进行展示;若在浏览器页面的上侧区域展示有菜单栏,则菜单的url对应的业务界面在浏览器页面的下侧区域进行展示,这样,当用户点击该菜单栏中的某个菜单的名称时,则会创建一个iframe(帧),且可以为该iframe赋予src属性,如可以将src属性赋予为该菜单的url(如该菜单的url为www.baidu.com),从而使得iframe展示该url指向的菜单对应的业务页面,当用户点击该菜单栏中的另一个菜单的名称时,则会创建另一个iframe,且同样可以为该另一个iframe赋予src属性,因此,在每创建一个iframe时都会对展示的业务页面中的资源进行加载,上述采用多帧的形式展示业务界面使得页面加载的资源较多,从而降低了页面的加载速度,另外,每一个iframe的布局(如宽度和高度等)都需要在该iframe中进行设置,导致无法对页面布局进行全局控制。
发明内容
为了解决上述问题,本公开提出一种页面展示的方法、装置和存储介质以及电子设备。
根据本公开实施例的第一方面,提供一种页面展示的方法,所述方法包括:接收页面访问请求,所述页面访问请求用于请求访问展示页面中的目标子页面;获取所述目标子页面中包括的页面信息;所述页面信息包括样式表文件、脚本文件和页面控件;确定所述展示页面的头部元素中是否引用所述样式表文件;在所述展示页面的头部元素中未引用所述样式表文件时,将所述样式表文件添加至所述展示页面的头部元素中;确定所述脚本文件的类型,并根据所述脚本文件的类型对所述脚本文件进行加载处理得到所述展示页面中的目标脚本文件;在所述展示页面的页面框架中根据所述展示页面中的目标脚本文件和样式表文件展示所述目标子页面,所述目标子页面包括所述页面控件。
可选地,在所述展示页面的页面框架中根据所述展示页面中的目标脚本文件和样式表文件展示所述目标子页面前,还包括:对每一个目标子页面中的页面控件设置标识信息;所述在所述展示页面的页面框架中根据所述展示页面中的目标脚本文件和样式表文件展示所述目标子页面包括:在所述展示页面的页面框架中根据所述展示页面中的目标脚本文件和样式表文件展示所述目标子页面,所述目标子页面包括设置有所述标识信息的页面控件。
可选地,所述对每一个目标子页面中的页面控件设置标识信息包括:根据每个所述目标子页面的名称生成所述页面控件的前缀标识信息,并根据所述前缀标识信息和所述页面控件的原始标识信息生成所述页面控件的标识信息。
可选地,在所述确定所述脚本文件的类型前,还包括:获取脚本分类参数;所述脚本分类参数用于表示所述脚本文件的类型;
所述确定所述脚本文件的类型包括:根据所述脚本分类参数确定所述脚本文件的类型。
可选地,所述根据所述脚本文件的类型对所述脚本文件进行加载处理得到所述展示页面中的目标脚本文件包括:
在所述脚本分类参数表示所述脚本文件为第一脚本文件时,将历史加载的历史第一脚本文件更新为所述第一脚本文件,并对所述第一脚本文件进行闭包处理,确定所述第一脚本文件为所述目标脚本文件;所述第一脚本文件包括所述目标子页面自身使用的特有脚本;
在所述脚本分类参数表示所述脚本文件为第二脚本文件时,将历史加载的历史第二脚本文件更新为所述第二脚本文件,并确定所述第二脚本文件与所述目标子页面中的其他脚本文件的引用关系,确定所述第二脚本文件为所述目标脚本文件;所述第二脚本文件包括所述目标子页面引用的外部脚本;
在所述脚本分类参数表示所述脚本文件为第三脚本文件,确定所述第三脚本文件为所述目标脚本文件;所述第三脚本文件包括不同目标子页面之间的公共脚本。
可选地,在所述获取所述目标子页面中包括的页面信息前,还包括:删除所述目标子页面中包括的注释信息;
所述获取所述目标子页面中包括的页面信息包括:从删除所述注释信息的目标子页面中获取页面信息。
根据本公开实施例的第二方面,提供一种页面展示的装置,所述装置包括:
接收模块,用于接收页面访问请求,所述页面访问请求用于请求访问展示页面中的目标子页面;
第一获取模块,用于获取所述目标子页面中包括的页面信息;所述页面信息包括样式表文件、脚本文件和页面控件;
确定模块,用于确定所述展示页面的头部元素中是否引用所述样式表文件;
添加模块,用于在所述展示页面的头部元素中未引用所述样式表文件时,将所述样式表文件添加至所述展示页面的头部元素中;
处理模块,用于确定所述脚本文件的类型,并根据所述脚本文件的类型对所述脚本文件进行加载处理得到所述展示页面中的目标脚本文件;
展示模块,用于在所述展示页面的页面框架中根据所述展示页面中的目标脚本文件和样式表文件展示所述目标子页面,所述目标子页面包括所述页面控件。
可选地,还包括:设置模块,用于对每一个目标子页面中的页面控件设置标识信息;
所述展示模块,用于在所述展示页面的页面框架中根据所述展示页面中的目标脚本文件和样式表文件展示所述目标子页面,所述目标子页面包括设置有所述标识信息的页面控件。
可选地,所述设置模块,用于根据每个所述目标子页面的名称生成所述页面控件的前缀标识信息,并根据所述前缀标识信息和所述页面控件的原始标识信息生成所述页面控件的标识信息。
可选地,还包括:
第二获取模块,用于获取脚本分类参数;所述脚本分类参数用于表示所述脚本文件的类型;
所述处理模块,用于根据所述脚本分类参数确定所述脚本文件的类型。
可选地,所述处理模块,用于在所述脚本分类参数表示所述脚本文件为第一脚本文件时,将历史加载的历史第一脚本文件更新为所述第一脚本文件,并对所述第一脚本文件进行闭包处理,确定所述第一脚本文件为所述目标脚本文件;所述第一脚本文件包括所述目标子页面自身使用的特有脚本;
在所述脚本分类参数表示所述脚本文件为第二脚本文件时,将历史加载的历史第二脚本文件更新为所述第二脚本文件,并确定所述第二脚本文件与所述目标子页面中的其他脚本文件的引用关系,确定所述第二脚本文件为所述目标脚本文件;所述第二脚本文件包括所述目标子页面引用的外部脚本;
在所述脚本分类参数表示所述脚本文件为第三脚本文件,确定所述第三脚本文件为所述目标脚本文件;所述第三脚本文件包括不同目标子页面之间的公共脚本。
可选地,还包括:
删除模块,用于删除所述目标子页面中包括的注释信息;
所述第一获取模块,用于从删除所述注释信息的目标子页面中获取页面信息。
根据本公开实施例的第三方面,提供一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现上述第一方面所述页面展示的方法的步骤。
根据本公开实施例的第四方面,提供一种电子设备,包括:上述第三方面中所述的计算机可读存储介质;以及一个或者对个处理器,用于执行所述计算机可读存储介质中的程序。
通过上述技术方案,提供一种页面展示的方法、装置和存储介质以及电子设备,所述方法包括:接收页面访问请求,所述页面访问请求用于请求访问展示页面中的目标子页面;获取所述目标子页面中包括的页面信息;所述页面信息包括样式表文件、脚本文件和页面控件;确定所述展示页面的头部元素中是否引用所述样式表文件;在所述展示页面的头部元素中未引用所述样式表文件时,将所述样式表文件添加至所述展示页面的头部元素中;确定所述脚本文件的类型,并根据所述脚本文件的类型对所述脚本文件进行加载处理得到所述展示页面中的目标脚本文件;在所述展示页面的页面框架中根据所述展示页面中的目标脚本文件和样式表文件展示所述目标子页面,所述目标子页面包括所述页面控件,这样,通过在该展示页面的页面框架中展示该目标子页面,使得在该展示页面中已加载有该目标子页面的样式表文件和脚本文件时,可无需进行页面资源的重复加载,从而加快了资源下载的速度和页面渲染速度,并可以直接对该展示页面的页面布局进行控制,避免了单独控制该目标子页面的页面布局的繁琐操作。
本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。
附图说明
附图是用来提供对本公开的进一步理解,并且构成说明书的一部分,与下面的具体实施方式一起用于解释本公开,但并不构成对本公开的限制。在附图中:
图1为本公开示例性实施例提供的一种页面展示的方法的流程示意图;
图2为本公开示例性实施例提供的另一种页面展示的方法的流程示意图;
图3为本公开示例性实施例提供的第一种页面展示的装置框图;
图4为本公开示例性实施例提供的第二种页面展示的装置框图;
图5为本公开示例性实施例提供的第三种页面展示的装置框图;
图6为本公开示例性实施例提供的第四种页面展示的装置框图;
图7为本公开示例性实施例提供的一种电子设备的框图。
具体实施方式
以下结合附图对本公开的具体实施方式进行详细说明。应当理解的是,此处所描述的具体实施方式仅用于说明和解释本公开,并不用于限制本公开。
本公开可以应用于页面展示的场景,在该场景下,企业网站(如政府单位的系统网站)通常采用页面框架进行页面展示,传统的页面框架都是多帧的形式展现,并在页面框架中设置有菜单栏,从而使得企业网站中嵌入的菜单栏中包括的所有菜单对应的业务页面(相当于本公开中的目标子页面)可以按照原本的网页形式进行展示,但是采用多帧的形式展示使得页面加载的资源较多,从而降低了页面的加载速度,并且由于每一个目标子页面的页面布局都需单独进行控制造成页面布局的控制较复杂。
为了解决上述问题,本公开采用的展示页面的页面框架为单帧的形式,通过在该展示页面的页面框架中展示该目标子页面,使得在该展示页面中已加载有该目标子页面的样式表文件和脚本文件时,可无需进行页面资源的重复加载,从而加快了资源下载的速度和页面渲染速度,并可以直接对该展示页面的页面布局进行控制,避免了单独控制该目标子页面的页面布局的繁琐操作。
图1为本公开示例性实施例提供的一种页面展示的方法的流程图,如图1所示,该方法包括:
S101、接收页面访问请求。
其中,该页面访问请求用于请求访问展示页面中的目标子页面。
S102、获取目标子页面中包括的页面信息。
在本步骤中,该页面信息包括样式表文件、脚本文件和页面控件。
S103、确定展示页面的头部元素中是否引用该样式表文件。
示例地,该头部元素可以是head标签中的元素。
S104、在该展示页面的头部元素中未引用该样式表文件时,将该样式表文件添加至该展示页面的头部元素中。
由于在本公开中可以在该展示页面的页面框架中展示该目标子页面,这样,在该展示页面的头部元素中未加载有该目标子页面的样式表文件,则该展示页面无法按照该目标子页面的样式表文件进行展示,此时,需要将该样式表文件添加至该展示页面的头部元素中,从而使得在后续步骤中该展示页面可以按照目标子页面中的样式表文件进行样式展示。
S105、确定脚本文件的类型,并根据该脚本文件的类型对该脚本文件进行加载处理得到该展示页面中的目标脚本文件。
S106、在该展示页面的页面框架中根据该展示页面中的目标脚本文件和样式表文件展示该目标子页面。
该目标子页面包括该页面控件。
采用上述方法,通过在该展示页面的页面框架中展示该目标子页面,使得在该展示页面中已加载有该目标子页面的样式表文件和脚本文件时,可无需进行页面资源的重复加载,从而加快了资源下载的速度和页面渲染速度,并可以直接对该展示页面的页面布局进行控制,避免了单独控制该目标子页面的页面布局的繁琐操作。
图2为本公开示例性实施例提供的一种页面展示的方法的流程图,如图2所示,该方法包括:
S201、接收页面访问请求。
其中,该页面访问请求用于请求访问展示页面中的目标子页面,该目标子页面可以为jsp(Java Server Pages)页面或者html(超文本标记语言,HyperText MarkupLanguage)页面,该展示页面可以为html页面。
需要说明的是,该页面访问请求可以包括用户的触发操作,例如,该页面访问请求为用户在菜单栏中点击该目标子页面的名称的操作,此时,web前端会向web后端发送包括该目标子页面的url的ajax请求,从而在后续步骤中web后端可以根据该目标子页面的url获取到该目标子页面中包括的页面信息,上述示例只是举例说明,本公开对此不作限定。
S202、删除目标子页面中包括的注释信息。
在本步骤中,该注释信息可以包括用于解释目标子页面对应的程序代码的解释性文本信息,以提高程序代码的可读性,示例地,该注释信息的形式可以为<!--注释内容-->,由于在运行程序代码时,该注释信息可以直接跳过,并不在该目标子页面中进行展示,因此,该注释信息不会对该程序代码的运行造成影响,上述示例只是举例说明,本公开对此不作限定。
在一种可能的实现方式中,可以通过正则表达式获取该目标子页面中包括的注释信息,并将该注释信息删除,这样,可以减少该目标子页面的体积大小,从而在后续步骤中可以提高从该目标子页面中获取样式表文件(如用于对页面进行排版的文件)、脚本文件(如用于实现页面动态效果的文件)和页面控件的速度。
S203、从删除该注释信息的目标子页面中获取页面信息。
其中,该页面信息可以包括样式表文件、脚本文件和页面控件,在本步骤中,同样可以采用正则表达式获取该样式表文件、脚本文件以及页面控件,上述示例只是举例说明,本公开对此不作限定。
S204、确定展示页面的头部元素中是否引用该样式表文件。
其中,该头部元素可以是head标签中的元素。
在确定该展示页面的头部元素中未引用该样式表文件,执行步骤S205;
在确定该展示页面的头部元素中引用该样式表文件,为了避免重复引用该样式表文件,无需将该样式表文件添加至该展示页面的头部元素中,并执行步骤S206。
S205、将该样式表文件添加至该展示页面的头部元素中。
在现有技术中,若用户访问页面A,则可以向用户展示该页面A中的内容,若用户访问页面B,则可以向用户展示页面B中的内容,但是,若用户访问的页面的体积过大,即页面所包括的图片,视频,音频,样式表文件、js文件以及flash动画等文件较多,则每访问一个页面需要耗费较长时间打开该页面,这样,导致用户的体验较差,在本公开中,若用户访问该目标子页面,则可以在该展示页面的框架中展示该目标子页面,从而使得在该展示页面中未加载有该目标子页面中包括的样式表文件时,即该展示页面的头部元素中不包括该样式表文件时,则需要将该样式表文件添加至该展示页面的头部元素中,从而使得在后续步骤中可以在该展示页面中按照该目标子页面的样式表文件展示该目标子页面中的内容。
S206、获取脚本分类参数。
其中,该脚本分类参数用于表示该脚本文件的类型。
由于在编写页面程序代码时通常需要遵守代码编写规范(如html规范或xhtml规范),并且通常可以在页面信息中的头部元素中加载有该目标子页面所遵守的代码编写规范,因此,该脚本分类参数不能由编程人员随意添加,在本公开中,该脚本分类参数可以为scope参数。
S207、根据该脚本分类参数确定该脚本文件的类型。
示例地,若scope=view,则确定该脚本文件是第一脚本文件,该第一脚本文件包括该目标子页面自身使用的特有脚本;若scope=prototype,则确定该脚本文件为第二脚本文件,该第二脚本文件包括该目标子页面引用的外部脚本;若scope=main,则确定该脚本文件为第三脚本文件,该第三脚本文件包括不同目标子页面之间的公共脚本,上述示例只是举例说明,本公开对此不作限定。
S208、根据该脚本文件的类型对该脚本文件进行加载处理得到该展示页面中的目标脚本文件。
在该脚本分类参数表示该脚本文件为第一脚本文件时,将历史加载的历史第一脚本文件更新为该第一脚本文件,并对该第一脚本文件进行闭包处理,确定该第一脚本文件为该目标脚本文件,需要说明的是,通过闭包处理可以隔离不同目标子页面的上下文,从而防止不同目标子页面的脚本文件之间的相互干扰;在该脚本分类参数表示该脚本文件为第二脚本文件时,将历史加载的历史第二脚本文件更新为该第二脚本文件,并确定该第二脚本文件与该目标子页面中的其他脚本文件的引用关系,确定该第二脚本文件为该目标脚本文件,示例地,该第二脚本文件可以包括用于验证密码安全等级的脚本文件,如该第二脚本文件可以通过确定密码中是否包括数字、字母、特殊字符等,并获取密码长度以验证该密码的安全等级;在该脚本分类参数表示该脚本文件为第三脚本文件,确定该第三脚本文件为该目标脚本文件。
在现有技术中,若不同的两个目标子页面分别为用户管理页面和组织管理页面,且该两个目标子页面中都包括5个相同的表格(相当于本公开中的第三脚本文件),则当用户在菜单栏中点击用户管理页面的名称时,会打开一个iframe,并且需要加载该用户管理页面中的5个表格的js,当用户在菜单栏中点击组织管理页面的名称时,会打开另一个iframe,同时又需要加载组织管理页面中的5个表格的js,这样,使得加载的资源重复,从而降低了页面渲染的速度,并且每个目标子页面的页面布局需要通过对应的iframe单独进行设置,从而使得页面布局比较复杂,为了解决上述问题,在本公开中,可以在展示页面的页面框架中展示该用户管理页面和该组织管理页面,若该用户管理页面和该组织页面中包括了第三脚本文件,由于在该展示页面的页面框架中已加载有该第三脚本文件,因此,可以无需重复加载该第三脚本文件,例如,若用户管理页面中包括上述的5个表格,组织管理页面中也包括上述的5个表格,若用户已经打开该用户管理页面,即已经完成上述5个表格的js的加载,则当用户又打开组织管理页面时,可无需重复加载上述5个表格的js,从而避免了相同资源重复加载,另外,由于该不同目标子页面都在该展示页面的页面框架中展示,因此,通过该展示页面的iframe即可进行页面布局的设置。
S209、对每一个目标子页面中的页面控件设置标识信息。
在本公开中,可以根据每个目标子页面的名称生成该页面控件的前缀标识信息,并根据该前缀标识信息和该页面控件的原始标识信息生成该页面控件的标识信息,这样,若页面控件不同,则该标识信息不同。
其中,该原始标识信息为开发人员在开发该目标子页面时对该目标子页面中页面控件设置的标识信息。
继续以上述用户管理页面和组织管理页面为例进行说明,若用户管理页面中存在原始标识信息为button1的页面控件,且组织管理页面中也存在原始标识信息为button1的页面控件,由于本公开在该展示页面的页面框架中展示该将菜单栏中包括的所有菜单对应的业务页面(包括本公开中的目标子页面),这样,在该展示页面中存在相同原始标识信息的不同页面控件时,会造成该页面控件的原始标识信息冲突,本步骤根据不同目标子页面的名称为该页面控件的原始标识信息设置不同的前缀标识信息,从而解决了不同目标子页面中的页面控件对应的原始标识信息冲突的问题。
S210、在展示页面中的页面框架中根据该展示页面中的目标脚本文件和样式表文件展示该目标子页面。
其中,该目标子页面包括设置有该标识信息的页面控件。
需要说明的是,本公开可以应用于单tab页展示和多tab页展示,其中,单tab页展示可以为:当用户打开包含菜单栏的当前tab页时,若在当前tab页的菜单栏中点击某个菜单的名称,则将该当前tab页跳转至该某个菜单对应的业务页面;多tab页展示可以为:当用户打开包含菜单栏的当前tab页时,若在当前tab页的菜单栏中点击某个菜单的名称,则在该当前tab页的右侧添加该某个菜单对应的业务页面,另外,为了防止内存泄漏以及减少资源占用,若采用单tab页展示,则可以删除上一目标页面(相当于上述所述的当前tab页)的上下文内容;若采用多tab页展示,可以右键点击删除所有打开的tab页的上下文内容。
采用上述方法,通过在该展示页面的页面框架中展示该目标子页面,使得在该展示页面中已加载有该目标子页面的样式表文件和脚本文件时,可无需进行页面资源的重复加载,从而加快了资源下载的速度和页面渲染速度,并可以直接对该展示页面的页面布局进行控制,避免了单独控制该目标子页面的页面布局的繁琐操作。
图3为本公开示例性实施例提供的一种页面展示的装置,如图3所示,该装置包括:
接收模块301,用于接收页面访问请求,该页面访问请求用于请求访问展示页面中的目标子页面;
第一获取模块302,用于获取该目标子页面中包括的页面信息;该页面信息包括样式表文件、脚本文件和页面控件;
确定模块303,用于确定该展示页面的头部元素中是否引用该样式表文件;
添加模块304,用于在该展示页面的头部元素中未引用该样式表文件时,将该样式表文件添加至该展示页面的头部元素中;
处理模块305,用于确定该脚本文件的类型,并根据该脚本文件的类型对该脚本文件进行加载处理得到该展示页面中的目标脚本文件;
展示模块306,用于在该展示页面的页面框架中根据该展示页面中的目标脚本文件和样式表文件展示该目标子页面,该目标子页面包括该页面控件。
图4为本公开示例性实施例提供的一种页面展示的装置,如图4所示,还包括:
设置模块307,用于对每一个目标子页面中的页面控件设置标识信息;
该展示模块306,用于在该展示页面的页面框架中根据该展示页面中的目标脚本文件和样式表文件展示该目标子页面,该目标子页面包括设置有该标识信息的页面控件。
可选地,该设置模块307,用于根据每个该目标子页面的名称生成该页面控件的前缀标识信息,并根据该前缀标识信息和该页面控件的原始标识信息生成该页面控件的标识信息。
图5为本公开示例性实施例提供的一种页面展示的装置,如图5所示,还包括:
第二获取模块308,用于获取脚本分类参数;该脚本分类参数用于表示该脚本文件的类型;
该处理模块305,用于根据该脚本分类参数确定该脚本文件的类型。
可选地,该处理模块305,用于在该脚本分类参数表示该脚本文件为第一脚本文件时,将历史加载的历史第一脚本文件更新为该第一脚本文件,并对该第一脚本文件进行闭包处理,确定该第一脚本文件为该目标脚本文件;该第一脚本文件包括该目标子页面自身使用的特有脚本;
在该脚本分类参数表示该脚本文件为第二脚本文件时,将历史加载的历史第二脚本文件更新为该第二脚本文件,并确定该第二脚本文件与该目标子页面中的其他脚本文件的引用关系,确定该第二脚本文件为该目标脚本文件;该第二脚本文件包括该目标子页面引用的外部脚本;
在该脚本分类参数表示该脚本文件为第三脚本文件,确定该第三脚本文件为该目标脚本文件;该第三脚本文件包括不同目标子页面之间的公共脚本。
图6为本公开实施例提供的一种页面展示的装置,如图6所示,还包括:
删除模块309,用于删除该目标子页面中包括的注释信息;
该第一获取模块302,用于从删除该注释信息的目标子页面中获取页面信息。
采用上述装置,通过在该展示页面的页面框架中展示该目标子页面,使得在该展示页面中已加载有该目标子页面的样式表文件和脚本文件时,可无需进行页面资源的重复加载,从而加快了资源下载的速度和页面渲染速度,并可以直接对该展示页面的页面布局进行控制,避免了单独控制该目标子页面的页面布局的繁琐操作。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
图7是根据示例性实施例示出的一种电子设备700的框图。如图7所示,该电子设备700可以包括:处理器701,存储器702,多媒体组件703,输入/输出(I/O)接口704,以及通信组件705。
其中,处理器701用于控制该电子设备700的整体操作,以完成上述所述的页面展示的方法中的全部或部分步骤。存储器702用于存储各种类型的数据以支持在该电子设备700的操作,这些数据例如可以包括用于在该电子设备700上操作的任何应用程序或方法的指令,以及应用程序相关的数据。该存储器702可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,例如静态随机存取存储器(Static Random Access Memory,简称SRAM),电可擦除可编程只读存储器(Electrically Erasable Programmable Read-OnlyMemory,简称EEPROM),可擦除可编程只读存储器(Erasable Programmable Read-OnlyMemory,简称EPROM),可编程只读存储器(Programmable Read-Only Memory,简称PROM),只读存储器(Read-Only Memory,简称ROM),磁存储器,快闪存储器,磁盘或光盘。多媒体组件703可以包括屏幕和音频组件。其中屏幕例如可以是触摸屏,音频组件用于输出和/或输入音频信号。例如,音频组件可以包括一个麦克风,麦克风用于接收外部音频信号。所接收的音频信号可以被进一步存储在存储器702或通过通信组件705发送。音频组件还包括至少一个扬声器,用于输出音频信号。I/O接口704为处理器701和其他接口模块之间提供接口,上述其他接口模块可以是键盘,鼠标,按钮等。这些按钮可以是虚拟按钮或者实体按钮。通信组件705用于该电子设备700与其他设备之间进行有线或无线通信。无线通信,例如Wi-Fi,蓝牙,近场通信(Near Field Communication,简称NFC),2G、3G或4G,或它们中的一种或几种的组合,因此相应的该通信组件705可以包括:Wi-Fi模块,蓝牙模块,NFC模块。
在一示例性实施例中,电子设备700可以被一个或多个应用专用集成电路(Application Specific Integrated Circuit,简称ASIC)、数字信号处理器(DigitalSignal Processor,简称DSP)、数字信号处理设备(Digital Signal Processing Device,简称DSPD)、可编程逻辑器件(Programmable Logic Device,简称PLD)、现场可编程门阵列(Field Programmable Gate Array,简称FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述所述的页面展示的方法。
在另一示例性实施例中,还提供了一种包括程序指令的计算机可读存储介质,例如包括程序指令的存储器702,上述程序指令可由电子设备700的处理器701执行以完成上述所述的页面展示的方法。
以上结合附图详细描述了本公开的优选实施方式,但是,本公开并不限于上述实施方式中的具体细节,在本公开的技术构思范围内,可以对本公开的技术方案进行多种简单变型,这些简单变型均属于本公开的保护范围。
另外需要说明的是,在上述具体实施方式中所描述的各个具体技术特征,在不矛盾的情况下,可以通过任何合适的方式进行组合,为了避免不必要的重复,本公开对各种可能的组合方式不再另行说明。
此外,本公开的各种不同的实施方式之间也可以进行任意组合,只要其不违背本公开的思想,其同样应当视为本公开所公开的内容。
Claims (10)
1.一种页面展示的方法,其特征在于,所述方法包括:
接收页面访问请求,所述页面访问请求用于请求访问展示页面中的目标子页面;
获取所述目标子页面中包括的页面信息;所述页面信息包括样式表文件、脚本文件和页面控件;
确定所述展示页面的头部元素中是否引用所述样式表文件;
在所述展示页面的头部元素中未引用所述样式表文件时,将所述样式表文件添加至所述展示页面的头部元素中;
确定所述脚本文件的类型,并根据所述脚本文件的类型对所述脚本文件进行加载处理得到所述展示页面中的目标脚本文件;
在所述展示页面的页面框架中根据所述展示页面中的目标脚本文件和样式表文件展示所述目标子页面,所述目标子页面包括所述页面控件。
2.根据权利要求1所述的方法,其特征在于,在所述展示页面的页面框架中根据所述展示页面中的目标脚本文件和样式表文件展示所述目标子页面前,还包括:
对每一个所述目标子页面中的页面控件设置标识信息;
所述在所述展示页面的页面框架中根据所述展示页面中的目标脚本文件和样式表文件展示所述目标子页面包括:
在所述展示页面的页面框架中根据所述展示页面中的目标脚本文件和样式表文件展示所述目标子页面,所述目标子页面包括设置有所述标识信息的页面控件。
3.根据权利要求2所述的方法,其特征在于,所述对每一个所述目标子页面中的页面控件设置标识信息包括:
根据每个所述目标子页面的名称生成所述页面控件的前缀标识信息,并根据所述前缀标识信息和所述页面控件的原始标识信息生成所述页面控件的标识信息。
4.根据权利要求1所述的方法,其特征在于,在所述确定所述脚本文件的类型前,还包括:
获取脚本分类参数;所述脚本分类参数用于表示所述脚本文件的类型;
所述确定所述脚本文件的类型包括:
根据所述脚本分类参数确定所述脚本文件的类型。
5.根据权利要求4所述的方法,其特征在于,所述根据所述脚本文件的类型对所述脚本文件进行加载处理得到所述展示页面中的目标脚本文件包括:
在所述脚本分类参数表示所述脚本文件为第一脚本文件时,将历史加载的历史第一脚本文件更新为所述第一脚本文件,并对所述第一脚本文件进行闭包处理,确定所述第一脚本文件为所述目标脚本文件;所述第一脚本文件包括所述目标子页面自身使用的特有脚本;
在所述脚本分类参数表示所述脚本文件为第二脚本文件时,将历史加载的历史第二脚本文件更新为所述第二脚本文件,并确定所述第二脚本文件与所述目标子页面中的其他脚本文件的引用关系,确定所述第二脚本文件为所述目标脚本文件;所述第二脚本文件包括所述目标子页面引用的外部脚本;
在所述脚本分类参数表示所述脚本文件为第三脚本文件,确定所述第三脚本文件为所述目标脚本文件;所述第三脚本文件包括不同目标子页面之间的公共脚本。
6.根据权利要求1所述的方法,其特征在于,在所述获取所述目标子页面中包括的页面信息前,还包括:
删除所述目标子页面中包括的注释信息;
所述获取所述目标子页面中包括的页面信息包括:
从删除所述注释信息的目标子页面中获取页面信息。
7.一种页面展示的装置,其特征在于,所述装置包括:
接收模块,用于接收页面访问请求,所述页面访问请求用于请求访问展示页面中的目标子页面;
第一获取模块,用于获取所述目标子页面中包括的页面信息;所述页面信息包括样式表文件、脚本文件和页面控件;
确定模块,用于确定所述展示页面的头部元素中是否引用所述样式表文件;
添加模块,用于在所述展示页面的头部元素中未引用所述样式表文件时,将所述样式表文件添加至所述展示页面的头部元素中;
处理模块,用于确定所述脚本文件的类型,并根据所述脚本文件的类型对所述脚本文件进行加载处理得到所述展示页面中的目标脚本文件,并对每一个目标子页面中的页面控件设置标识信息;
展示模块,用于在所述展示页面的页面框架中根据所述展示页面中的目标脚本文件和样式表文件展示所述目标子页面,所述目标子页面包括所述页面控件。
8.根据权利要求7所述的装置,其特征在于,还包括:
设置模块,用于对每一个目标子页面中的页面控件设置标识信息;
所述展示模块,用于在所述展示页面的页面框架中根据所述展示页面中的目标脚本文件和样式表文件展示所述目标子页面,所述目标子页面包括设置有所述标识信息的页面控件。
9.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现权利要求1至6中任一项所述方法的步骤。
10.一种电子设备,其特征在于,包括:
权利要求9中所述的计算机可读存储介质;以及
一个或者对个处理器,用于执行所述计算机可读存储介质中的程序。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711160913.XA CN108038134B (zh) | 2017-11-20 | 2017-11-20 | 页面展示的方法、装置和存储介质以及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711160913.XA CN108038134B (zh) | 2017-11-20 | 2017-11-20 | 页面展示的方法、装置和存储介质以及电子设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108038134A true CN108038134A (zh) | 2018-05-15 |
CN108038134B CN108038134B (zh) | 2020-06-26 |
Family
ID=62094037
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201711160913.XA Active CN108038134B (zh) | 2017-11-20 | 2017-11-20 | 页面展示的方法、装置和存储介质以及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108038134B (zh) |
Cited By (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109597950A (zh) * | 2018-10-25 | 2019-04-09 | 北京辰森世纪科技股份有限公司 | 应用程序的网页处理、网页数据提供方法及装置 |
CN110209966A (zh) * | 2019-04-15 | 2019-09-06 | 优信拍(北京)信息科技有限公司 | 一种网页刷新方法、网页系统及电子设备 |
CN110597738A (zh) * | 2019-09-19 | 2019-12-20 | 浪潮软件集团有限公司 | 一种内存释放方法、终端及计算机可读存储介质 |
CN110941779A (zh) * | 2019-11-20 | 2020-03-31 | 东软集团股份有限公司 | 加载页面的方法、装置、存储介质及电子设备 |
CN111008057A (zh) * | 2019-11-28 | 2020-04-14 | 北京小米移动软件有限公司 | 页面展示方法、装置及存储介质 |
CN111368180A (zh) * | 2018-12-25 | 2020-07-03 | 阿里巴巴集团控股有限公司 | 页面展示方法、装置及电子设备 |
CN111506312A (zh) * | 2020-06-30 | 2020-08-07 | 平安国际智慧城市科技股份有限公司 | 页面生成方法、装置、计算机设备及存储介质 |
CN112069033A (zh) * | 2020-09-14 | 2020-12-11 | 成都知道创宇信息技术有限公司 | 页面监控方法和装置、电子设备及存储介质 |
CN112463639A (zh) * | 2020-12-15 | 2021-03-09 | 北京云测信息技术有限公司 | 测试脚本的编辑方法、装置及设备 |
CN113382282A (zh) * | 2021-06-08 | 2021-09-10 | 南京炫佳网络科技有限公司 | 一种页面资源访问方法、装置、电子设备和存储介质 |
CN113419992A (zh) * | 2021-06-22 | 2021-09-21 | 北京金山云网络技术有限公司 | 文件清除配置页面展示方法、装置、电子设备和介质 |
CN114461960A (zh) * | 2021-12-28 | 2022-05-10 | 马上消费金融股份有限公司 | 页面生成方法、页面展示方法及装置 |
CN116796086A (zh) * | 2023-05-05 | 2023-09-22 | 北京路浩知识产权集团有限公司 | 页面展示方法、装置、设备及存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2008008843A2 (en) * | 2006-07-11 | 2008-01-17 | Novus Technologies Inc. | Network access tool bar systems and methods |
WO2012054658A2 (en) * | 2010-10-20 | 2012-04-26 | Microsoft Corporation | Result types for conditional data display |
CN102438045A (zh) * | 2011-12-07 | 2012-05-02 | 深圳市深信服电子科技有限公司 | Web页面的预取方法、系统以及访问web页面的方法 |
CN102984275A (zh) * | 2012-12-14 | 2013-03-20 | 北京奇虎科技有限公司 | 进行网页下载的方法及浏览器 |
CN103312803A (zh) * | 2013-06-17 | 2013-09-18 | 杭州华三通信技术有限公司 | 一种Web访问体验优化方法及装置 |
CN104102419A (zh) * | 2013-04-09 | 2014-10-15 | 腾讯科技(深圳)有限公司 | 页面显示方法、装置和终端设备 |
-
2017
- 2017-11-20 CN CN201711160913.XA patent/CN108038134B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2008008843A2 (en) * | 2006-07-11 | 2008-01-17 | Novus Technologies Inc. | Network access tool bar systems and methods |
WO2012054658A2 (en) * | 2010-10-20 | 2012-04-26 | Microsoft Corporation | Result types for conditional data display |
CN102438045A (zh) * | 2011-12-07 | 2012-05-02 | 深圳市深信服电子科技有限公司 | Web页面的预取方法、系统以及访问web页面的方法 |
CN102984275A (zh) * | 2012-12-14 | 2013-03-20 | 北京奇虎科技有限公司 | 进行网页下载的方法及浏览器 |
CN104102419A (zh) * | 2013-04-09 | 2014-10-15 | 腾讯科技(深圳)有限公司 | 页面显示方法、装置和终端设备 |
CN103312803A (zh) * | 2013-06-17 | 2013-09-18 | 杭州华三通信技术有限公司 | 一种Web访问体验优化方法及装置 |
Non-Patent Citations (1)
Title |
---|
曾鑫鑫: "嵌入式浏览器网页显示的研究与实现", 《中国优秀硕士学位论文全文数据库》 * |
Cited By (20)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109597950A (zh) * | 2018-10-25 | 2019-04-09 | 北京辰森世纪科技股份有限公司 | 应用程序的网页处理、网页数据提供方法及装置 |
CN111368180A (zh) * | 2018-12-25 | 2020-07-03 | 阿里巴巴集团控股有限公司 | 页面展示方法、装置及电子设备 |
CN111368180B (zh) * | 2018-12-25 | 2023-06-09 | 阿里巴巴集团控股有限公司 | 页面展示方法、装置及电子设备 |
CN110209966A (zh) * | 2019-04-15 | 2019-09-06 | 优信拍(北京)信息科技有限公司 | 一种网页刷新方法、网页系统及电子设备 |
CN110597738B (zh) * | 2019-09-19 | 2023-09-12 | 浪潮软件集团有限公司 | 一种内存释放方法、终端及计算机可读存储介质 |
CN110597738A (zh) * | 2019-09-19 | 2019-12-20 | 浪潮软件集团有限公司 | 一种内存释放方法、终端及计算机可读存储介质 |
CN110941779A (zh) * | 2019-11-20 | 2020-03-31 | 东软集团股份有限公司 | 加载页面的方法、装置、存储介质及电子设备 |
CN110941779B (zh) * | 2019-11-20 | 2023-06-30 | 东软集团股份有限公司 | 加载页面的方法、装置、存储介质及电子设备 |
CN111008057A (zh) * | 2019-11-28 | 2020-04-14 | 北京小米移动软件有限公司 | 页面展示方法、装置及存储介质 |
CN111506312A (zh) * | 2020-06-30 | 2020-08-07 | 平安国际智慧城市科技股份有限公司 | 页面生成方法、装置、计算机设备及存储介质 |
CN112069033A (zh) * | 2020-09-14 | 2020-12-11 | 成都知道创宇信息技术有限公司 | 页面监控方法和装置、电子设备及存储介质 |
CN112069033B (zh) * | 2020-09-14 | 2023-11-28 | 成都知道创宇信息技术有限公司 | 页面监控方法和装置、电子设备及存储介质 |
CN112463639A (zh) * | 2020-12-15 | 2021-03-09 | 北京云测信息技术有限公司 | 测试脚本的编辑方法、装置及设备 |
CN113382282A (zh) * | 2021-06-08 | 2021-09-10 | 南京炫佳网络科技有限公司 | 一种页面资源访问方法、装置、电子设备和存储介质 |
CN113419992A (zh) * | 2021-06-22 | 2021-09-21 | 北京金山云网络技术有限公司 | 文件清除配置页面展示方法、装置、电子设备和介质 |
CN113419992B (zh) * | 2021-06-22 | 2024-02-20 | 北京金山云网络技术有限公司 | 文件清除配置页面展示方法、装置、电子设备和介质 |
CN114461960B (zh) * | 2021-12-28 | 2023-04-21 | 马上消费金融股份有限公司 | 页面生成方法、页面展示方法及装置 |
CN114461960A (zh) * | 2021-12-28 | 2022-05-10 | 马上消费金融股份有限公司 | 页面生成方法、页面展示方法及装置 |
CN116796086A (zh) * | 2023-05-05 | 2023-09-22 | 北京路浩知识产权集团有限公司 | 页面展示方法、装置、设备及存储介质 |
CN116796086B (zh) * | 2023-05-05 | 2023-11-14 | 北京路浩知识产权集团有限公司 | 页面展示方法、装置、设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN108038134B (zh) | 2020-06-26 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108038134A (zh) | 页面展示的方法、装置和存储介质以及电子设备 | |
US11366676B2 (en) | Embedded user assistance for software applications | |
CN101295248B (zh) | 在主动滚动的视图窗格中提供功能性上下文的方法和系统 | |
US8640037B2 (en) | Graphical overlay related to data mining and analytics | |
US11449348B2 (en) | Pre/post deployment customization | |
US8983935B2 (en) | Methods for utilizing a javascript emulator in a web content proxy server and devices thereof | |
US9600456B2 (en) | Automatically performing a web service operation | |
US20130159890A1 (en) | Systems and methods for identifying user interface (ui) elements | |
US10908928B2 (en) | Rules-based workflow messaging | |
TWI536240B (zh) | 用戶端應用程式與網頁整合 | |
CN107562465A (zh) | 控件展示的方法、装置和存储介质以及电子设备 | |
CN107832052A (zh) | 展示预览页面的方法、装置和存储介质以及电子设备 | |
US10417317B2 (en) | Web page profiler | |
CN107436843A (zh) | 网页性能测试方法和装置 | |
CN103955475A (zh) | 一种网页标签信息的显示方法、装置和浏览器 | |
CN108595697A (zh) | 网页集成方法、装置及系统 | |
KR101797573B1 (ko) | 웹 기반의 스프레드시트 서비스 제공 장치 및 방법 | |
CN101876998A (zh) | 一种实现数据编辑的方法和系统 | |
CN107526678B (zh) | Web应用程序的测试方法和装置 | |
CN112130908B (zh) | 设置用户引导的方法及装置 | |
EP3340042A1 (en) | Page construction method, apparatus and device, and nonvolatile computer storage medium | |
JP4977096B2 (ja) | 強調表示追加方法、表示制御プログラム、及びサーバ | |
WO2004068352A1 (ja) | テーブル表示切替方法,テキストデータ変換プログラム及びタグプログラム | |
JP2005157880A (ja) | 情報処理装置、情報処理方法、その記録媒体及びプログラム | |
KR101314098B1 (ko) | 브라우저 구동 장치 및 방법 |
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 |