CN112596838A - 通用Web页面的显示方法、装置、设备及存储介质 - Google Patents
通用Web页面的显示方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN112596838A CN112596838A CN202011551038.XA CN202011551038A CN112596838A CN 112596838 A CN112596838 A CN 112596838A CN 202011551038 A CN202011551038 A CN 202011551038A CN 112596838 A CN112596838 A CN 112596838A
- Authority
- CN
- China
- Prior art keywords
- target page
- page
- browser
- interface
- global object
- 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
- 238000000034 method Methods 0.000 title claims abstract description 116
- 238000004590 computer program Methods 0.000 claims description 6
- 238000009877 rendering Methods 0.000 claims description 6
- 230000005540 biological transmission Effects 0.000 claims description 5
- 238000012544 monitoring process Methods 0.000 claims description 5
- 230000006870 function Effects 0.000 description 34
- 230000003287 optical effect Effects 0.000 description 6
- 238000010586 diagram Methods 0.000 description 5
- 238000004891 communication Methods 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 239000003795 chemical substances by application Substances 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000008707 rearrangement Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明实施例公开了一种通用Web页面的显示方法、装置、设备及存储介质。该方法由浏览器执行,包括:在检测到对目标页面的加载请求时,识别所述目标页面中包括的通用全局对象,其中,通用全局对象针对不同类型的浏览器封装有统一的标准接口方法;将本机的各功能接口分别挂载至所述通用全局对象上;在完成各所述功能接口的挂载后,执行所述目标页面的页面代码,以对所述目标页面进行浏览器显示;其中,在页面代码的执行过程中,以调用标准接口方法的方式,实现对功能接口的调用。本发明实施例的技术方案,实现了只需引入本机的功能接口,就可以显示通用Web页面,简化对功能接口的调用流程。
Description
技术领域
本发明实施例涉及计算机技术领域,尤其涉及一种通用Web页面的显示方法、装置、设备及存储介质。
背景技术
目前,在Nimo项目中,部分Web页面可能同时在多个客户端中被打开,例如同时在PC端、安卓的Nimo APP或者IOS的Nimo APP中打开,而在不同的客户端中打开时,需要调用不同的接口以获取数据。
现有技术中,为了使得一个Web页面可以兼容多个客户端,需要导入与所有客户端对应的接口文件,即需要引入各客户端的所有接口,并且每次对Web页面进行操作时,都要判断当前所在客户端以调用对应的接口,操作十分繁琐,影响整体性能。
发明内容
本发明提供一种通用Web页面的显示方法、装置、设备及存储介质,以实现只需引入本机的功能接口,就可以显示通用Web页面,简化对功能接口的调用流程。
第一方面,本发明实施例提供了一种通用Web页面的显示方法,由浏览器执行,包括:
在检测到对目标页面的加载请求时,识别目标页面中包括的通用全局对象,其中,通用全局对象针对不同类型的浏览器封装有统一的标准接口方法;
将本机的各功能接口分别挂载至通用全局对象上;
在完成各功能接口的挂载后,执行目标页面的页面代码,以对目标页面进行浏览器显示;
其中,在页面代码的执行过程中,以调用标准接口方法的方式,实现对功能接口的调用。
可选的,将本机的各功能接口分别挂载至通用全局对象上之前,还包括:
将本机的浏览器类型提供给目标页面,以指示目标页面使能与浏览器类型匹配的各功能接口的挂载。
可选的,将本机的浏览器类型提供给目标页面,包括:
根据目标页面的加载请求中携带的特征字符串,确定本机的浏览器类型,并将本机的浏览器类型提供给目标页面。
可选的,执行目标页面的页面代码,包括:
执行目标页面中包括的JS代码,以获取各待显示功能的功能数据,并使用功能数据对目标页面中的各显示区域进行渲染显示;
其中,JS代码在执行过程中,调用通用全局对象中与各功能接口对应的标准接口方法,以从服务器中对应的功能接口中获取待显示的功能数据。
可选的,在将本机的各功能接口分别挂载至通用全局对象上之后,还包括:
将通用全局对象挂载至本机的广播对象上;
响应于与目标页面对应的广播命令,以调用广播对象中包括的广播方法的方式,获取与目标页面对应的广播数据;
其中,在广播方法被调用的过程中,以调用通用全局对象中封装的广播注册方法的方式,获取与目标页面对应的广播数据。
可选的,广播注册方法用于:
如果确定目标页面在APP内部打开,则以JS桥的方式注册目标广播数据进行透传;
如果确定目标页面未在APP内部打开,则建立与服务器对应的长连接,并添加与目标广播数据匹配的监听事件。
可选的,各类型浏览器中与同一功能对应的功能接口具有相同的接口名称。
第二方面,本发明实施例还提供了通用Web页面的显示装置,应用于浏览器中,包括:
识别模块,用于在检测到对目标页面的加载请求时,识别目标页面中包括的通用全局对象,其中,通用全局对象针对不同类型的浏览器封装有统一的标准接口方法;
挂载模块,用于将本机的各功能接口分别挂载至通用全局对象上;
显示模块,用于在完成各功能接口的挂载后,执行目标页面的页面代码,以对目标页面进行浏览器显示;
其中,在页面代码的执行过程中,以调用标准接口方法的方式,实现对功能接口的调用。
第三方面,本发明实施例还提供了一种电子设备,电子设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现本发明任意实施例提供的通用Web页面的显示方法。
第四方面,本发明实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现本发明任意实施例提供的通用Web页面的显示方法。
本发明实施例中,浏览器通过在检测到对目标页面的加载请求时,识别目标页面中包括的通用全局对象,该通用全局对象针对不同类型的浏览器封装有统一的标准接口方法;将本机的各功能接口分别挂载至通用全局对象上;在完成各功能接口的挂载后,执行目标页面的页面代码,以对目标页面进行浏览器显示;其中,在页面代码的执行过程中,以调用标准接口方法的方式,实现对功能接口的调用,解决了现有技术中需要导入与所有客户端对应的接口文件才能显示通用Web页面的问题,实现了只需引入本机的功能接口,就可以显示通用Web页面,简化对功能接口的调用流程。
附图说明
图1a是本发明实施例一中的一种通用Web页面的显示方法的流程图;
图1b是本发明实施例一中的一种通用Web页面的显示流程图;
图2是本发明实施例二中的一种通用Web页面的显示装置的结构示意图;
图3是本发明实施例三中的一种电子设备的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部结构。
实施例一
图1a是本发明实施例一中的一种通用Web页面的显示方法的流程图,本实施例可适用于在任意类型客户端显示通用Web页面的情况,该方法可以由通用Web页面的显示装置来执行,该装置可以由硬件和/或软件来实现,并一般可以集成在提供Web页面显示服务的电子设备中。如图1a所示,该方法由浏览器执行,包括:
步骤110、在检测到对目标页面的加载请求时,识别目标页面中包括的通用全局对象。
其中,通用全局对象针对不同类型的浏览器封装有统一的标准接口方法。
本实施例中,目标页面可以是用户想要在浏览器中显示的Web页面,当用户请求显示目标页面时,例如,点击目标页面的链接,或者在浏览器的地址栏中输入目标页面的网址时,浏览器会生成对目标页面的加载请求。然后根据对目标页面的加载请求,将目标页面对应的页面代码下载至本地内存中,并识别目标页面代码中包括的通用全局对象,如图1b所示。
其中,与目标页面对应的页面代码可以包括:与目标页面对应的超文本标记语言(HyperText Markup Language,HTML)代码、层叠样式表(Cascading Style Sheets,CSS)代码以及JS代码。其中,HTML代码可以定义目标页面的整体结构;CSS代码可以定义目标页面中各元素的显示样式;JS代码可以在HTML基础上,使用Javascript开发交互式Web网页以及时响应用户的操作。
其中,通用全局对象具体可以指,在与目标页面对应的JS代码中、与目标页面唯一配对的全局对象。本实施例中,为了使得目标页面能够兼容各种类型的浏览器,例如,目标页面可以在安卓系统的浏览器中或者IOS系统的浏览器中打开显示,或者,目标页面可以在APP端浏览器中、PC端浏览器中以及小程序端浏览器中打开显示,预先在与目标页面对应的JS代码中设置与目标页面唯一配对的通用全局对象,从而后续只需将目标页面当前所在浏览器的所有接口挂载到通用全局对象上,就可以使用通用全局对象在当前所在浏览器中调用对应的接口。
本实施例中,在与目标页面对应的JS代码中设置通用全局对象,可以理解为针对不同类型的浏览器抽象出一个通用的上层对象,从而当要对任意类型的浏览器进行接口调用时,都可以通过调用上层对象来实现。
可选的,各类型浏览器中与同一功能对应的功能接口具有相同的接口名称。
本实施例中,功能接口可以用于从服务器获取目标页面加载时所需的功能数据,每个类型的浏览器中都可以包括多个不同的功能接口,用于获取不同的功能数据,例如直播列表或者游戏列表等。其中,服务器中针对浏览器中的各个功能接口分别设置有相应的接口,以便于向浏览器返回不同的功能数据。
本实施例中,通用全局对象针对不同类型浏览器的每种功能的接口,统一封装有对应的标准接口方法。考虑到不同类型的浏览器都具有功能相同但名称不同的接口,例如,APP端浏览器中的新闻A接口、PC端浏览器中的新闻B接口以及小程序端浏览器中的新闻C接口,为了可以通过调用通用全局对象的与目标功能对应的标准接口方法,调用不同浏览器的目标功能的接口,可以令各类型浏览器中具有相同功能的接口具有相同的接口名称,例如,新闻A接口、新闻B接口以及新闻C接口统一称为新闻接口。从而,在不同类型的浏览器中,只需调用通用全局对象的与目标功能对应的标准接口方法,就可以调用当前浏览器中的目标功能接口。
步骤120、将本机的各功能接口分别挂载至通用全局对象上。
本实施例中,通过将本机的各功能接口全部挂载至通用全局对象上,使得后续可以通过调用通用全局对象的标准接口方法调用本机中的指定功能接口。
可选的,将本机的各功能接口分别挂载至通用全局对象上之前,还可以包括:将本机的浏览器类型提供给目标页面,以指示目标页面使能与浏览器类型匹配的各功能接口的挂载。
本实施例中,由于目标页面是可以兼容各种类型浏览器的通用的web页面,因此,与目标页面配对的通用全局对象必然具有可以挂载所有类型浏览器的功能接口,以调用对应浏览器的功能接口的能力。但是,本实施例为了减少需要引入的浏览器接口文件的数量,即在避免挂载所有类型浏览器的功能接口到通用全局对象的情况下,能够调用本机的功能接口,浏览器在加载目标页面时,需要将本机的浏览器类型提供给目标页面,以指示目标页面根据本机的浏览器类型,向本机发放接口挂载权限,即允许与本机浏览器类型匹配的本机各功能接口挂载到通用全局对象上,如图1b所示。
可选的,将本机的浏览器类型提供给目标页面,可以包括:根据目标页面的加载请求中携带的特征字符串,确定本机的浏览器类型,并将本机的浏览器类型提供给目标页面。
本实施例中,特征字符串可以是浏览器的用户代理信息,包括浏览器类型以及版本号、本机的操作系统以及版本号、浏览器渲染引擎、浏览器语言等信息。在加载目标页面时,可以根据目标页面的加载请求中携带的用户特征信息,确定浏览器类型并提供给目标页面,以使目标页面允许将本机的各功能接口挂载到通用全局对象上。
本实施例中,通过在与目标页面对应的JS代码中设置与目标页面唯一匹配的通用全局对象,只需在加载目标页面时判断一次本机的浏览器类型,并引入与本机浏览器类型匹配的本机各功能接口,后续即可对目标页面进行各种操作。避免了现有技术中将各种类型的浏览器的接口文件都引入目标页面的JS代码中产生的额外开销,也无需每次对目标页面执行操作都要判断本机的浏览器类型,从而简化了接口调用过程,减少了接口文件的引入数量,减少了目标页面需要加载的资源数量,优化了目标页面的访问性能。
可选的,在将本机的各功能接口分别挂载至通用全局对象上之后,还可以包括:将通用全局对象挂载至本机的广播对象上;响应于与目标页面对应的广播命令,以调用广播对象中包括的广播方法的方式,获取与目标页面对应的广播数据;其中,在广播方法被调用的过程中,以调用通用全局对象中封装的广播注册方法的方式,获取与目标页面对应的广播数据。
本实施例中,为了可以通过调用通用全局对象获取到有效的广播信息,减少广播过程中对浏览器类型的判断次数,在将本机的各功能接口分别挂载至通用全局对象上之后,可以将通用全局对象挂载至本机的广播对象上,并对广播对象中包括的广播方法进行修改,使得广播方法被调用时,先判断广播对象上是否挂载有通用全局对象,如果有,则无需判断本机的浏览器类型,直接调用通用全局对象中封装的广播注册方法,广播注册方法可以感知当前环境调用对应的功能接口,以获取与目标页面对应的广播数据;如果没有,则在判断本机浏览器的类型后,调用本机对应的功能接口,以获取与目标页面对应的广播数据。
可选的,广播注册方法用于:如果确定目标页面在APP内部打开,则以JS桥的方式注册目标广播数据进行透传;如果确定目标页面未在APP内部打开,则建立与服务器对应的长连接,并添加与目标广播数据匹配的监听事件。
其中,JS桥是APP内部打开的Web页面与APP进行通信的一种方式,通过JS桥可以调用APP的方法获取相关数据或执行操作。由于Web页面在APP中打开的本质是在APP内部创建的WebView控件中打开,因此,可以通过APP获取Web页面所需的数据并传递到Web页面中,这个过程可称为透传。
本实施例中,广播注册方法被调用时,可以先确定当前所在浏览器的类型,如果是APP端浏览器,则认为目标页面在APP内部打开,可以通过JS桥的方式从服务器传输的所有广播数据中选择出目标广播数据,并传递给目标页面。如果浏览器是PC端浏览器或者小程序端浏览器,则认为目标页面在APP外部打开,此时,可以建立与服务器对应的WebSocket长连接,并添加与目标广播数据匹配的监听事件,以通过广播数据中的标识字段判断是否为当前监听的目标广播数据,从而可以从服务器在长连接中传输的所有广播数据中,选择出目标广播数据并发送至目标页面,如图1b所示。
步骤130、在完成各功能接口的挂载后,执行目标页面的页面代码,以对目标页面进行浏览器显示。
其中,在页面代码的执行过程中,以调用标准接口方法的方式,实现对功能接口的调用。
可选的,执行目标页面的页面代码,可以包括:执行目标页面中包括的JS代码,以获取各待显示功能的功能数据,并使用功能数据对目标页面中的各显示区域进行渲染显示;其中,JS代码在执行过程中,调用通用全局对象中与各功能接口对应的标准接口方法,以从服务器中对应的功能接口中获取待显示的功能数据。
本实施例中,在将本机的各功能接口挂载到通用全局对象上之后,可以执行目标页面对应的JS代码,以通过调用通用全局对象中的标准接口方法,调用对应的本机功能接口,从而从服务器中对应的功能接口中获取目标页面待显示的功能数据,例如,游戏数据或者直播数据等,并使用获取到的各功能数据对目标页面中的各显示区域进行渲染,以在浏览器中显示目标页面,如图1b所示。
本发明实施例中,浏览器通过在检测到对目标页面的加载请求时,识别目标页面中包括的通用全局对象,该通用全局对象针对不同类型的浏览器封装有统一的标准接口方法;将本机的各功能接口分别挂载至通用全局对象上;在完成各功能接口的挂载后,执行目标页面的页面代码,以对目标页面进行浏览器显示;其中,在页面代码的执行过程中,以调用标准接口方法的方式,实现对功能接口的调用,解决了现有技术中需要导入与所有客户端对应的接口文件才能显示通用web页面的问题,实现了只需引入本机的功能接口,就可以显示通用Web页面,简化对功能接口的调用流程。
实施例二
图2是本发明实施例二中的一种通用Web页面的显示装置的结构示意图,本实施例可适用于在任意类型客户端显示通用Web页面的情况,该装置可以由硬件和/或软件来实现,并一般可以集成在提供Web页面显示服务的电子设备中。如图2所示,该装置应用于浏览器中,包括:
识别模块210,用于在检测到对目标页面的加载请求时,识别目标页面中包括的通用全局对象,其中,通用全局对象针对不同类型的浏览器封装有统一的标准接口方法;
挂载模块220,用于将本机的各功能接口分别挂载至通用全局对象上;
显示模块230,用于在完成各功能接口的挂载后,执行目标页面的页面代码,以对目标页面进行浏览器显示;
其中,在页面代码的执行过程中,以调用标准接口方法的方式,实现对功能接口的调用。
本发明实施例中,浏览器通过在检测到对目标页面的加载请求时,识别目标页面中包括的通用全局对象,该通用全局对象针对不同类型的浏览器封装有统一的标准接口方法;将本机的各功能接口分别挂载至通用全局对象上;在完成各功能接口的挂载后,执行目标页面的页面代码,以对目标页面进行浏览器显示;其中,在页面代码的执行过程中,以调用标准接口方法的方式,实现对功能接口的调用,解决了现有技术中需要导入与所有客户端对应的接口文件才能显示通用web页面的问题,实现了只需引入本机的功能接口,就可以显示通用Web页面,简化对功能接口的调用流程。
可选的,还包括:
使能模块,用于将本机的各功能接口分别挂载至通用全局对象上之前,将本机的浏览器类型提供给目标页面,以指示目标页面使能与浏览器类型匹配的各功能接口的挂载。
可选的,使能模块,具体用于:
根据目标页面的加载请求中携带的特征字符串,确定本机的浏览器类型,并将本机的浏览器类型提供给目标页面。
可选的,显示模块230,用于:
执行目标页面中包括的JS代码,以获取各待显示功能的功能数据,并使用功能数据对目标页面中的各显示区域进行渲染显示;
其中,JS代码在执行过程中,调用通用全局对象中与各功能接口对应的标准接口方法,以从服务器中对应的功能接口中获取待显示的功能数据。
可选的,挂载模块220,还用于:
在将本机的各功能接口分别挂载至通用全局对象上之后,将通用全局对象挂载至本机的广播对象上;
响应于与目标页面对应的广播命令,以调用广播对象中包括的广播方法的方式,获取与目标页面对应的广播数据;
其中,在广播方法被调用的过程中,以调用通用全局对象中封装的广播注册方法的方式,获取与目标页面对应的广播数据。
可选的,广播注册方法用于:
如果确定目标页面在APP内部打开,则以JS桥的方式注册目标广播数据进行透传;
如果确定目标页面未在APP内部打开,则建立与服务器对应的长连接,并添加与目标广播数据匹配的监听事件。
可选的,各类型浏览器中与同一功能对应的功能接口具有相同的接口名称。
本发明实施例所提供的通用Web页面的显示装置可执行本发明任意实施例所提供的通用Web页面的显示方法,具备执行方法相应的功能模块和有益效果。
实施例三
图3是本发明实施例三中的一种电子设备的结构示意图。图3示出了适于用来实现本发明实施方式的示例性设备12的框图。图3显示的设备12仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图3所示,设备12以通用计算设备的形式表现。设备12的组件可以包括但不限于:一个或者多个处理器或者处理单元16,系统存储器28,连接不同系统组件(包括系统存储器28和处理单元16)的总线18。
总线18表示几类总线结构中的一种或多种,包括存储器总线或者存储器控制器,外围总线,图形加速端口,处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说,这些体系结构包括但不限于工业标准体系结构(ISA)总线,微通道体系结构(MAC)总线,增强型ISA总线、视频电子标准协会(VESA)局域总线以及外围组件互连(PCI)总线。
设备12典型地包括多种计算机系统可读介质。这些介质可以是任何能够被设备12访问的可用介质,包括易失性和非易失性介质,可移动的和不可移动的介质。
系统存储器28可以包括易失性存储器形式的计算机系统可读介质,例如随机存取存储器(RAM)30和/或高速缓存存储器32。设备12可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例,存储系统34可以用于读写不可移动的、非易失性磁介质(图3未显示,通常称为“硬盘驱动器”)。尽管图3中未示出,可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器,以及对可移动非易失性光盘(例如CD-ROM,DVD-ROM或者其它光介质)读写的光盘驱动器。在这些情况下,每个驱动器可以通过一个或者多个数据介质接口与总线18相连。存储器28可以包括至少一个程序产品,该程序产品具有一组(例如至少一个)程序模块,这些程序模块被配置以执行本发明各实施例的功能。
具有一组(至少一个)程序模块42的程序/实用工具40,可以存储在例如存储器28中,这样的程序模块42包括但不限于操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块42通常执行本发明所描述的实施例中的功能和/或方法。
设备12也可以与一个或多个外部设备14(例如键盘、指向设备、显示器24等)通信,还可与一个或者多个使得用户能与该设备12交互的设备通信,和/或与使得该设备12能与一个或多个其它计算设备进行通信的任何设备(例如网卡,调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口22进行。并且,设备12还可以通过网络适配器20与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器20通过总线18与设备12的其它模块通信。应当明白,尽管图中未示出,可以结合设备12使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
处理单元16通过运行存储在系统存储器28中的程序,从而执行各种功能应用以及数据处理,例如实现本发明实施例所提供的通用Web页面的显示方法。
也即:实现一种通用Web页面的显示方法,由浏览器执行,包括:
在检测到对目标页面的加载请求时,识别目标页面中包括的通用全局对象,其中,通用全局对象针对不同类型的浏览器封装有统一的标准接口方法;
将本机的各功能接口分别挂载至通用全局对象上;
在完成各功能接口的挂载后,执行目标页面的页面代码,以对目标页面进行浏览器显示;
其中,在页面代码的执行过程中,以调用标准接口方法的方式,实现对功能接口的调用。
实施例四
本发明实施例四还公开了一种计算机存储介质,其上存储有计算机程序,该程序被处理器执行时实现一种通用Web页面的显示方法,由浏览器执行,包括:
在检测到对目标页面的加载请求时,识别目标页面中包括的通用全局对象,其中,通用全局对象针对不同类型的浏览器封装有统一的标准接口方法;
将本机的各功能接口分别挂载至通用全局对象上;
在完成各功能接口的挂载后,执行目标页面的页面代码,以对目标页面进行浏览器显示;
其中,在页面代码的执行过程中,以调用标准接口方法的方式,实现对功能接口的调用。
本发明实施例的计算机存储介质,可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是,但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于无线、电线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言或其组合来编写用于执行本发明操作的计算机程序代码,程序设计语言包括面向对象的程序设计语言,诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言,诸如”C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络,包括局域网(LAN)或广域网(WAN),连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (10)
1.一种通用Web页面的显示方法,由浏览器执行,其特征在于,包括:
在检测到对目标页面的加载请求时,识别所述目标页面中包括的通用全局对象,其中,通用全局对象针对不同类型的浏览器封装有统一的标准接口方法;
将本机的各功能接口分别挂载至所述通用全局对象上;
在完成各所述功能接口的挂载后,执行所述目标页面的页面代码,以对所述目标页面进行浏览器显示;
其中,在页面代码的执行过程中,以调用标准接口方法的方式,实现对功能接口的调用。
2.根据权利要求1所述的方法,其特征在于,在将本机的各功能接口分别挂载至所述通用全局对象上之前,还包括:
将本机的浏览器类型提供给所述目标页面,以指示所述目标页面使能与所述浏览器类型匹配的各功能接口的挂载。
3.根据权利要求2所述的方法,其特征在于,将本机的浏览器类型提供给所述目标页面,包括:
根据目标页面的加载请求中携带的特征字符串,确定本机的浏览器类型,并将所述本机的浏览器类型提供给所述目标页面。
4.根据权利要求1所述的方法,其特征在于,执行所述目标页面的页面代码,包括:
执行目标页面中包括的JS代码,以获取各待显示功能的功能数据,并使用所述功能数据对目标页面中的各显示区域进行渲染显示;
其中,所述JS代码在执行过程中,调用所述通用全局对象中与各功能接口对应的标准接口方法,以从服务器中对应的功能接口中获取待显示的功能数据。
5.根据权利要求1所述的方法,其特征在于,在将本机的各功能接口分别挂载至所述通用全局对象上之后,还包括:
将所述通用全局对象挂载至本机的广播对象上;
响应于与所述目标页面对应的广播命令,以调用所述广播对象中包括的广播方法的方式,获取与所述目标页面对应的广播数据;
其中,在所述广播方法被调用的过程中,以调用所述通用全局对象中封装的广播注册方法的方式,获取与所述目标页面对应的广播数据。
6.根据权利要求1所述的方法,其特征在于,所述广播注册方法用于:
如果确定所述目标页面在APP内部打开,则以JS桥的方式注册目标广播数据进行透传;
如果确定所述目标页面未在APP内部打开,则建立与服务器对应的长连接,并添加与目标广播数据匹配的监听事件。
7.根据权利要求1所述的方法,其特征在于,各类型浏览器中与同一功能对应的功能接口具有相同的接口名称。
8.一种通用Web页面的显示装置,应用于浏览器中,其特征在于,包括:
识别模块,用于在检测到对目标页面的加载请求时,识别所述目标页面中包括的通用全局对象,其中,通用全局对象针对不同类型的浏览器封装有统一的标准接口方法;
挂载模块,用于将本机的各功能接口分别挂载至所述通用全局对象上;
显示模块,用于在完成各所述功能接口的挂载后,执行所述目标页面的页面代码,以对所述目标页面进行浏览器显示;
其中,在页面代码的执行过程中,以调用标准接口方法的方式,实现对功能接口的调用。
9.一种电子设备,其特征在于,所述设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-7中任一所述的通用Web页面的显示方法。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-7中任一所述的通用Web页面的显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011551038.XA CN112596838B (zh) | 2020-12-24 | 2020-12-24 | 通用Web页面的显示方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011551038.XA CN112596838B (zh) | 2020-12-24 | 2020-12-24 | 通用Web页面的显示方法、装置、设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112596838A true CN112596838A (zh) | 2021-04-02 |
CN112596838B CN112596838B (zh) | 2024-01-19 |
Family
ID=75200850
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011551038.XA Active CN112596838B (zh) | 2020-12-24 | 2020-12-24 | 通用Web页面的显示方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112596838B (zh) |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20200195705A1 (en) * | 2018-12-18 | 2020-06-18 | Alibaba Group Holding Limited | Method and apparatus for browser application to load first screen of web page |
CN111898053A (zh) * | 2020-07-31 | 2020-11-06 | 平安普惠企业管理有限公司 | 页面浏览方法、装置、设备以及计算机可读存储介质 |
-
2020
- 2020-12-24 CN CN202011551038.XA patent/CN112596838B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20200195705A1 (en) * | 2018-12-18 | 2020-06-18 | Alibaba Group Holding Limited | Method and apparatus for browser application to load first screen of web page |
CN111339455A (zh) * | 2018-12-18 | 2020-06-26 | 阿里巴巴集团控股有限公司 | 浏览器应用加载页面首屏的方法和装置 |
CN111898053A (zh) * | 2020-07-31 | 2020-11-06 | 平安普惠企业管理有限公司 | 页面浏览方法、装置、设备以及计算机可读存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN112596838B (zh) | 2024-01-19 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11550599B2 (en) | Method and apparatus for running applet | |
CN110062043B (zh) | 服务治理方法、服务治理装置、存储介质及电子设备 | |
CN110929128A (zh) | 一种数据爬取方法、装置、设备和介质 | |
CN113761412B (zh) | 应用页面的显示方法、装置、电子设备、介质及应用系统 | |
CN114116078A (zh) | 基于微前端的应用数据处理方法、装置、设备及介质 | |
CN112612546A (zh) | 页面加载方法、装置、电子设备和存储介质 | |
CN113760729A (zh) | 一种代码检测方法和装置 | |
US8191041B2 (en) | Javascript pre-processing framework | |
CN115795211A (zh) | 一种页面展示方法、装置、系统、设备和存储介质 | |
CN109597952B (zh) | 网页信息处理方法、系统、电子设备和存储介质 | |
CN113315829B (zh) | 客户端离线化h5页面加载方法、装置、计算机设备及介质 | |
CN111581098B (zh) | 接口数据转移存储的方法、装置、服务器及存储介质 | |
CN111722936B (zh) | 页面端与原生端的通信方法、装置、电子设备及可读介质 | |
CN110737861A (zh) | 一种网页数据处理方法、装置、设备和存储介质 | |
CN112818267A (zh) | 数据处理方法、装置、计算机可读存储介质及电子设备 | |
CN112596838B (zh) | 通用Web页面的显示方法、装置、设备及存储介质 | |
CN111596997B (zh) | Ui信息的请求方法、装置、终端和存储介质 | |
CN111338928A (zh) | 基于chrome浏览器测试的方法及装置 | |
CN111124627A (zh) | 应用程序的调起者确定方法、装置、终端及存储介质 | |
CN113221097A (zh) | 一种代码执行方法、装置、电子终端及存储介质 | |
CN113377376A (zh) | 数据包生成方法、数据包生成装置、电子设备及存储介质 | |
CN113448578A (zh) | 页面数据处理方法、处理系统、电子设备和可读存储介质 | |
CN109189588B (zh) | 一种浏览器功能实现方法、装置、终端及存储介质 | |
CN113760317A (zh) | 一种页面显示方法、装置、设备及存储介质 | |
CN111013157A (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 |