CN112861057A - 基于小程序的页面渲染方法、装置、设备及存储介质 - Google Patents
基于小程序的页面渲染方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN112861057A CN112861057A CN202110185109.7A CN202110185109A CN112861057A CN 112861057 A CN112861057 A CN 112861057A CN 202110185109 A CN202110185109 A CN 202110185109A CN 112861057 A CN112861057 A CN 112861057A
- Authority
- CN
- China
- Prior art keywords
- page
- rendering
- rendered
- rendering engine
- engine
- 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 420
- 238000000034 method Methods 0.000 title claims abstract description 58
- 238000004590 computer program Methods 0.000 claims description 11
- 238000004458 analytical method Methods 0.000 claims description 5
- 239000000126 substance Substances 0.000 claims description 2
- 238000005516 engineering process Methods 0.000 abstract description 4
- 238000012360 testing method Methods 0.000 abstract description 2
- 230000008569 process Effects 0.000 description 14
- 238000010586 diagram Methods 0.000 description 9
- 238000004891 communication Methods 0.000 description 8
- 238000011161 development Methods 0.000 description 8
- 238000012545 processing Methods 0.000 description 6
- 230000006870 function Effects 0.000 description 5
- 230000003993 interaction Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 238000004364 calculation method Methods 0.000 description 2
- 230000006872 improvement Effects 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 238000010606 normalization Methods 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 238000012827 research and development Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000000007 visual effect Effects 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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- 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/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- 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
-
- 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/445—Program loading or initiating
- G06F9/44505—Configuring for program initiating, e.g. using registry, configuration files
-
- 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/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
- G06F9/44526—Plug-ins; Add-ons
-
- 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
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
Abstract
本申请公开了一种基于小程序的页面渲染方法、装置、设备及存储介质,涉及计算机技术领域,进一步涉及软件开发与测试技术。具体实现方案为:根据待渲染页面的页面配置信息,从小程序运行时集成的原生渲染引擎和网页渲染引擎中确定所述待渲染页面的渲染引擎;采用所确定的渲染引擎,对所述待渲染页面进行渲染,能够解决现有小程序页面渲染导致小程序不流畅的问题,为小程序的页面渲染提供了一种新思路。
Description
技术领域
本申请涉及计算机技术领域,尤其涉及软件开发与测试技术。
背景技术
小程序是一种通过渲染层和逻辑层物理隔离的可纯离线工作的运行时生态。然而现有小程序主要通过网页(即WebView)方式实现对渲染层内容的呈现,而WebView作为渲染层容器对内存的占用较多,在低端机或IOT(Internet of Things,物联网)等内存受限的设备上,WebView对内存的开销较大,使得小程序运行并不流畅。
发明内容
本申请提供了一种基于小程序的页面渲染方法、装置、设备及存储介质。
根据本申请的一方面,提供了一种基于小程序的页面渲染方法、该方法包括:
根据待渲染页面的页面配置信息,从小程序运行时集成的原生渲染引擎和网页渲染引擎中确定所述待渲染页面的渲染引擎;
采用所确定的渲染引擎,对所述待渲染页面进行渲染。
根据本申请的另一方面,提供了一种基于小程序的页面渲染装置,该装置包括:
引擎确定模块,用于根据待渲染页面的页面配置信息,从小程序运行时集成的原生渲染引擎和网页渲染引擎中确定所述待渲染页面的渲染引擎;
渲染模块,用于采用所确定的渲染引擎,对所述待渲染页面进行渲染。
根据本申请的另一方面,提供了一种电子设备,该电子设备包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行本申请任一实施例所述的基于小程序的页面渲染方法。
根据本申请的另一方面,提供了一种存储有计算机指令的非瞬时计算机可读存储介质,其中,所述计算机指令用于使计算机执行本申请任一实施例所述的基于小程序的页面渲染方法。
根据本申请的另一方面,提供了一种计算机程序产品,包括计算机程序,所述计算机程序在被处理器执行时实现本申请任一实施例所述的基于小程序的页面渲染方法。
根据本申请的技术,能够解决现有小程序页面渲染导致小程序不流畅的问题,为小程序的页面渲染提供了一种新思路。
应当理解,本部分所描述的内容并非旨在标识本申请的实施例的关键或重要特征,也不用于限制本申请的范围。本申请的其它特征将通过以下的说明书而变得容易理解。
附图说明
附图用于更好地理解本方案,不构成对本申请的限定。其中:
图1A是根据本申请实施例提供的一种基于小程序的页面渲染方法的流程图;
图1B是根据本申请实施例提供的一种小程序运行时的结构示意图;
图2是根据本申请实施例提供的一种小程序开发和运行过程的原理框图;
图3是根据本申请实施例提供的另一种基于小程序的页面渲染方法的流程图;
图4是根据本申请实施例提供的又一种基于小程序的页面渲染方法的流程图;
图5是根据本申请实施例提供的一种基于小程序的页面渲染装置的结构示意图;
图6是用来实现本申请实施例的基于小程序的页面渲染方法的电子设备的框图。
具体实施方式
以下结合附图对本公开的示范性实施例做出说明,其中包括本公开实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本公开的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
图1A是根据本申请实施例提供的一种基于小程序的页面渲染方法的流程图;图1B是根据本申请实施例提供的一种小程序运行时的结构示意图。本申请实施例适用于如何对小程序的页面进行渲染的情况。本实施例应用于小程序运行时,该实施例可以由基于小程序的页面渲染装置来执行,该装置可以采用软件和/或硬件来实现,该装置可集成于配置有小程序运行时的电子设备中。如图1A所示,该基于小程序的页面渲染方法包括:
S101,根据待渲染页面的页面配置信息,从小程序运行时集成的原生渲染引擎和网页渲染引擎中确定待渲染页面的渲染引擎。
本实施例中,对于用户而言,小程序可以是一种不需要下载安装即可使用的应用,例如可以是快递查询类小程序、学习类小程序以及视频播放类小程序等。小程序运行时实质是一个能够处理页面渲染、数据逻辑交互等的虚拟机,包括核心框架,比如swanjs框架。可以理解的是,宿主App(比如微信客户端)需要集成小程序运行时框架,才可运行小程序。
可选的,如图1B所示,本实施例中的小程序运行时集成有逻辑层和渲染层(或者称视图层),渲染层进一步包括网页(即WebView)渲染层和原生(即Native)渲染层。其中,网页渲染层中集成有网页渲染引擎以及swanjs框架代码,原生渲染层中集成有原生渲染引擎以及原生swanjs框架代码;进一步的,原生渲染层的swanjs框架代码是在现有的网页渲染层的swanjs框架代码的基础上进行改进得到,具体可以包括复用现有的网页渲染层的swanjs框架代码中的API和组件能力,以及增加样式能力,样式中包括组件属性,原生渲染层的swanjs框架可支持的组件属性为网页渲染层的swanjs框架可支持的组件属性的子集。可选的,本实施例中的网页渲染引擎即WebView渲染引擎,用于对网页组件(即Web组件)进行渲染;原生渲染引擎即Native渲染引擎,用于对原生组件(即Native组件)进行渲染,本实施例中的原生渲染引擎具体可以是React Native或Flutter。所谓原生组件即为原生渲染层的swanjs框架可支持的组件;对应的,网页组件即为网页渲染层的swanjs框架可支持的组件。
可选的,待渲染页面基于用户的触发操作确定。例如,用户在宿主App中点击小程序图标启动小程序,此时待渲染页面可以是该小程序默认显示页面;又如,小程序已启动,用户在该小程序当前显示页面中点击某一选项等所触发启动的页面。
页面配置信息可存储于小程序的页面配置文件(即page.json文件)中。可选的,一个小程序可以具有多个页面,不同页面的页面配置信息可不同。具体的,对于小程序的任一页面,页面配置信息中可以包括对该页面的窗口表现的配置信息,以及对该页面进行渲染的渲染方式。可选的,渲染方式可以是开发者在开发小程序时依据页面需求、宿主App所在电子设备性能、小程序类型等配置的。进一步的,页面配置文件中具有“使能开关”配置项,用于配置渲染方式;其中,“使能开关”配置项的默认值为“false”,对应于网页渲染方式;进一步的,“使能开关”配置项的取值“true”,用于表征原生渲染方式。
进一步的,本实施例在现有的逻辑层的swanjs框架的基础上,增加对原生渲染层和网页渲染层的动态切换能力。具体的,在本实施例中,当基于用户的触发操作确定待渲染页面后,小程序运行时中的逻辑层可以获取待渲染页面的页面配置信息,并对待渲染页面的页面配置信息进行解析,确定采用原生渲染引擎还是网页渲染引擎对待渲染页面进行渲染。进一步的,小程序运行时的逻辑层可以识别页面配置信息中“使能开关”配置项的取值,进而根据识别结果,确定采用原生渲染引擎还是网页渲染引擎对待渲染页面进行渲染。例如,若识别结果为“使能开关”配置项的取值为“true”,则表征待渲染页面的渲染方式为原生渲染,此时可以确定需要采用原生渲染引擎对待渲染页面进行渲染;若识别结果为“使能开关”配置项的取值为“false”,则表征待渲染页面的渲染方式为网页渲染,此时可以确定需要采用网页渲染引擎对待渲染页面进行渲染。
S102,采用所确定的渲染引擎,对待渲染页面进行渲染。
具体的,在确定渲染引擎之后,可以采用所确定的渲染引擎,对待渲染页面进行渲染。例如,若所确定的渲染引擎为原生渲染引擎,则可以采用原生渲染引擎,对待渲染页面进行渲染;若所确定的渲染引擎为网页渲染引擎,则可以采用网页渲染引擎,对待渲染页面进行渲染。
进一步的,对于任一小程序,基于本实施例所提供的页面渲染方法,能够实现该小程序中的不同页面采用不同的渲染引擎进行渲染,例如该小程序的A页面采用原生渲染引擎进行渲染,B页面采用网页渲染引擎进行渲染。
需要说明的是,现有的小程序渲染引擎主要通过网页方式实现对渲染层内容的呈现,对于低端机或IOT等内存受限的设备而言,WebView作为渲染层容器,对内存的开销较大,进而使小程序运行并不流畅。且现有的跨端开发框架基于小程序运行时构建,在考虑成本和资源占用的情况下,宿主App中仅能够集成一个小程序运行时,而现有的小程序运行时中只有一种类型的渲染引擎,进而无法编译一个小程序包运行在多种形态上(例如即可工作在原生渲染上,也可以工作在网页渲染上),也无法做到依据页面维度对渲染方式进行动态切换。此外,现有的跨端开发框架也不能很好的解决小程序页面渲染导致小程序不流畅的问题。
而本实施例中小程序运行时同时包括原生渲染层和网页渲染层,支持在运行时层面依据页面配置信息对渲染引擎进行动态选择,解决了现有跨端方案中一个小程序包无法运行在多种形态上,以及无法做到页面级别的渲染切换的问题;同时,在低端机或IOT等内存受限的设备场景下,通过灵活配置页面配置信息,基于页面配置信息动态选择原生渲染引擎对页面进行渲染,由于原生渲染相比于网页渲染在内存和性能上具有较好的优势,进而能够保证小程序的正常运行。
本申请实施例的技术方案,通过在小程序运行时中同时集成原生渲染引擎和网页渲染引擎,支持在运行时层面依据页面配置信息对渲染引擎进行动态选择,能够保证在低端机或IOT等内存受限的设备场景下小程序的正常运行;同时可解决现有跨端方案中无法做到页面级别的渲染切换等的问题,为小程序的页面渲染提供了一种新思路。
可选的,本实施例在上述实施例的基础上,结合图2所提供的一种小程序开发和运行过程的原理框图,对待渲染页面的确定,以及页面配置信息中渲染方式的确定进行详细介绍。如图2所示,开发者可以使用小程序开发者工具开发小程序,例如开发者可以使用小程序开发语言(比如swanjs语言)开发小程序,或者可以使用现有的跨端开发框架开发小程序。
可选的,开发者在开发小程序时,可以根据页面需求等,在页面配置文件中配置页面的渲染方式。小程序开发者工具解析开发者所配置的页面配置文件,在识别到开发者设置的渲染方式为原生渲染时,依据原生渲染层的swanjs框架能力引导开发者进行规范编码;进一步的,在此过程中,对于不支持的组件属性给与提示。也就是说,在页面的渲染方式为原生渲染时,该页面实质是基于小程序开发者工具提供的组件编辑提示信息确定。其中,组件编辑提示信息包括组件的哪些属性不支持原生渲染、以及如何规范编写组件代码等。可选的,本实施例中的待渲染页面基于待渲染页面的渲染方式关联的组件编辑提示信息确定。需要说明的是,本实施例中在开发者开发小程序的过程中,提供组件编辑提示信息,能够保证开发者所编写代码的规范性,以及提升了开发者的体验。
进一步的,开发者在开发小程序时,可以不设置渲染方式,由小程序开发者工具通过智能分析设置。可选的,对于需要升级的小程序而言,小程序开发者工具可以通过分析该小程序的历史版本中历史访问页面占比来设置新版本小程序中每一页面的渲染方式,并添加到页面配置文件中。其中,对于新版本小程序中的每一页面而言,在历史版本小程序中,该页面所对应的历史版本页面的用户访问数量,与该历史版本小程序被用户访问的数量之比,即为该页面的历史访问页面占比。例如,历史版本小程序中某一页面的渲染方式为网页渲染,小程序开发者工具识别到历史访问页面占比较高,进而将新版本小程序中该历史版本页面所对应的新版本页面的渲染方式设置为原生渲染;与此同时,还可以对开发者进行友好提示。可以理解的是,本实施例基于历史访问页面占比自动配置页面的渲染方式,不仅能够提升小程序的性能,同时也提升了小程序开发者工具的智能化程度,进而进一步提升开发者的满意度。
进一步的,在开发小程序的过程中,小程序开发者工具还可以根据开发者为小程序页面所配置的组件信息确定页面的渲染方式。例如,小程序开发者工具识别到开发者为小程序页面所配置的组件属性在原生渲染层swanjs框架所支持的范围内,则可以将页面的渲染方式配置为原生渲染,否则,配置为网页渲染;与此同时,可以对开发者进行友好提示。
此外,小程序开发者工具还可以结合历史访问页面占比和开发者为小程序页面所配置的组件信息确定页面的渲染方式。例如,在基于历史访问页面占比和开发者为小程序页面所配置的组件信息中的任一项,确定页面的渲染方式为原生渲染的情况下,将页面的渲染方式配置为原生渲染;否则,将页面的渲染方式配置为网页渲染。
可选的,本实施例中的页面配置信息中包括待渲染页面的渲染方式,且渲染方式基于待渲染页面的历史访问页面占比和/或开发者为待渲染页面配置的组件信息确定。需要说明的是,本实施例通过小程序开发者工具基于历史访问页面占比和/或开发者为页面配置的组件信息来自动确定渲染方式的好处在于,提升了小程序开发者工具的智能化程度,以及提升小程序的性能,进而同时提升开发者和用户的体验。
本实施例中,小程序开发者工具依据开发者所编写的一套代码,可以生成小程序运行时能够运行的小程序包。其中,小程序包结构中在现有基础上除样式以外的逻辑代码,组件和静态资源均可以复用,仅样式文件需要根据原生渲染所支持的情况生成新的一份,供原生渲染时使用。也就是说,和现有的小程序包相比,本实施例中开发者所开发的小程序包中包括两个样式文件。
值得注意的是,对于开发者而言,开发者仍可以选用现有的开发者框架(比如跨端开发框架)开发小程序。具体的,由于开发者框架位于本实施例中的小程序运行时上层,在小程序开发过程中,开发者可以同时依据原生渲染所支持的情况以及网页渲染所支持的情况,开发小程序;进而,基于开发者所编写的一套代码所打包的小程序包可以在多种形态上运行,比如可以运行在原生渲染上,也可以运行在网页渲染上等,解决了现有跨端方案中一个小程序包无法运行在多种形态上的问题。此外,基于本实施例所开发的小程序不仅可作为寄宿在宿主App上的分发生态,亦可作为跨端解决方案替代现有Flutter等业界较为流行的跨端UI运行时框架,扩展了小程序能力边界,不仅赋能小程序开发者,也能够反哺宿主App平台,提升宿主App上的研发效率。
可选的,宿主App中可以集成本发明实施例所提供的小程序运行时,以运行本实施例所开发的小程序。进一步的,为了提升小程序的原生渲染速度,可以在小程序运行时预加载阶段,初始化原生渲染引擎和网页渲染引擎。此外,还可以依据宿主App所在的电子设备性能,仅初始化网页渲染引擎或原生渲染引擎,待页面真实需要时进行引擎初始化。
进而,在依据待渲染页面的页面配置信息,确定需要采用原生渲染引擎对待渲染页面进行渲染时,可以先检查原生渲染引擎是否已完成初始化,若否,则先进行引擎初始化;若是,则原生渲染层容器加载小程序包内原生渲染样式文件和页面模板等。之后,通过原生渲染引擎对待渲染页面进行渲染。
图3是根据本申请实施例提供的另一种基于小程序的页面渲染方法的流程图。本申请实施例在上述实施例的基础上,进一步对确定待渲染页面的渲染引擎进行详细的解释说明。如图3所示,该基于小程序的页面渲染方法包括:
S301,根据待渲染页面的页面配置信息,从小程序运行时集成的原生渲染引擎和网页渲染引擎中确定待渲染页面的渲染引擎。
S302,根据待渲染页面的页面数量,对所确定的渲染引擎进行校验。
可选的,本实施例中待渲染页面的数量可以为一个或多个;在待渲染页面的数量为一个的情况下,可以直接将采用步骤S301所确定的渲染引擎作为待渲染页面的渲染引擎;或者可以根据待渲染页面在一段时间内的使用频次,对采用步骤S301所确定的渲染引擎进行校验等。例如,若待渲染页面在一段时间内的使用频次大于设定次数,且采用步骤S301所确定的渲染引擎为网页渲染引擎,则可以将所确定的渲染引擎调整为原生渲染引擎;若待渲染页面在一段时间内的使用频次大于设定次数,且采用步骤S301所确定的渲染引擎为原生渲染引擎,则将原生渲染引擎作为待渲染页面的渲染引擎。此外,若待渲染页面在一段时间内的使用频次小于或等于设定次数,则将采用步骤S301所确定的渲染引擎作为待渲染页面的渲染引擎。
进一步的,在待渲染页面的数量为多个的情况下,多个待渲染页面可以为寄宿在同一宿主App中的不同小程序中的页面。为保证小程序的正常运行,可以根据待渲染页面的页面数量和设定阈值,对采用步骤S301所确定的渲染引擎进行校验。示例性的,若待渲染页面的页面数量大于设定阈值,且采用步骤S301所确定的渲染引擎为网页渲染引擎,则将所确定的渲染引擎调整为原生渲染引擎;若待渲染页面的页面数量大于设定阈值,且采用步骤S301所确定的渲染引擎为原生渲染引擎,则将原生渲染引擎作为待渲染页面的渲染引擎;进一步,若待渲染页面的页面数量小于或等于设定阈值,则待渲染页面的渲染引擎为采用步骤S301所确定的渲染引擎。
为进一步保证小程序的正常运行,在待渲染页面的数量为多个,且待渲染页面的页面数量小于或等于设定阈值的情况下,还可以根据待渲染页面的使用频次,对采用步骤S301所确定的渲染引擎进行校验。具体可以是,若待渲染页面在一段时间内的使用频次大于设定次数,且采用步骤S301所确定的渲染引擎为网页渲染引擎,则可以将所确定的渲染引擎调整为原生渲染引擎;若待渲染页面在一段时间内的使用频次大于设定次数,且采用步骤S301所确定的渲染引擎为原生渲染引擎,则将原生渲染引擎作为待渲染页面的渲染引擎。此外,若待渲染页面在一段时间内的使用频次小于或等于设定次数,则将采用步骤S301所确定的渲染引擎作为待渲染页面的渲染引擎。需要说明的是,在待渲染页面的数量为多个,且待渲染页面的页面数量小于或等于设定阈值的情况下,最终所确定的不同待渲染页面的渲染方式可能相同,也可能不同。
S303,采用校验后的渲染引擎,对待渲染页面进行渲染。
本申请实施例的技术方案,通过引入页面数量对基于页面配置信息所确定的渲染引擎进行校验,进一步保证了采用最终所确定的渲染引擎对待渲染页面进行渲染,在低端机或IOT等内存受限的设备场景下小程序的正常运行。
图4是根据本申请实施例提供的又一种基于小程序的页面渲染方法的流程图。本申请实施例在上述实施例的基础上,进一步对采用所确定的渲染引擎对待渲染页面进行渲染进行解释说明。如图4所示,该基于小程序的页面渲染方法包括:
S401,开始。
S402,根据待渲染页面的页面配置信息,从小程序运行时集成的原生渲染引擎和网页渲染引擎中确定待渲染页面的渲染引擎。若为原生渲染引擎,则执行S403;若为网页渲染引擎,则执行S404。
S403,采用原生渲染引擎对待渲染页面中的原生组件进行渲染。
需要说明的是,从开发者层面来说,不区分组件(比如input组件)是原生组件还是网页组件;从小程序运行时层面来说,如果需要对页面进行原生渲染,那么页面中的组件为原生组件;如果需要对页面进行网页渲染,那么页面中的组件即为网页组件。具体的,本实施例中所谓原生组件即为原生渲染层的swanjs框架可支持的组件;对应的,网页组件即为网页渲染层的swanjs框架可支持的组件。
可选的,若所确定的渲染引擎为原生渲染引擎,则可以采用原生渲染引擎对待渲染页面中的原生组件进行渲染。例如可以是,采用原生渲染引擎关联的解析框架对渲染数据进行解析,得到渲染树,并根据渲染树,确定渲染指令;采用原生渲染引擎基于渲染指令,对待渲染页面中的原生组件进行渲染。其中,本实施例中的解析框架为swanjs框架。
本实施例中,渲染数据为本次要改变的数据,具体为JSON格式的数据;进一步的,本实施例中的渲染数据由小程序运行时中的逻辑层获取,具体可以是逻辑层根据触发本次渲染事件获取渲染数据。
具体的,若所确定的渲染引擎为原生渲染引擎,则可以通过小程序运行时中的逻辑层调用setData()函数将渲染数据传输至原生渲染层,由原生渲染层中的swanjs框架对渲染数据进行解析生成虚拟渲染树即虚拟DOM Tree,并对虚拟DOM Tree和上一次绘制的虚拟DOM Tree进行差异运算(即diff运算)得到差异结果,依据差异结果生成渲染指令并提交给原生渲染引擎;由原生渲染引擎依据渲染指令,对待渲染页面中的原生组件进行渲染。可选的,本实施例中的原生渲染层中的swanjs框架集成有抽象适配层,用于定义渲染指令,来桥接原生渲染引擎。
S404,采用网页渲染引擎对待渲染页面中的网页组件进行渲染。
可选的,若所确定的渲染引擎为网页渲染引擎,则可以通过小程序运行时中的逻辑层调用setData()函数将渲染数据传输至网页渲染层,由网页渲染层中的swanjs框架依据渲染数据和页面模板组合生成本次渲染树即DOM tree,并基于本次DOM tree与上一次生成的DOM Tree做差异运算得到差异结果,进而依据差异结果对上一次生成的DOM Tree进行操作,得到最终的DOM Tree,并提交给网页渲染引擎;由网页渲染引擎对待渲染页面中的网页组件进行渲染。需要说明的是,由网页渲染层中的swanjs框架所生成DOM Tree是真实的DOM Tree。
此外,需要说明的是,如果小程序所在的宿主App中未集成有本申请实施例所提供的小程序运行时,也就是说小程序运行时中未集成有原生渲染层,且逻辑层的swanjs框架不具有动态切换引擎的能力,则逻辑层将无法识别“使能开关”配置项,不论“使能开关”配置项的取值是什么,均默认对待渲染页面的渲染方式为网页渲染,进而采用网页渲染引擎对待渲染页面进行渲染。也就是说本实施例所提供的页面渲染方法具有兼容宿主App所集成的小程序运行时版本的特性。
本申请实施例的技术方案,通过在小程序运行时中同时集成原生渲染引擎和网页渲染引擎,支持在运行时层面依据页面配置信息对渲染引擎进行动态选择,实现了依据页面维度进行渲染切换,尤其是在低端机或IOT等内存受限的设备场景下,通过动态选择原生渲染引擎进行页面渲染,保证了小程序的正常运行,进而提升了用户体验。
图5是根据本申请实施例提供的一种基于小程序的页面渲染装置的结构示意图。本申请实施例适用于如何对小程序的页面进行渲染的情况。该装置可以实现本申请任意实施例所述的基于小程序的页面渲染方法。如图5所示,该基于小程序的页面渲染装置包括:
引擎确定模块501,用于根据待渲染页面的页面配置信息,从小程序运行时集成的原生渲染引擎和网页渲染引擎中确定待渲染页面的渲染引擎;
渲染模块502,用于采用所确定的渲染引擎,对待渲染页面进行渲染。
本申请实施例的技术方案,通过在小程序运行时中同时集成原生渲染引擎和网页渲染引擎,支持在运行时层面依据页面配置信息对渲染引擎进行动态选择,能够保证在低端机或IOT等内存受限的设备场景下小程序的正常运行;同时可解决现有跨端方案中无法做到页面级别的渲染切换等的问题,为小程序的页面渲染提供了一种新思路。
示例性的,本实施例中页面配置信息中包括待渲染页面的渲染方式,渲染方式基于待渲染页面的历史访问页面占比和/或开发者为待渲染页面配置的组件信息确定。
示例性的,本实施例中待渲染页面基于待渲染页面的渲染方式关联的组件编辑提示信息确定。
示例性的,引擎确定模块501包括:
引擎确定单元,用于根据待渲染页面的页面配置信息,从小程序运行时集成的原生渲染引擎和网页渲染引擎中确定待渲染页面的渲染引擎;
引擎校验单元,用于根据待渲染页面的页面数量,对所确定的渲染引擎进行校验。
示例性的,引擎校验单元具体用于:
若待渲染页面的页面数量大于设定阈值,且所确定的渲染引擎为网页渲染引擎,则将所确定的渲染引擎调整为原生渲染引擎;
若待渲染页面的页面数量小于设定阈值,则待渲染页面的渲染引擎为所确定的渲染引擎。
示例性的,渲染模块502还用于:
若所确定的渲染引擎为原生渲染引擎,则采用原生渲染引擎对待渲染页面中的原生组件进行渲染;
若所确定的渲染引擎为网页渲染引擎,则采用网页渲染引擎对待渲染页面中的网页组件进行渲染。
示例性的,渲染模块502具体用于:
采用原生渲染引擎关联的解析框架对渲染数据进行解析,得到渲染树,并根据渲染树,确定渲染指令;
采用原生渲染引擎基于渲染指令,对待渲染页面中的原生组件进行渲染。
根据本公开的实施例,本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。
图6示出了可以用来实施本公开的实施例的示例电子设备500的示意性框图。电子设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本公开的实现。
如图6所示,电子设备600包括计算单元601,其可以根据存储在只读存储器(ROM)602中的计算机程序或者从存储单元608加载到随机访问存储器(RAM)603中的计算机程序,来执行各种适当的动作和处理。在RAM 603中,还可存储电子设备600操作所需的各种程序和数据。计算单元601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
电子设备600中的多个部件连接至I/O接口605,包括:输入单元606,例如键盘、鼠标等;输出单元607,例如各种类型的显示器、扬声器等;存储单元608,例如磁盘、光盘等;以及通信单元609,例如网卡、调制解调器、无线通信收发机等。通信单元609允许电子设备600通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
计算单元601可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元601的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元601执行上文所描述的各个方法和处理,例如基于小程序的页面渲染方法。例如,在一些实施例中,基于小程序的页面渲染方法可被实现为计算机软件程序,其被有形地包含于机器可读介质,例如存储单元608。在一些实施例中,计算机程序的部分或者全部可以经由ROM 602和/或通信单元609而被载入和/或安装到电子设备600上。当计算机程序加载到RAM 603并由计算单元601执行时,可以执行上文描述的基于小程序的页面渲染方法的一个或多个步骤。备选地,在其他实施例中,计算单元601可以通过其他任何适当的方式(例如,借助于固件)而被配置为执行基于小程序的页面渲染方法。
本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器,使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行,作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
为了提供与用户的交互,可以在计算机上实施此处描述的系统和技术,该计算机具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)、区块链网络和互联网。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器,又称为云计算服务器或云主机,是云计算服务体系中的一项主机产品,以解决了传统物理主机与VPS服务中,存在的管理难度大,业务扩展性弱的缺陷。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本发公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本公开公开的技术方案所期望的结果,本文在此不进行限制。
上述具体实施方式,并不构成对本公开保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等,均应包含在本公开保护范围之内。
Claims (17)
1.一种基于小程序的页面渲染方法,包括:
根据待渲染页面的页面配置信息,从小程序运行时集成的原生渲染引擎和网页渲染引擎中确定所述待渲染页面的渲染引擎;
采用所确定的渲染引擎,对所述待渲染页面进行渲染。
2.根据权利要求1所述的方法,其中,所述页面配置信息中包括所述待渲染页面的渲染方式,所述渲染方式基于所述待渲染页面的历史访问页面占比和/或开发者为所述待渲染页面配置的组件信息确定。
3.根据权利要求1所述的方法,其中,所述待渲染页面基于所述待渲染页面的渲染方式关联的组件编辑提示信息确定。
4.根据权利要求1所述的方法,其中,根据待渲染页面的页面配置信息,从小程序运行时集成的原生渲染引擎和网页渲染引擎中确定所述待渲染页面的渲染引擎,包括:
根据待渲染页面的页面配置信息,从小程序运行时集成的原生渲染引擎和网页渲染引擎中确定所述待渲染页面的渲染引擎;
根据所述待渲染页面的页面数量,对所确定的渲染引擎进行校验。
5.根据权利要求4所述的方法,其中,根据所述待渲染页面的页面数量,对所确定的渲染引擎进行校验,包括:
若所述待渲染页面的页面数量大于设定阈值,且所确定的渲染引擎为网页渲染引擎,则将所确定的渲染引擎调整为原生渲染引擎;
若所述待渲染页面的页面数量小于或等于设定阈值,则所述待渲染页面的渲染引擎为所确定的渲染引擎。
6.根据权利要求1所述的方法,其中,采用所确定的渲染引擎,对所述待渲染页面进行渲染,包括:
若所确定的渲染引擎为所述原生渲染引擎,则采用所述原生渲染引擎对所述待渲染页面中的原生组件进行渲染;
若所确定的渲染引擎为所述网页渲染引擎,则采用所述网页渲染引擎对所述待渲染页面中的网页组件进行渲染。
7.根据权利要求6所述的方法,其中,采用所述原生渲染引擎对所述待渲染页面中的原生组件进行渲染,包括:
采用原生渲染引擎关联的解析框架对渲染数据进行解析,得到渲染树,并根据所述渲染树,确定渲染指令;
采用所述原生渲染引擎基于所述渲染指令,对所述待渲染页面中的原生组件进行渲染。
8.一种基于小程序的页面渲染装置,包括:
引擎确定模块,用于根据待渲染页面的页面配置信息,从小程序运行时集成的原生渲染引擎和网页渲染引擎中确定所述待渲染页面的渲染引擎;
渲染模块,用于采用所确定的渲染引擎,对所述待渲染页面进行渲染。
9.根据权利要求8所述的装置,其中,所述页面配置信息中包括所述待渲染页面的渲染方式,所述渲染方式基于所述待渲染页面的历史访问页面占比和/或开发者为所述待渲染页面配置的组件信息确定。
10.根据权利要求8所述的装置,其中,所述待渲染页面基于所述待渲染页面的渲染方式关联的组件编辑提示信息确定。
11.根据权利要求8所述的装置,其中,所述引擎确定模块包括:
引擎确定单元,用于根据待渲染页面的页面配置信息,从小程序运行时集成的原生渲染引擎和网页渲染引擎中确定所述待渲染页面的渲染引擎;
引擎校验单元,用于根据所述待渲染页面的页面数量,对所确定的渲染引擎进行校验。
12.根据权利要求11所述的装置,其中,所述引擎校验单元具体用于:
若所述待渲染页面的页面数量大于设定阈值,且所确定的渲染引擎为网页渲染引擎,则将所确定的渲染引擎调整为原生渲染引擎;
若所述待渲染页面的页面数量小于设定阈值,则所述待渲染页面的渲染引擎为所确定的渲染引擎。
13.根据权利要求8所述的装置,其中,所述渲染模块还用于:
若所确定的渲染引擎为所述原生渲染引擎,则采用所述原生渲染引擎对所述待渲染页面中的原生组件进行渲染;
若所确定的渲染引擎为所述网页渲染引擎,则采用所述网页渲染引擎对所述待渲染页面中的网页组件进行渲染。
14.根据权利要求13所述的装置,其中,所述渲染模块具体用于:
采用原生渲染引擎关联的解析框架对渲染数据进行解析,得到渲染树,并根据所述渲染树,确定渲染指令;
采用所述原生渲染引擎基于所述渲染指令,对所述待渲染页面中的原生组件进行渲染。
15.一种电子设备,包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-7中任一项所述的基于小程序的页面渲染方法。
16.一种存储有计算机指令的非瞬时计算机可读存储介质,其中,所述计算机指令用于使计算机执行根据权利要求1-7中任一项所述的基于小程序的页面渲染方法。
17.一种计算机程序产品,包括计算机程序,所述计算机程序在被处理器执行时实现根据权利要求1-7中任一项所述的基于小程序的页面渲染方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110185109.7A CN112861057B (zh) | 2021-02-10 | 2021-02-10 | 基于小程序的页面渲染方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110185109.7A CN112861057B (zh) | 2021-02-10 | 2021-02-10 | 基于小程序的页面渲染方法、装置、设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112861057A true CN112861057A (zh) | 2021-05-28 |
CN112861057B CN112861057B (zh) | 2024-03-01 |
Family
ID=75989605
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110185109.7A Active CN112861057B (zh) | 2021-02-10 | 2021-02-10 | 基于小程序的页面渲染方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112861057B (zh) |
Cited By (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113722019A (zh) * | 2021-11-04 | 2021-11-30 | 海尔数字科技(青岛)有限公司 | 平台程序的显示方法、装置及设备 |
CN113791988A (zh) * | 2021-11-17 | 2021-12-14 | 畅捷通信息技术股份有限公司 | 一种降低小程序包体积的渲染方法、装置及存储介质 |
CN113918258A (zh) * | 2021-09-30 | 2022-01-11 | 北京达佳互联信息技术有限公司 | 页面滚动处理方法、装置、终端以及存储介质 |
CN114035885A (zh) * | 2021-12-22 | 2022-02-11 | 北京百度网讯科技有限公司 | 一种小程序页面渲染方法、装置及电子设备 |
CN114237795A (zh) * | 2021-12-16 | 2022-03-25 | 海宁奕斯伟集成电路设计有限公司 | 终端界面显示方法、装置、电子设备及可读存储介质 |
CN114968457A (zh) * | 2022-05-11 | 2022-08-30 | 支付宝(杭州)信息技术有限公司 | 应用于子程序的表单处理方法及装置 |
CN115079923A (zh) * | 2022-06-17 | 2022-09-20 | 北京新唐思创教育科技有限公司 | 事件处理方法、装置、设备及介质 |
CN115495094A (zh) * | 2022-11-16 | 2022-12-20 | 深圳市客路网络科技有限公司 | 一种开发小程序的方法和电子设备 |
CN115525852A (zh) * | 2021-10-28 | 2022-12-27 | 北京字节跳动网络技术有限公司 | 网页的渲染方法、装置、设备及存储介质 |
CN117348948A (zh) * | 2023-12-04 | 2024-01-05 | 南京掌控网络科技有限公司 | 一种在自有App上运行的小程序引擎 |
WO2024021743A1 (zh) * | 2022-07-27 | 2024-02-01 | 腾讯科技(深圳)有限公司 | 数据处理方法、装置、设备以及可读存储介质 |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020089526A1 (en) * | 1998-01-26 | 2002-07-11 | Jeffrey J. Buxton | Infocenter user interface for applets and components |
JP2007079863A (ja) * | 2005-09-13 | 2007-03-29 | Fuji Xerox Co Ltd | ウェブページ表示装置、ウェブページ表示方法及びプログラム |
US20090228782A1 (en) * | 2008-03-04 | 2009-09-10 | Simon Fraser | Acceleration of rendering of web-based content |
US20110157219A1 (en) * | 2009-12-31 | 2011-06-30 | International Business Machines Corporation | Automatic targeting of browser content to optimal rendering engine |
KR20130080536A (ko) * | 2012-01-05 | 2013-07-15 | (주)이스트소프트 | 렌더링엔진 자동변환을 위한 웹브라우저를 기록한 컴퓨터 판독가능한 기록매체 및 렌더링엔진 자동변환방법 |
CN110362371A (zh) * | 2019-06-19 | 2019-10-22 | 北京百度网讯科技有限公司 | 视图层级的控制方法及系统、计算机设备及可读介质 |
CN110609966A (zh) * | 2018-05-29 | 2019-12-24 | 阿里巴巴集团控股有限公司 | 一种页面显示方法、装置及其设备 |
CN110704136A (zh) * | 2019-09-27 | 2020-01-17 | 北京百度网讯科技有限公司 | 小程序组件的渲染方法、客户端、电子设备及存储介质 |
CN111405377A (zh) * | 2020-03-19 | 2020-07-10 | 百度在线网络技术(北京)有限公司 | 一种视频播放方法、装置、电子设备和存储介质 |
CN112286504A (zh) * | 2020-11-12 | 2021-01-29 | 普元信息技术股份有限公司 | 移动APP中基于ReactNative实现小程序开发并加载的方法 |
-
2021
- 2021-02-10 CN CN202110185109.7A patent/CN112861057B/zh active Active
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020089526A1 (en) * | 1998-01-26 | 2002-07-11 | Jeffrey J. Buxton | Infocenter user interface for applets and components |
JP2007079863A (ja) * | 2005-09-13 | 2007-03-29 | Fuji Xerox Co Ltd | ウェブページ表示装置、ウェブページ表示方法及びプログラム |
US20090228782A1 (en) * | 2008-03-04 | 2009-09-10 | Simon Fraser | Acceleration of rendering of web-based content |
US20110157219A1 (en) * | 2009-12-31 | 2011-06-30 | International Business Machines Corporation | Automatic targeting of browser content to optimal rendering engine |
KR20130080536A (ko) * | 2012-01-05 | 2013-07-15 | (주)이스트소프트 | 렌더링엔진 자동변환을 위한 웹브라우저를 기록한 컴퓨터 판독가능한 기록매체 및 렌더링엔진 자동변환방법 |
CN110609966A (zh) * | 2018-05-29 | 2019-12-24 | 阿里巴巴集团控股有限公司 | 一种页面显示方法、装置及其设备 |
CN110362371A (zh) * | 2019-06-19 | 2019-10-22 | 北京百度网讯科技有限公司 | 视图层级的控制方法及系统、计算机设备及可读介质 |
CN110704136A (zh) * | 2019-09-27 | 2020-01-17 | 北京百度网讯科技有限公司 | 小程序组件的渲染方法、客户端、电子设备及存储介质 |
CN111405377A (zh) * | 2020-03-19 | 2020-07-10 | 百度在线网络技术(北京)有限公司 | 一种视频播放方法、装置、电子设备和存储介质 |
CN112286504A (zh) * | 2020-11-12 | 2021-01-29 | 普元信息技术股份有限公司 | 移动APP中基于ReactNative实现小程序开发并加载的方法 |
Cited By (18)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113918258B (zh) * | 2021-09-30 | 2023-12-19 | 北京达佳互联信息技术有限公司 | 页面滚动处理方法、装置、终端以及存储介质 |
CN113918258A (zh) * | 2021-09-30 | 2022-01-11 | 北京达佳互联信息技术有限公司 | 页面滚动处理方法、装置、终端以及存储介质 |
CN115525852A (zh) * | 2021-10-28 | 2022-12-27 | 北京字节跳动网络技术有限公司 | 网页的渲染方法、装置、设备及存储介质 |
CN113722019A (zh) * | 2021-11-04 | 2021-11-30 | 海尔数字科技(青岛)有限公司 | 平台程序的显示方法、装置及设备 |
CN113791988B (zh) * | 2021-11-17 | 2022-02-18 | 畅捷通信息技术股份有限公司 | 一种降低小程序包体积的渲染方法、装置及存储介质 |
CN113791988A (zh) * | 2021-11-17 | 2021-12-14 | 畅捷通信息技术股份有限公司 | 一种降低小程序包体积的渲染方法、装置及存储介质 |
CN114237795B (zh) * | 2021-12-16 | 2024-01-30 | 海宁奕斯伟集成电路设计有限公司 | 终端界面显示方法、装置、电子设备及可读存储介质 |
CN114237795A (zh) * | 2021-12-16 | 2022-03-25 | 海宁奕斯伟集成电路设计有限公司 | 终端界面显示方法、装置、电子设备及可读存储介质 |
CN114035885A (zh) * | 2021-12-22 | 2022-02-11 | 北京百度网讯科技有限公司 | 一种小程序页面渲染方法、装置及电子设备 |
CN114035885B (zh) * | 2021-12-22 | 2023-02-03 | 北京百度网讯科技有限公司 | 一种小程序页面渲染方法、装置及电子设备 |
CN114968457A (zh) * | 2022-05-11 | 2022-08-30 | 支付宝(杭州)信息技术有限公司 | 应用于子程序的表单处理方法及装置 |
CN114968457B (zh) * | 2022-05-11 | 2024-05-03 | 支付宝(杭州)信息技术有限公司 | 应用于子程序的表单处理方法及装置 |
CN115079923B (zh) * | 2022-06-17 | 2023-11-07 | 北京新唐思创教育科技有限公司 | 事件处理方法、装置、设备及介质 |
CN115079923A (zh) * | 2022-06-17 | 2022-09-20 | 北京新唐思创教育科技有限公司 | 事件处理方法、装置、设备及介质 |
WO2024021743A1 (zh) * | 2022-07-27 | 2024-02-01 | 腾讯科技(深圳)有限公司 | 数据处理方法、装置、设备以及可读存储介质 |
CN115495094A (zh) * | 2022-11-16 | 2022-12-20 | 深圳市客路网络科技有限公司 | 一种开发小程序的方法和电子设备 |
CN117348948A (zh) * | 2023-12-04 | 2024-01-05 | 南京掌控网络科技有限公司 | 一种在自有App上运行的小程序引擎 |
CN117348948B (zh) * | 2023-12-04 | 2024-03-22 | 南京掌控网络科技有限公司 | 一种在自有App上运行的小程序引擎 |
Also Published As
Publication number | Publication date |
---|---|
CN112861057B (zh) | 2024-03-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN112861057B (zh) | 基于小程序的页面渲染方法、装置、设备及存储介质 | |
EP3005100B1 (en) | Bundle package generation | |
US10083015B2 (en) | Mobile accessibility evaluation from application binary | |
US10503341B2 (en) | Usability analysis for user interface based systems | |
CN109947624B (zh) | 状态监控方法及装置 | |
US20190325562A1 (en) | Window rendering method and terminal | |
CN114327685B (zh) | 一种小程序运行速度优化方法及装置 | |
CN113010827A (zh) | 页面渲染方法、装置、电子设备以及存储介质 | |
US10810019B2 (en) | Method for interface refresh synchronization, terminal device, and non-transitory computer-readable storage medium | |
CN115237436A (zh) | 应用部署方法、装置、电子设备及可读存储介质 | |
CN111625290B (zh) | 一种Android平台下布局文件预加载方法、装置及电子设备 | |
CN104731600A (zh) | 一种将安卓系统服务插件化的实现方法 | |
CN114741294A (zh) | 一种页面的调试方法、装置、设备及存储介质 | |
CN114911541B (zh) | 配置信息的处理方法、装置、电子设备及存储介质 | |
CN113138760B (zh) | 一种页面生成方法、装置、电子设备和介质 | |
CN114969591A (zh) | 页面渲染方法、装置、电子设备及可读存储介质 | |
CN104951325A (zh) | 一种信息显示方法及电子设备 | |
US11893199B2 (en) | Systems and methods for viewing incompatible web pages via remote browser instances | |
CN114386577A (zh) | 用于执行深度学习模型的方法、设备和存储介质 | |
CN114090118A (zh) | 启动小程序的方法、装置、设备以及存储介质 | |
CN112579096A (zh) | 小程序启动文件的编译、加载方法、装置、设备和介质 | |
CN112612531A (zh) | 应用程序启动方法、装置、电子设备及存储介质 | |
US11599599B1 (en) | Emulating a transparency effect for a display element | |
CN114500718B (zh) | 一种云手机管理方法及装置 | |
CN115328614A (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 |