CN111984888A - 页面渲染方法、装置、电子设备及计算机可读介质 - Google Patents
页面渲染方法、装置、电子设备及计算机可读介质 Download PDFInfo
- Publication number
- CN111984888A CN111984888A CN201910442054.6A CN201910442054A CN111984888A CN 111984888 A CN111984888 A CN 111984888A CN 201910442054 A CN201910442054 A CN 201910442054A CN 111984888 A CN111984888 A CN 111984888A
- Authority
- CN
- China
- Prior art keywords
- page
- format
- content data
- page content
- access entry
- 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
- 238000009877 rendering Methods 0.000 title claims abstract description 66
- 238000000034 method Methods 0.000 title claims abstract description 53
- 230000005540 biological transmission Effects 0.000 claims abstract description 21
- 238000006243 chemical reaction Methods 0.000 claims description 37
- 238000004590 computer program Methods 0.000 claims description 10
- 230000006870 function Effects 0.000 claims description 10
- 238000010586 diagram Methods 0.000 description 11
- 238000004891 communication Methods 0.000 description 8
- 238000005516 engineering process Methods 0.000 description 6
- 230000000007 visual effect Effects 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 230000004044 response Effects 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 230000014509 gene expression Effects 0.000 description 2
- 239000011521 glass Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004984 smart glass Substances 0.000 description 2
- 239000002699 waste material Substances 0.000 description 2
- 238000004364 calculation method Methods 0.000 description 1
- 238000013501 data transformation Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 230000000977 initiatory effect Effects 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 238000002360 preparation method Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
Images
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
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请实施例提供了一种页面渲染方法、装置、电子设备及计算机可读介质,涉及互联网技术领域。其中,所述方法包括:在检测到针对移动应用的页面访问入口的第一触发操作时,从服务器获取与所述页面访问入口对应的第一格式的页面内容数据,其中,所述第一格式为符合页面数据传输协议的数据格式;将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据;在接收到针对所述页面访问入口的第二触发操作时,基于所述第二格式的页面内容数据渲染所述页面访问入口对应的页面。通过本申请实施例,不仅能够有效提升用户打开页面的速度,而且还能够有效降低服务端的成本。
Description
技术领域
本申请实施例涉及互联网技术领域,尤其涉及一种页面渲染方法、装置、电子设备及计算机可读介质。
背景技术
页面渲染技术是将页面内容数据通过一定规则转换为HTML(Hyper Text MarkupLanguage,超文本标记语言)内容数据,然后通过浏览器给用户展示页面的技术。随着移动互联网的发展,用户对于页面打开速度提出了更高的诉求。
在现有技术中,常见的页面渲染技术有两种,即SSR(Server Side Rendering,由服务端进行页面渲染的技术)方案和CSR(Client Side Rendering,由浏览器通过打开网页执行脚本代码进行页面渲染的技术)方案。
对于SSR方案来说,服务器返回的是结构相对完整的HTML文件,浏览器通过解析服务器返回的HTML文件,渲染出页面,也就是说,不需要浏览器执行脚本代码便可渲染页面。然而,由于需要在服务端转换得到结构相对完整的HTML文件,这就要求服务端具备更高的数据处理能力,并且由于需要下发结构相对完整的HTML文件到浏览器,网络传输的数据量会更大,进而给服务端带来较大的计算和数据传输成本。
对于CSR方案来说,浏览器获取到的是只包含脚本代码的HTML文件。在浏览器渲染出页面之前,需要执行脚本代码,以创建动态HTML标签。然而,这会导致用户首先看到的是空白页面,等待脚本代码执行完成以后,用户才能看到完整的页面,进而给用户带来不良的用户体验。
由此可见,如何有效提升用户打开页面的速度,并降低服务端的成本成为当前亟待解决的技术问题。
发明内容
本申请的目的在于提出一种页面渲染方法、装置、电子设备及计算机可读介质,用于解决现有技术中存在的如何有效提升用户打开页面的速度,并降低服务端的成本的问题。
根据本申请实施例的第一方面,提供了一种页面渲染方法。所述方法包括:在检测到针对移动应用的页面访问入口的第一触发操作时,从服务器获取与所述页面访问入口对应的第一格式的页面内容数据,其中,所述第一格式为符合页面数据传输协议的数据格式;将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据;在接收到针对所述页面访问入口的第二触发操作时,基于所述第二格式的页面内容数据渲染所述页面访问入口对应的页面。
根据本申请实施例的第二方面,提供了一种页面渲染装置。所述装置包括:获取模块,用于在检测到针对移动应用的页面访问入口的第一触发操作时,从服务器获取与所述页面访问入口对应的第一格式的页面内容数据,其中,所述第一格式为符合页面数据传输协议的数据格式;第一转换模块,用于将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据;第一渲染模块,用于在接收到针对所述页面访问入口的第二触发操作时,基于所述第二格式的页面内容数据渲染所述页面访问入口对应的页面。
根据本申请实施例的第三方面,提供了一种电子设备,包括:一个或多个处理器;计算机可读介质,配置为存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如上述实施例的第一方面所述的页面渲染方法。
根据本申请实施例的第四方面,提供了一种计算机可读介质,其上存储有计算机程序,该程序被处理器执行时实现如上述实施例的第一方面所述的页面渲染方法。
根据本申请实施例提供的技术方案,在检测到针对移动应用的页面访问入口的第一触发操作时,从服务器获取与页面访问入口对应的第一格式的页面内容数据,其中,第一格式为符合页面数据传输协议的数据格式,并将第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据,在接收到针对页面访问入口的第二触发操作时,基于第二格式的页面内容数据渲染页面访问入口对应的页面,与现有的CSR方案相比,在检测到针对移动应用的页面访问入口的第一触发操作时,将从服务器获取的与页面访问入口对应的第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据,使得在接收到针对页面访问入口的第二触发操作时,移动应用的页面展示控件能够在第一时间获取到可被渲染的第二格式的页面内容数据,并基于可被渲染的第二格式的页面内容数据渲染页面访问入口对应的页面,不需要等待脚本代码的执行来完成可被渲染的第二格式的页面内容数据的生成,避免了页面渲染之前空白页面等待的产生,有效地提升了用户打开页面的速度,进而有效提升了用户打开页面的体验。
此外,与现有的SSR方案相比,在移动应用本地将从服务器获取的与页面访问入口对应的第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据,不再需要服务端转换得到可被渲染的第二格式的页面内容数据,在减少服务端的运算压力的同时,也避免了不必要的数据流量传输,进而有效降低了服务端的运算和数据传输成本。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本申请的其它特征、目的和优点将会变得更明显:
图1A为本申请实施例一中页面渲染方法的步骤流程图;
图1B为根据本申请实施例一提供的页面渲染方法的示意图;
图2为本申请实施例二中页面渲染方法的步骤流程图;
图3为本申请实施例三中页面渲染装置的结构示意图;
图4为本申请实施例四中页面渲染装置的结构示意图;
图5为本申请实施例五中电子设备的结构示意图;
图6为本申请实施例六中电子设备的硬件结构。
具体实施方式
下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅配置为解释相关发明,而非对该发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与有关发明相关的部分。
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
参照图1A,示出了本申请实施例一的页面渲染方法的步骤流程图。
具体地,本实施例的页面渲染方法包括以下步骤:
在步骤S101中,在检测到针对移动应用的页面访问入口的第一触发操作时,从服务器获取与所述页面访问入口对应的第一格式的页面内容数据。
在本实施例中,所述移动应用可为安装在移动终端中的移动应用软件,例如,安装在安卓手机中的移动应用软件或者安装在苹果手机中的移动应用软件。举例来说,移动应用可为社交类应用、地图导航类应用、网购支付类应用、通话通讯类应用、音影播放类应用、浏览器等。所述页面访问入口可以是移动应用中设置的能够跳转到其他页面的控件,例如,移动应用响应于用户点击指定控件的操作,会将向用户展示该指定控件对应的一个页面。具体地,页面的指定控件中设有其他页面的统一资源定位符(Uniform Resource Locator,URL),因此,当用户点击了该页面中的指定控件时,移动应用将根据该指定控件中的URL跳转出相应的页面,以供用户进行查看。页面访问入口还可以是移动应用中设置的应用访问入口,该应用访问入口是指能够使用户在该移动应用中跳转到第三方移动应用指定页面的入口,如,当用户点击了移动应用所显示的某一第三方移动应用图标时,该移动应用会将第三方移动应用的指定页面跳转出来进行显示,其中,这里提到的第三方移动应用的图标即为应用访问入口。所述页面访问入口还可以是页面链接,例如,文本页面链接、图片页面链接、视频页面链接等。可以理解的是,以上描述仅为示例性的,本申请实施例对此不作任何限定。
在一些可选实施例中,所述第一触发操作包括以下中的至少一者:用于指示将所述页面访问入口展示在终端设备的可视区域的操作;用于指示将所述页面访问入口滑动至与所述可视区域的底端成预设距离的位置的操作。其中,所述用于指示将所述页面访问入口展示在终端设备的可视区域的操作包括所述移动应用的图标的点击操作、所述移动应用的页面的滑动操作或滚动操作引发的页面访问入口的显示或浏览等。举例来说,响应于用户点击所述移动应用的图标的操作,所述移动应用打开可视页面,并在打开的可视页面中展示所述页面访问入口。响应于用户滑动所述移动应用的页面的操作,所述移动应用在可视的页面中展示所述页面访问入口。在所述页面访问入口被展示在终端设备的可视区域时,用户有可能针对所述页面访问入口执行操作,因此,可从服务器获取与所述页面访问入口对应的第一格式的页面内容数据。在所述页面访问入口未被执行第一触发操作时,则无需从服务器获取与所述页面访问入口对应的第一格式的页面内容数据。籍此,能够避免与所述页面访问入口对应的第一格式的页面内容数据的浪费,进而节省了移动应用进行页面渲染的成本。可以理解的是,本申请实施例不限于此,在检测到用于指示将所述页面访问入口滑动至与所述可视区域的底端成预设距离的位置的操作时,可从服务器获取与所述页面访问入口对应的第一格式的页面内容数据。其中,所述预设距离可由本领域技术人员根据实际需要进行设定,本申请实施例对此不作任何限定。在检测到用户将所述页面访问入口滑动至与所述可视区域的底端成预设距离的位置的滑动操作时,说明所述页面访问入口很有可能被展示在移动应用的可视页面(移动终端的可视区域)中,因此,可提前从服务器获取与所述页面访问入口对应的第一格式的页面内容数据。籍此,能够避免与所述页面访问入口对应的第一格式的页面内容数据的浪费,进而节省了移动应用进行页面渲染的成本。可以理解的是,以上描述仅为示例性的,本申请实施例对此不作任何限定。
在一些可选实施例中,在检测到针对移动应用的页面访问入口的第一触发操作时,所述从服务器获取与所述页面访问入口对应的第一格式的页面内容数据,可包括:向所述服务器发起用于请求所述页面访问入口对应的数据的页面数据请求,使得所述服务器基于所述页面数据请求返回与所述页面访问入口对应的第一格式的页面内容数据;接收所述服务器基于所述页面数据请求返回的与所述页面访问入口对应的第一格式的页面内容数据。可选地,在接收到所述服务器基于所述页面数据请求返回的与所述页面访问入口对应的第一格式的页面内容数据之后,所述方法还包括:存储所述服务器基于所述页面数据请求返回的与所述页面访问入口对应的第一格式的页面内容数据,以备后续使用。其中,所述第一格式为符合页面数据传输协议的数据格式,例如,所述第一格式为遵循JSON协议的数据格式。所述页面内容数据可包括页面展示的文本内容数据、图像内容数据、视频内容数据、页面链接等。可以理解的是,以上描述仅为示例性的,本申请实施例对此不作任何限定。
在步骤S102中,将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据。
在本申请实施例中,所述第二格式为遵循HTML协议的数据格式,例如,所述第二格式可包括HTML格式、HTML5格式等。可以理解的是,以上描述仅为示例性的,本申请实施例对此不作任何限定。
在一些可选实施例中,在将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据时,通过在脚本语言运行环境中执行用于页面内容数据的格式转换的脚本代码,将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据。籍此,通过在脚本语言运行环境中执行用于页面内容数据的格式转换的脚本代码,能够确保将第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据的转换效率,避免因数据格式的转换时间过长而导致用户等待的发生。可以理解的是,以上描述仅为示例性的,本申请实施例对此不作任何限定。
在一个具体的例子中,在通过在脚本语言运行环境中执行用于页面内容数据的格式转换的脚本代码,将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据之前,所述方法还包括:在所述移动应用被启动时,在所述移动应用的后台启动所述脚本语言运行环境。籍此,能够减少执行脚本代码的准备时间。可以理解的是,以上描述仅为示例性的,本申请实施例对此不作任何限定。
在一个具体的例子中,所述脚本代码可为使用JavaScript语言编写的代码,并且所述脚本代码为具有纯函数特征的脚本代码。具体地,所述脚本代码满足纯函数特征,对于相同的输入,会得到相同的输出。这样,可以保证重用过程中结果的正确性。也就是说,这样可以保证每次使用同样的数据转换得到相同的结果。所述脚本语言运行环境长期运行,在完成所述脚本代码的执行之后不销毁,等待下次需要转换时重用。可以理解的是,以上描述仅为示例性的,本申请实施例对此不作任何限定。
在步骤S103中,在接收到针对所述页面访问入口的第二触发操作时,基于所述第二格式的页面内容数据渲染所述页面访问入口对应的页面。
在本实施例中,所述第二触发操作包括针对所述页面访问入口的点击操作、长按操作、拖拽操作、滑动操作等。可以理解的是,以上描述仅为示例性的,本申请实施例对此不作任何限定。
在一些可选实施例中,在基于所述第二格式的页面内容数据渲染所述页面访问入口对应的页面时,通过所述移动应用的页面展示控件,加载所述第二格式的页面内容数据,以渲染展示所述页面访问入口对应的页面。其中,所述页面展示控件可以为WebView控件。可以理解的是,以上描述仅为示例性的,本申请实施例对此不作任何限定。
在一个具体的例子中,如图1B所示,在检测到页面访问入口出现在终端设备的可视区域中时,移动应用向服务器请求页面内容数据,服务器接收并处理移动应用发起的页面数据请求,及向移动应用返回JSON格式的页面内容数据移动。应用接收并存储服务器返回的JSON格式的页面内容数据,及通过在脚本语言运行环境中执行用于页面内容数据的格式转换的脚本代码,将JSON格式的页面内容数据转换为可被渲染的HTML格式的页面内容数据。在接收到点击页面访问入口的操作时,通过所述移动应用的WebView控件,加载HTML格式的页面内容数据,以渲染展示页面访问入口对应的页面。可以理解的是,以上描述仅为示例性的,本申请实施例对此不作任何限定。
通过本申请实施例提供的页面渲染方法,在检测到针对移动应用的页面访问入口的第一触发操作时,从服务器获取与页面访问入口对应的第一格式的页面内容数据,其中,第一格式为符合页面数据传输协议的数据格式,并将第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据,在接收到针对页面访问入口的第二触发操作时,基于第二格式的页面内容数据渲染页面访问入口对应的页面,与现有的CSR方案相比,在检测到针对移动应用的页面访问入口的第一触发操作时,将从服务器获取的与页面访问入口对应的第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据,使得在接收到针对页面访问入口的第二触发操作时,移动应用的页面展示控件能够在第一时间获取到可被渲染的第二格式的页面内容数据,并基于可被渲染的第二格式的页面内容数据渲染页面访问入口对应的页面,不需要等待脚本代码的执行来完成可被渲染的第二格式的页面内容数据的生成,避免了页面渲染之前空白页面等待的产生,有效地提升了用户打开页面的速度,进而有效提升了用户打开页面的体验。
此外,与现有的SSR方案相比,在移动应用本地将从服务器获取的与页面访问入口对应的第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据,不再需要服务端转换得到可被渲染的第二格式的页面内容数据,在减少服务端的运算压力的同时,也避免了不必要的数据流量传输,进而有效降低了服务端的运算和数据传输成本。
本实施例的页面渲染方法可以由任意适当的具有数据处理能力的设备执行,包括但不限于:摄像头、终端、移动终端、PC机、服务器、车载设备、娱乐设备、广告设备、个人数码助理(PDA)、平板电脑、笔记本电脑、掌上游戏机、智能眼镜、智能手表、可穿戴设备、虚拟显示设备或显示增强设备(如Google Glass、Oculus Rift、Hololens、Gear VR)等。
参照图2,示出了本申请实施例二的页面渲染方法的步骤流程图。
具体地,本实施例的页面渲染方法包括以下步骤:
在步骤S201中,在检测到针对移动应用的页面访问入口的第一触发操作时,从服务器获取与所述页面访问入口对应的第一格式的页面内容数据。
由于该步骤S201与上述步骤S101类似,在此不再赘述。
在步骤S202中,通过执行用于页面内容数据的格式转换的原生代码,将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据。
在本实施例中,原生代码可理解为使用移动终端所在系统的语言编写的代码,比如,安卓系统是使用java语言编写的,那么使用java语言编写的实现页面数据格式转换的代码就是原生代码。其中,所述第一格式为符合页面数据传输协议的数据格式,例如,所述第一格式为遵循JSON协议的数据格式。所述第二格式为遵循HTML协议的数据格式,例如,所述第二格式可包括HTML格式、HTML5格式等。可以理解的是,以上描述仅为示例性的,本申请实施例对此不作任何限定。
在步骤S203中,在接收到针对所述页面访问入口的第二触发操作时,基于所述第二格式的页面内容数据渲染所述页面访问入口对应的页面。
由于该步骤S203与上述步骤S103类似,在此不再赘述。
通过本申请实施例提供的页面渲染方法,在检测到针对移动应用的页面访问入口的第一触发操作时,从服务器获取与页面访问入口对应的第一格式的页面内容数据,其中,第一格式为符合页面数据传输协议的数据格式,并通过执行用于页面内容数据的格式转换的原生代码,将第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据,在接收到针对页面访问入口的第二触发操作时,基于第二格式的页面内容数据渲染页面访问入口对应的页面,与现有的CSR方案相比,在检测到针对移动应用的页面访问入口的第一触发操作时,通过执行用于页面内容数据的格式转换的原生代码,将从服务器获取的与页面访问入口对应的第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据,使得在接收到针对页面访问入口的第二触发操作时,移动应用的页面展示控件能够在第一时间获取到可被渲染的第二格式的页面内容数据,并基于可被渲染的第二格式的页面内容数据渲染页面访问入口对应的页面,不需要等待脚本代码的执行来完成可被渲染的第二格式的页面内容数据的生成,避免了页面渲染之前空白页面等待的产生,有效地提升了用户打开页面的速度,进而有效提升了用户打开页面的体验。
此外,与现有的SSR方案相比,在移动应用本地,通过执行用于页面内容数据的格式转换的原生代码,将从服务器获取的与页面访问入口对应的第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据,不再需要服务端转换得到可被渲染的第二格式的页面内容数据,在减少服务端的运算压力的同时,也避免了不必要的数据流量传输,进而有效降低了服务端的运算和数据传输成本。
本实施例的页面渲染方法可以由任意适当的具有数据处理能力的设备执行,包括但不限于:摄像头、终端、移动终端、PC机、服务器、车载设备、娱乐设备、广告设备、个人数码助理(PDA)、平板电脑、笔记本电脑、掌上游戏机、智能眼镜、智能手表、可穿戴设备、虚拟显示设备或显示增强设备(如Google Glass、Oculus Rift、Hololens、Gear VR)等。
参照图3,示出了本申请实施例三中页面渲染装置的结构示意图。
本实施例的页面渲染装置包括:获取模块301,用于在检测到针对移动应用的页面访问入口的第一触发操作时,从服务器获取与所述页面访问入口对应的第一格式的页面内容数据,其中,所述第一格式为符合页面数据传输协议的数据格式;第一转换模块302,用于将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据;第一渲染模块303,用于在接收到针对所述页面访问入口的第二触发操作时,基于所述第二格式的页面内容数据渲染所述页面访问入口对应的页面。
本实施例的页面渲染装置用于实现前述多个方法实施例中相应的页面渲染方法,并具有相应的方法实施例的有益效果,在此不再赘述。
参照图4,示出了本申请实施例四中页面渲染装置的结构示意图。
本实施例的页面渲染装置包括:获取模块401,用于在检测到针对移动应用的页面访问入口的第一触发操作时,从服务器获取与所述页面访问入口对应的第一格式的页面内容数据,其中,所述第一格式为符合页面数据传输协议的数据格式;第一转换模块402,用于将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据;第一渲染模块403,用于在接收到针对所述页面访问入口的第二触发操作时,基于所述第二格式的页面内容数据渲染所述页面访问入口对应的页面。
可选地,所述第一转换模块402,包括:第二转换模块4022,用于通过在脚本语言运行环境中执行用于页面内容数据的格式转换的脚本代码,将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据。
可选地,在所述第二转换模块4022之前,所述第一转换模块402还包括:启动模块4021,用于在所述移动应用被启动时,在所述移动应用的后台启动所述脚本语言运行环境。
可选地,所述脚本代码为具有纯函数特征的脚本代码。
可选地,所述第一转换模块402,包括:第三转换模块4023,用于通过执行用于页面内容数据的格式转换的原生代码,将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据。
可选地,所述第一渲染模块403,包括:第二渲染模块4031,用于通过所述移动应用的页面展示控件,加载所述第二格式的页面内容数据,以渲染展示所述页面访问入口对应的页面。
可选地,所述第一触发操作包括以下中的至少一者:用于指示将所述页面访问入口展示在终端设备的可视区域的操作;用于指示将所述页面访问入口滑动至与所述可视区域的底端成预设距离的位置的操作。
可选地,所述第二触发操作包括针对所述页面访问入口的点击操作。
可选地,所述第一格式为遵循JSON协议的数据格式;和/或,所述第二格式为遵循HTML协议的数据格式。
本实施例的页面渲染装置用于实现前述多个方法实施例中相应的页面渲染方法,并具有相应的方法实施例的有益效果,在此不再赘述。
图5为本申请实施例五中电子设备的结构示意图;该电子设备可以包括:
一个或多个处理器501;
计算机可读介质502,可以配置为存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如上述实施例一或实施例二所述的页面渲染方法。
图6为本申请实施例六中电子设备的硬件结构;如图6所示,该电子设备的硬件结构可以包括:处理器601,通信接口602,计算机可读介质603和通信总线604;
其中处理器601、通信接口602、计算机可读介质603通过通信总线604完成相互间的通信;
可选地,通信接口602可以为通信模块的接口,如GSM模块的接口;
其中,处理器601具体可以配置为:在检测到针对移动应用的页面访问入口的第一触发操作时,从服务器获取与所述页面访问入口对应的第一格式的页面内容数据,其中,所述第一格式为符合页面数据传输协议的数据格式;将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据;在接收到针对所述页面访问入口的第二触发操作时,基于所述第二格式的页面内容数据渲染所述页面访问入口对应的页面。
处理器601可以是通用处理器,包括中央处理器(Central Processing Unit,简称CPU)、网络处理器(Network Processor,简称NP)等;还可以是数字信号处理器(DSP)、专用集成电路(ASIC)、现成可编程门阵列(FPGA)或者其它可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
计算机可读介质603可以是,但不限于,随机存取存储介质(Random AccessMemory,RAM),只读存储介质(Read Only Memory,ROM),可编程只读存储介质(Programmable Read-Only Memory,PROM),可擦除只读存储介质(Erasable ProgrammableRead-Only Memory,EPROM),电可擦除只读存储介质(Electric Erasable ProgrammableRead-Only Memory,EEPROM)等。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含配置为执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信部分从网络上被下载和安装,和/或从可拆卸介质被安装。在该计算机程序被中央处理单元(CPU)执行时,执行本申请的方法中限定的上述功能。需要说明的是,本申请所述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读介质例如可以但不限于是电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储介质(RAM)、只读存储介质(ROM)、可擦式可编程只读存储介质(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储介质(CD-ROM)、光存储介质件、磁存储介质件、或者上述的任意合适的组合。在本申请中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本申请中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输配置为由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言或其组合来编写配置为执行本申请的操作的计算机程序代码,所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如”C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络:包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个配置为实现规定的逻辑功能的可执行指令。上述具体实施例中有特定先后关系,但这些先后关系只是示例性的,在具体实现的时候,这些步骤可能会更少、更多或执行顺序有调整。即在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本申请实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中,例如,可以描述为:一种处理器包括获取模块、第一转换模块和第一渲染模块。其中,这些模块的名称在某种情况下并不构成对该模块本身的限定,例如,获取模块还可以被描述为“在检测到针对移动应用的页面访问入口的第一触发操作时,从服务器获取与所述页面访问入口对应的第一格式的页面内容数据的模块”。
作为另一方面,本申请还提供了一种计算机可读介质,其上存储有计算机程序,该程序被处理器执行时实现如上述实施例一或实施例二所描述的页面渲染方法。
作为另一方面,本申请还提供了一种计算机可读介质,该计算机可读介质可以是上述实施例中描述的装置中所包含的;也可以是单独存在,而未装配入该装置中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该装置执行时,使得该装置:在检测到针对移动应用的页面访问入口的第一触发操作时,从服务器获取与所述页面访问入口对应的第一格式的页面内容数据,其中,所述第一格式为符合页面数据传输协议的数据格式;将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据;在接收到针对所述页面访问入口的第二触发操作时,基于所述第二格式的页面内容数据渲染所述页面访问入口对应的页面。
在本公开的各种实施方式中所使用的表述“第一”、“第二”、“所述第一”或“所述第二”可修饰各种部件而与顺序和/或重要性无关,但是这些表述不限制相应部件。以上表述仅配置为将元件与其它元件区分开的目的。例如,第一用户设备和第二用户设备表示不同的用户设备,虽然两者均是用户设备。例如,在不背离本公开的范围的前提下,第一元件可称作第二元件,类似地,第二元件可称作第一元件。
当一个元件(例如,第一元件)称为与另一元件(例如,第二元件)“(可操作地或可通信地)联接”或“(可操作地或可通信地)联接至”另一元件(例如,第二元件)或“连接至”另一元件(例如,第二元件)时,应理解为该一个元件直接连接至该另一元件或者该一个元件经由又一个元件(例如,第三元件)间接连接至该另一个元件。相反,可理解,当元件(例如,第一元件)称为“直接连接”或“直接联接”至另一元件(第二元件)时,则没有元件(例如,第三元件)插入在这两者之间。
以上描述仅为本申请的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本申请中所涉及的发明范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述发明构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本申请中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
Claims (20)
1.一种页面渲染方法,其特征在于,所述方法包括:
在检测到针对移动应用的页面访问入口的第一触发操作时,从服务器获取与所述页面访问入口对应的第一格式的页面内容数据,其中,所述第一格式为符合页面数据传输协议的数据格式;
将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据;
在接收到针对所述页面访问入口的第二触发操作时,基于所述第二格式的页面内容数据渲染所述页面访问入口对应的页面。
2.根据权利要求1所述的方法,其特征在于,所述将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据,包括:
通过在脚本语言运行环境中执行用于页面内容数据的格式转换的脚本代码,将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据。
3.根据权利要求2所述的方法,其特征在于,所述通过在脚本语言运行环境中执行用于页面内容数据的格式转换的脚本代码,将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据之前,所述方法还包括:
在所述移动应用被启动时,在所述移动应用的后台启动所述脚本语言运行环境。
4.根据权利要求2所述的方法,其特征在于,所述脚本代码为具有纯函数特征的脚本代码。
5.根据权利要求1所述的方法,其特征在于,所述将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据,包括:
通过执行用于页面内容数据的格式转换的原生代码,将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据。
6.根据权利要求1所述的方法,其特征在于,所述基于所述第二格式的页面内容数据渲染所述页面访问入口对应的页面,包括:
通过所述移动应用的页面展示控件,加载所述第二格式的页面内容数据,以渲染展示所述页面访问入口对应的页面。
7.根据权利要求1-6中任意一项权利要求所述的方法,其特征在于,所述第一触发操作包括以下中的至少一者:
用于指示将所述页面访问入口展示在终端设备的可视区域的操作;
用于指示将所述页面访问入口滑动至与所述可视区域的底端成预设距离的位置的操作。
8.根据权利要求1-6中任意一项权利要求所述的方法,其特征在于,所述第二触发操作包括针对所述页面访问入口的点击操作。
9.根据权利要求1-6中任意一项权利要求所述的方法,其特征在于,所述第一格式为遵循JSON协议的数据格式;和/或,所述第二格式为遵循HTML协议的数据格式。
10.一种页面渲染装置,其特征在于,所述装置包括:
获取模块,用于在检测到针对移动应用的页面访问入口的第一触发操作时,从服务器获取与所述页面访问入口对应的第一格式的页面内容数据,其中,所述第一格式为符合页面数据传输协议的数据格式;
第一转换模块,用于将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据;
第一渲染模块,用于在接收到针对所述页面访问入口的第二触发操作时,基于所述第二格式的页面内容数据渲染所述页面访问入口对应的页面。
11.根据权利要求10所述的装置,其特征在于,所述第一转换模块,包括:
第二转换模块,用于通过在脚本语言运行环境中执行用于页面内容数据的格式转换的脚本代码,将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据。
12.根据权利要求11所述的装置,其特征在于,在所述第二转换模块之前,所述第一转换模块还包括:
启动模块,用于在所述移动应用被启动时,在所述移动应用的后台启动所述脚本语言运行环境。
13.根据权利要求11所述的装置,其特征在于,所述脚本代码为具有纯函数特征的脚本代码。
14.根据权利要求10所述的装置,其特征在于,所述第一转换模块,包括:
第三转换模块,用于通过执行用于页面内容数据的格式转换的原生代码,将所述第一格式的页面内容数据转换为可被渲染的第二格式的页面内容数据。
15.根据权利要求10所述的装置,其特征在于,所述第一渲染模块,包括:
第二渲染模块,用于通过所述移动应用的页面展示控件,加载所述第二格式的页面内容数据,以渲染展示所述页面访问入口对应的页面。
16.根据权利要求10-15中任意一项权利要求所述的装置,其特征在于,所述第一触发操作包括以下中的至少一者:
用于指示将所述页面访问入口展示在终端设备的可视区域的操作;
用于指示将所述页面访问入口滑动至与所述可视区域的底端成预设距离的位置的操作。
17.根据权利要求10-15中任意一项权利要求所述的装置,其特征在于,所述第二触发操作包括针对所述页面访问入口的点击操作。
18.根据权利要求10-15中任意一项权利要求所述的装置,其特征在于,所述第一格式为遵循JSON协议的数据格式;和/或,所述第二格式为遵循HTML协议的数据格式。
19.一种电子设备,包括:
一个或多个处理器;
计算机可读介质,配置为存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-9中任意一项权利要求所述的页面渲染方法。
20.一种计算机可读介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-9中任意一项权利要求所述的页面渲染方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910442054.6A CN111984888B (zh) | 2019-05-24 | 页面渲染方法、装置、电子设备及计算机可读介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910442054.6A CN111984888B (zh) | 2019-05-24 | 页面渲染方法、装置、电子设备及计算机可读介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111984888A true CN111984888A (zh) | 2020-11-24 |
CN111984888B CN111984888B (zh) | 2024-06-07 |
Family
ID=
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113051015A (zh) * | 2021-03-30 | 2021-06-29 | 北京达佳互联信息技术有限公司 | 页面渲染方法、装置、电子设备及存储介质 |
CN114553971A (zh) * | 2022-02-24 | 2022-05-27 | 山东浪潮通软信息科技有限公司 | 一种应用框架的设计方法、系统、设备及介质 |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7912924B1 (en) * | 2007-11-06 | 2011-03-22 | Adobe Systems Incorporated | Adding functionality with respect to one or more web pages |
US20140143298A1 (en) * | 2012-11-21 | 2014-05-22 | General Electric Company | Zero footprint dicom image viewer |
US20140281859A1 (en) * | 2013-03-13 | 2014-09-18 | International Business Machines Corporation | Enhanced mobilization of existing web sites |
US20150310126A1 (en) * | 2014-04-23 | 2015-10-29 | Akamai Technologies, Inc. | Creation and delivery of pre-rendered web pages for accelerated browsing |
CN106503111A (zh) * | 2016-10-18 | 2017-03-15 | 广州市动景计算机科技有限公司 | 网页转码方法、装置及客户终端 |
CN107451296A (zh) * | 2017-08-21 | 2017-12-08 | 南京焦点领动云计算技术有限公司 | 一种基于组件的网站模块化渲染方法 |
CN107609156A (zh) * | 2017-09-26 | 2018-01-19 | 微梦创科网络科技(中国)有限公司 | 一种页面搭建的方法及装置 |
CN107729516A (zh) * | 2017-10-26 | 2018-02-23 | 北京百度网讯科技有限公司 | 单页应用展示方法和装置、服务器、设备及可读介质 |
CN109213952A (zh) * | 2018-08-02 | 2019-01-15 | 平安科技(深圳)有限公司 | 页面访问处理方法、装置、计算机设备及存储介质 |
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7912924B1 (en) * | 2007-11-06 | 2011-03-22 | Adobe Systems Incorporated | Adding functionality with respect to one or more web pages |
US20140143298A1 (en) * | 2012-11-21 | 2014-05-22 | General Electric Company | Zero footprint dicom image viewer |
US20140281859A1 (en) * | 2013-03-13 | 2014-09-18 | International Business Machines Corporation | Enhanced mobilization of existing web sites |
US20150310126A1 (en) * | 2014-04-23 | 2015-10-29 | Akamai Technologies, Inc. | Creation and delivery of pre-rendered web pages for accelerated browsing |
CN106503111A (zh) * | 2016-10-18 | 2017-03-15 | 广州市动景计算机科技有限公司 | 网页转码方法、装置及客户终端 |
CN107451296A (zh) * | 2017-08-21 | 2017-12-08 | 南京焦点领动云计算技术有限公司 | 一种基于组件的网站模块化渲染方法 |
CN107609156A (zh) * | 2017-09-26 | 2018-01-19 | 微梦创科网络科技(中国)有限公司 | 一种页面搭建的方法及装置 |
CN107729516A (zh) * | 2017-10-26 | 2018-02-23 | 北京百度网讯科技有限公司 | 单页应用展示方法和装置、服务器、设备及可读介质 |
CN109213952A (zh) * | 2018-08-02 | 2019-01-15 | 平安科技(深圳)有限公司 | 页面访问处理方法、装置、计算机设备及存储介质 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113051015A (zh) * | 2021-03-30 | 2021-06-29 | 北京达佳互联信息技术有限公司 | 页面渲染方法、装置、电子设备及存储介质 |
CN113051015B (zh) * | 2021-03-30 | 2024-01-09 | 北京达佳互联信息技术有限公司 | 页面渲染方法、装置、电子设备及存储介质 |
CN114553971A (zh) * | 2022-02-24 | 2022-05-27 | 山东浪潮通软信息科技有限公司 | 一种应用框架的设计方法、系统、设备及介质 |
CN114553971B (zh) * | 2022-02-24 | 2024-05-28 | 浪潮通用软件有限公司 | 一种应用框架的设计方法、系统、设备及介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107451162B (zh) | 网络资源访问设备、混合设备及方法 | |
CN106874519B (zh) | 页面展现方法和装置 | |
CN111338623B (zh) | 一种开发用户界面的方法、装置、介质和电子设备 | |
CN110634049B (zh) | 页面显示内容的处理方法、装置、电子设备及可读介质 | |
CN111581555B (zh) | 一种文档加载方法、装置、设备及存储介质 | |
CN112684968A (zh) | 页面展示方法、装置、电子设备和计算机可读介质 | |
CN110619100B (zh) | 用于获取数据的方法和装置 | |
CN111443909B (zh) | 用于生成页面的方法及装置 | |
CN110096665B (zh) | 图片类评论数据的展示方法、装置、设备及介质 | |
CN110874172B (zh) | 放大app界面的方法、装置、介质及电子设备 | |
CN112287206A (zh) | 信息处理方法、装置和电子设备 | |
CN113076294A (zh) | 一种信息分享方法和装置 | |
CN112486783B (zh) | 一种进度条的显示方法和装置 | |
CN112558933A (zh) | 组件渲染方法、装置、可读介质及电子设备 | |
CN113094612A (zh) | 客户端加载网页的方法、装置、电子设备及介质 | |
CN110618811B (zh) | 信息呈现方法和装置 | |
CN111324835A (zh) | 渲染用户界面组件的方法、装置、电子设备、及存储介质 | |
CN111984888B (zh) | 页面渲染方法、装置、电子设备及计算机可读介质 | |
CN111984888A (zh) | 页面渲染方法、装置、电子设备及计算机可读介质 | |
CN111581556B (zh) | 页面数据处理方法、装置、电子设备和可读介质 | |
CN109669720B (zh) | 基于Promise的链式异步请求处理方法、装置及电子设备 | |
CN112214665A (zh) | 内容展示方法、装置、电子设备及计算机可读存储介质 | |
CN112333462A (zh) | 直播间页面跳转方法、返回方法、装置及电子设备 | |
US20130111433A1 (en) | Method and apparatus for generating application programs | |
CN111722936B (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 |