CN107368487B - 一种页面组件动态布局方法、装置及客户端 - Google Patents

一种页面组件动态布局方法、装置及客户端 Download PDF

Info

Publication number
CN107368487B
CN107368487B CN201610312934.8A CN201610312934A CN107368487B CN 107368487 B CN107368487 B CN 107368487B CN 201610312934 A CN201610312934 A CN 201610312934A CN 107368487 B CN107368487 B CN 107368487B
Authority
CN
China
Prior art keywords
page
component
custom
html
client
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.)
Active
Application number
CN201610312934.8A
Other languages
English (en)
Other versions
CN107368487A (zh
Inventor
陈文鸿
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Advanced New Technologies Co Ltd
Advantageous New Technologies Co Ltd
Original Assignee
Alibaba Group Holding Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201610312934.8A priority Critical patent/CN107368487B/zh
Priority to TW106107424A priority patent/TWI690812B/zh
Priority to SG11201809098YA priority patent/SG11201809098YA/en
Priority to EP17796593.6A priority patent/EP3455695A4/en
Priority to KR1020187032057A priority patent/KR102179149B1/ko
Priority to JP2018556821A priority patent/JP6740373B2/ja
Priority to MYPI2018703839A priority patent/MY194978A/en
Priority to US15/587,078 priority patent/US10325009B2/en
Priority to PCT/US2017/031064 priority patent/WO2017196635A1/en
Publication of CN107368487A publication Critical patent/CN107368487A/zh
Application granted granted Critical
Publication of CN107368487B publication Critical patent/CN107368487B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/12Use of codes for handling textual entities
    • G06F40/14Tree-structured documents
    • G06F40/143Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G06F16/986Document structures and storage, e.g. HTML extensions
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/103Formatting, i.e. changing of presentation of documents
    • G06F40/106Display of layout of documents; Previewing
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/103Formatting, i.e. changing of presentation of documents
    • G06F40/117Tagging; Marking up; Designating a block; Setting of attributes
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/20Natural language analysis
    • G06F40/205Parsing

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Information Transfer Between Computers (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请提供一种页面组件动态布局方法、装置及客户端。所述方法包括:客户端基于触发的请求页面向服务器发起页面内容请求;客户端查询页面响应内容中是否存在预设标记符;若存在,则加载设置的自定义组件解析引擎对自定义组件的标签进行解析;客户端根据对所述自定义组件的标签解析得到的标签信息选择相应的自定义组件,并调用设置的自定义组件渲染引擎对所述自定义组件进行渲染,将渲染后的自定义组件添加到请求页面的相应位置。利用本申请实施例可以实现在原生WebView上Native组件的动态布局,解决了现有技术中Native组件无法在HTML页面上实现动态布局的技术问题,提高作业人员页面布局的便利性。

Description

一种页面组件动态布局方法、装置及客户端
技术领域
本申请属于计算机数据处理技术领域,尤其涉及一种页面组件动态布局方法、装置及客户端。
背景技术
随着移动互联网的日益兴起,用户对在手机、平板等移动终端设备上通过APP的Web页面进行新闻阅读、视频观看、在线购物、即时通信等的需求越来越复杂和多样化。APP的快速迭代成了许多APP移动厂商面临的严峻考考验,因此,在移动APP开发领域,动态化技术俨然已成为众多APP移动厂商的开发研究重点。
在目前的移动APP开发领域,实现页面动态布局的动态化技术主要为采用WebView组件,它可以利用成熟的完整的WebKit开源内核可以实现客户端的浏览器功能。如上所述,为了满足用户需求,增强用户体验,目前很多开放的APP已经不再停留使用原生的WebView组件,已经开始使用类似Facebook的ReactNative技术实现页面的动态布局。React Native脱离了传统Hybrid App的思路,基于HTML、CSS、JavaScript重新定义了一套规则。可以在JavaScript中用React抽象操作系统原生的UI组件,代替DOM元素来渲染,比如以<View>取代<div>,以<Image>替代<img>等。UI方面React Native提供跨平台的类似Flexbox的布局系统,还支持CSS子集,另外还可以用JSX或者普通JavaScript语言,还有CoffeeScript和TypeScript来开发移动终端APP。
ReactNative技术提供了许多React Native开源组件,如表单、摄像机、导航控件等等,可以为移动应用开发者提供帮助。目前市面上的应用大都使用ReactNative类似的技术进行动态布局,主要包括:使用React.js(Web平台)技术编写ReactNative布局页面,然后通过react-Native.js解析引擎进行解析,最后通过Native层的解析引擎完成页面的布局。
目前HTML页面在移动终端页面中仍占据重要地位,但这种ReactNative动态性技术的实现不遵从W3C标准,完全是独立实现了语法、解析等步骤。该方法与现有的WebKit内核不兼容,无法打开现有的页面(例如直接打开百度、google页面),而且,该技术的实现对于页面的开发人员学习成本更高,无法使用原有的HTML技术去实现在原生WebView上Native组件的动态布局。
发明内容
本申请目的在于提供一种页面组件动态布局方法、装置及客户端,可以通过在HTML页面基础上Native自定义组件的标签,完成HTML页面上Native组件的渲染,实现在原生WebView上Native组件的动态布局,解决了现有技术中Native组件无法在HTML页面上实现动态布局的技术问题,大大提高作业人员页面布局的便利性。
本申请提供一种页面组件动态布局方法、装置及客户端是这样实现的:
一种页面组件动态布局方法,所述方法包括:
客户端基于触发的请求页面向服务器发起页面内容请求;
服务器接收到所述页面内容请求后,确定所述请求页面中是否包含使用自定义组件的标签;若是,则在返回给客户端的页面响应内容中设置预设标记符;
所述客户端根据接收的页面响应内容打开所述请求页面,并查询所述页面响应内容中是否存在预设标记符;若存在,则加载设置的自定义组件解析引擎,对所述请求页面中的自定义组件的标签进行解析;
所述客户端根据对所述自定义组件的标签解析得到的标签信息选择相应的自定义组件,并调用设置的自定义组件渲染引擎对所述自定义组件进行渲染;
所述客户端将所述渲染后的自定义组件添加到所述请求页面的相应位置。
一种页面组件动态布局方法,所述方法包括:
基于触发的请求页面向服务器发起页面内容请求;
基于接收的服务器返回的页面响应内容打开所述请求页面,并查询所述页面响应内容中是否存在预设标记符;
若所述页面响应内容中存在预设标记符,则加载设置的自定义组件解析引擎,对所述请求页面中的自定义组件的标签进行解析;
根据对所述自定义组件的标签解析得到的标签信息选择相应的自定义组件,并调用设置的自定义组件渲染引擎对所述自定义组件进行渲染;
将所述渲染后的自定义组件添加到所述请求页面的相应位置。
一种页面组件动态布局方法,所述方法包括:
存储用户定义设置的自定义组件及所述自定义组件的解析信息,并将所述解析信息发送给客户端的自定义组件解析引擎;
根据接收到的客户端的页面内容请求返回相应的页面相应内容;若所述判断客户端的请求页面中使用所述自定义组件的标签,则在返回给所述客户端的页面响应内容中设置预设标记符。
一种页面组件动态布局装置,所述装置包括:
页面请求模块,用于基于触发的请求页面向服务器发起页面内容请求;
接收处理模块,用于接收服务器返回的页面响应内容,根据所述页面响应内容打开请求页面,并查询所述页面响应内容中是否存在预设标记符;
页面解析模块,用于若查找到所述页面响应内容中存在预设标记符,则加载设置的自定义组件解析引擎,对所述请求页面中的自定义组件的标签进行解析;
页面渲染模块,用于根据对所述自定义组件的标签解析得到的标签信息选择相应的自定义组件,并调用设置的自定义组件渲染引擎对所述自定义组件进行渲染;
动态布局模块,用于将所述渲染后的自定义组件添加到所述请求页面的相应位置。
一种页面组件动态布局装置,所述装置包括:
自定义组件模块,用于存储用户定义设置的自定义组件及所述自定义组件的解析信息,并将所述解析信息发送给客户端的自定义组件解析引擎;
页面请求处理模块,用于根据接收到的客户端的页面内容请求返回相应的页面相应内容;若所述判断客户端的请求页面中使用所述自定义组件的标签,则在返回给所述客户端的页面响应内容中设置预设标记符。
一种页面浏览客户端,所述客户端包括:
第一处理单元,被设置成,用于基于触发的请求页面向服务器发起页面内容请求;还用于接收服务器返回的页面相应内容,并根据所述页面响应内容打开请求页面,以及根据所述页面相应内容对请求页面进行渲染;
第二处理单元,被设置成,用于加载设置的自定义组件解析引擎,对所述请求页面中的自定义组件的标签进行解析;还用于根据对所述自定义组件的标签解析得到的标签信息选择相应的自定义组件,并调用设置的自定义组件渲染引擎对所述自定义组件进行渲染;还用于将所述渲染后的自定义组件添加到所述请求页面的相应位置。
本申请提供的终端应用页面的调试方法、装置及客户端,可以通过在HTML页面基础上自定义Native组件的标签,实现在原生WebView上Native组件的动态布局。作业人员可以在用户浏览的web页面中设计添加Native自定义组件的标签,页面服务器一侧对预先设置的自定义组件进行信息抽取,计算CSS-Layout、数据、事件等得到Native自定义组件的解析信息。这样,用户的发起的请求页面中如果包含了自定义组件的标签,页面服务器则可以在该请求页面的页面响应内容上设置标记符。相应的,客户端WebView打开HTML页面后如有发现有所述标记符,则可以注入Native组件解析引擎完成CSS-Layout、数据、事件等信息的解析。然后可以调用平台相关的渲染引擎模块在客户端进行Native组件渲染,渲染后的组件可以直接添加到原始WebView上,完成请求页面的Native组件的动态布局。本申请实施方案可以实现在HTML页面上添加Native组件标签,在用户浏览的页面上将HTML原有的标签替换为Native渲染的组件,从而既保持了不侵入原生WebView同时又达到较好的页面动态布局实践,使得基于HTML语言的页面组件动态布局可以大大提高作业人员的便利性。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请中记载的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1是本申请提供的一种页面组件动态布局方法一种实施例的方法流程示意图;
图2是本申请提供的一种页面组件动态布局方法一种实施例的方法流程示意图;
图3是本申请提供的一种页面组件动态布局方法一种实施例的方法流程示意图;
图4是本申请提供的一种页面组件动态布局装置一种实施例的模块结构示意图;
图5是本申请提供的一种页面组件动态布局装置一种实施例的模块结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本申请中的技术方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。
下面结合附图对本申请所述的页面组件动态布局方法、装置及客户端进行详细的说明。图1是本申请提供的页面组件动态布局方法的一种实施例的方法流程示意图。虽然本申请提供了如下述实施例或附图所示的方法操作步骤或装置结构,但基于常规或者无需创造性的劳动在所述方法或装置中可以包括更多或者更少的操作步骤或模块结构。在逻辑性上不存在必要因果关系的步骤或结构中,这些步骤的执行顺序或装置的模块结构不限于本申请实施例提供的执行顺序或模块结构。所述的方法或模块结构的在实际中的装置或终端产品执行时,可以按照实施例或者附图所示的方法或模块结构连接进行顺序执行或者并行执行(例如并行处理器或者多线程处理的环境)。
具体的如图1所示,本申请提供的一种页面组件动态布局方法中的一种实施例可以包括:
S1:客户端基于触发的请求页面向服务器发起页面内容请求。
当用户在客户端点击一个在线或者离线的HTML页面的时候,客户端会进入WebView页面,向服务器发起用户点击触发的请求页面的页面内容请求。所述的触发的页面请求具体的可以包括客户端中厂商应用(APP)或浏览器中触发的应用,如用户打开的在线购物APP首页,或者通过浏览器打开的在线搜索页面等。本申请中所述的客户端可以包括使用iOS、Android、YunOS等系统的移动终端,可以包括但不限于移动通讯终端、PDA、平板、POS机、车载电脑等。当然,实施本申请方案的非移动终端,如可以页面浏览的自助服务终端、PC电脑等也属于本申请所述的客户端的范围之内。
一般的,客户端发起的页面内容请求可以包括如页面数据、页面层结构、事件信息等。如果用户触发的请求页面中包括了页面组件,那么相应的页面请求内容中可以包括该页面组件的相关信息,如页面组件与服务器的消息交互内容、页面组件名称、类型等属性信息等。本申请实施例中客户端的请求页面中可以包括设计人员根据预先设计需要替换为自定义组件的自定义标签信息,那么,所述的页面内容请求中可以包括使用自定义组件的标签的相关信息。所述自定义组件可以包括Native组件。
本申请实施例中,用户触发客户端页面时客户端可以向服务器发起该页面的内容请求。
S2:服务器接收到所述页面内容请求后,确定所述请求页面中是否包含使用自定义组件的标签;若是,则在返回给客户端的页面响应内容中设置预设标记符。
本申请实施方案中,作业人员可以根据应用场景需求预先在基于HTML基础Native自定义组件的标签。具体的例如原生webkit渲染出来的页面,对大列表、输入框等方面均有性能或体验问题,本实施例中可以将WebView上无法实现或者设计人员认为性能较差的组件标签进行抽取、分组,抽象成页面的自定义的Native组件标签,例如ListView。本实施例所述Native自定义组件标签的可以对应一个或多个Native组件。另外,所述的抽取是针对渲染引擎的,抽取后成为渲染引擎所支持的标签。所述的计算,是对页面自定义组件进行数据、样式的计算,以确定客户端引擎能够根据数据和样式进行渲染出来。设计人员可以预先对所有可以使用到的自定义组件标签进行开发和设计。
所述自定义组件标签可以用于请求页面的渲染。本申请实施例中可以对Native自定义组件的信息抽取,具体的可以包括:在页面渲染之前,完成对HTML描述文件的预处理,将Native自定义组件的标签进行抽取,计算其CSS-Layout、数据、event(事件)等信息,形成Native自定义组件的解析信息。然后,可以将抽取计算的Native自定义组件的解析信息传给Native组件引擎。
这样,页面布局设计作业人员可以在页面中布局使用自定义组件的标签,服务器接收到客户端发送的页面内容请求后查找该客户端的页面内容请求中是否使用了自定义组件的标签。如果客户端请求的页面中包含了预先定义设置的自定义组件的标签,则可以在服务器响应给客户端的页面响应内容中设置预设标记符。例如本实施例中可以在返回给客户端的页面响应内容头上打入预设标记符,例如“CustomNativeComponent”。当然,所述预设标记符具体的可以由作业人员自定义设置,可以用于客户端识别请求页面的响应中包含自定义组件的标签,以便进行自定义组件的解析、渲染等处理。所述服务器处理完所述客户端的页面内容请求后,将本次请求页面完整的HTML页面响应内容返回给所述客户端。这样,用户客户端的WebView打开HTML页面时可以根据页面响应内容中的标记符可以得知需要对HTML页面中自定义组件进行解析、渲染处理。
服务器接收到客户端的页面内容请求后,确定所述请求页面中是否包含使用自定义组件的标签;若是,则在返回给客户端的页面响应内容中设置预设标记符。
S3:所述客户端根据接收的页面响应内容打开所述请求页面,并查询所述页面响应内容中是否存在预设标记符;若存在,则加载设置的自定义组件解析引擎,对所述请求页面中的自定义组件的标签进行解析。
在本申请实施例中,客户端WebView接收到服务器反馈的页面响应内容后会打开HTML请求页面,此时如果发现页面响应内容中存在所述预设标记符,可以表示该打开的HTML请求页面中包含Native自定义组件。那么,客户端可以加载用于解析自定义组件的解析引擎对该HTML请求页面中的Native自定义组件的标签进行解析。如本实施例中如果发现响应头上存在预设标记符“CustomNativeComponent”,那么此时客户端将会注入Native组件解析引擎Core.js对请求页面中的Native自定义组件标签进行解析。
需要说明的是,本申请实施例中所述的解析具体的可以包括解析HTML中原自定义标签的信息。在后续处理中可以根据解析获取的标签信息选择相应的native组件,进行native组件渲染后将native组件替换掉原标签内容。所述的自定义组件解析引擎可以包括页面端的core.js,主要是对页面中使用到的自定义标签进行抽取出来,和计算其相应数据。下述中的渲染引擎可以包括客户端引擎,主要是根据页面端引擎core.js带回的自定义标签信息,进行客户端native组件的渲染。因此,本实施例所述对所述请求页面中的自定义组件的标签进行解析可以包括:
对请求页面中自定义组件的标签进行信息抽取,以确定渲染引擎选择相应的自定义组件的标签信息。
本实施例中,如前所述,在定义设置Native自定义组件时可以对Native自定义组件的标签信息抽取,如计算其CSS-Layout、数据、event(事件)等信息,形成Native自定义组件的解析信息。然后,可以将抽取计算的Native自定义组件的解析信息传给Native组件引擎。因此,客户端加载的自定义组件解析引擎可以根据预先定义设置的自定义组件的解析信息解析页面中的自定义组件的标签。
S4:所述客户端根据对所述自定义组件的标签解析得到的标签信息选择相应的自定义组件,并调用设置的自定义组件渲染引擎对所述自定义组件进行渲染。
当所述自定义组件解析引擎解析页面中的自定义组件标签,完成CSS-Layout、数据、event(事件)等计算后可以获取该自定义组件标签的标签信息后。然后可以根据抽取计算得到的标签信息选择该自定义组件标签位置相应的自定义Native组件,然后调用平台相关的自定义组件渲染引擎进行Native自定义组件的渲染。本实施例中所述的平台相关通常是指,针对iOS、Android等,系统的UI组件库是不同的,因此,在iOS和Android端的渲染引擎,渲染部分有所不同。这里的自定义组件渲染引擎可以仅处理自定义标签,渲染成native组件。其他内容,因为通常情况下系统webkit已经做了相关渲染处理,自定义组件渲染引擎可以不用处理。当然,其他的一些实施方式上,也可以包括利用所述自定义组件渲染引擎完成页面其他内容的渲染。所述的自定义组件渲染引擎可以包括Native组件动态布局引擎,可以实现在iOS、Android以及浏览器端等实现Native自定义组件的渲染功能。
客户端可以根据返回的页面响应内容对请求页面进行渲染处理,如果需要渲染Native组件,则调用自定义组件渲染引擎对请求页面中解析完成的自定义组件进行渲染。
S5:所述客户端将所述渲染后的自定义组件添加到所述请求页面的相应位置。
本实施例完成Native自定义组件渲染后,可以将渲染后的现Native自定义组件直接添加到原生WebView上,替换掉原标签内容,完成现Native自定义组件的动态布局。当然,请求页面中可以包括一个或者多个Native自定义组件的标签,所述客户端可以利用解析引擎和渲染引擎分别对所有标签中的Native自定义组件进行解析和渲染,然后将渲染后的Native自定义组件添加到相应的请求页面中的标签中。
本申请实施例可以通过在HTML页面上添加现Native自定义组件的标签,在客户端上通过自定义组件解析引擎和渲染引擎实现基于原生WebView的Native组件动态化布局。本申请实施方案可以在需要最佳用户体验的页面上将HTML原有的标签替换为Native渲染后的组件,实现在HTML页面中不入侵原生WebView的情况下的页面组件动态化布局,使得基于HTML语言的页面组件动态布局可以大大提高作业人员的便利性。
上述实施例中所述的页面组件动态布局方法可以适用于客户端一侧HTML页面中自定义组件(包括但不限于Native组件)的动态布局。因此,本申请还提供一种客户端可以实施的页面组件动态布局方法。图2是本申请提供的一种页面组件动态布局方法一种实施例的方法流程示意图,具体的如图2所示,所述方法可以包括:
S201:基于触发的请求页面向服务器发起页面内容请求;
S202:基于接收的服务器返回的页面响应内容打开所述请求页面,并查询所述页面响应内容中是否存在预设标记符;
S203:若所述页面响应内容中存在预设标记符,则加载设置的自定义组件解析引擎,对所述请求页面中的自定义组件的标签进行解析;
S204:根据对所述自定义组件的标签解析得到的标签信息选择相应的自定义组件,并调用设置的自定义组件渲染引擎对所述自定义组件进行渲染;
S205:将所述渲染后的自定义组件添加到所述请求页面的相应位置。
本申请实施例提供的页面组件动态布局方法可以用于客户端页面上页面组件的动态布局,用户浏览的页面上将页面中原有的不能直接解析或者性能较差需要修改的标签替换为选取的自定义组件,可以大大提高作业人员的便利性。
当然,上述实施方案具体的应用场景中所述触发的请求页面可以包括用户在客户端中触发的终端应用如浏览器或指定应用(APP)的HTML页面。以及,在页面渲染之前,可以对HTML描述文件进行预处理,包括对自定义的Native组件标签进行信息抽取,计算Css-layout、event等标签信息,然后自定义组件引擎可以基于信息抽取计算的组件信息对自定义组件进行解析。在一些基于HTML页面进行组件动态布局的实施例中,所述自定义组件可以包括Native组件,相应的,所述设置的自定义组件解析引擎可以包括Native组件解析引擎core.js。所述对所述请求页面中的自定义组件的标签进行解析包括:对请求页面中自定义组件的标签进行信息抽取,以确定渲染引擎选择相应的自定义组件的标签信息。
相应的,本申请还提供一种可以适用于服务器一侧的页面组件动态布局方法。在所述方法中,服务器一侧可以实现作业人员自定义Native组件,获取Native组件的解析信息,并传给各个客户端的解析引擎。并且,在确定客户端的页面内容请求中是否包含使用自定义组件的标签,若是则在页面相应上设置标记符,告知客户端需要对加载自定义组件解析引擎和渲染引擎进行Native组件处理。图3是本申请提供的一种页面组件一种页面组件动态布局方法如图3所示,所述方法可以包括:
S301:存储用户定义设置的自定义组件及所述自定义组件的解析信息,并将所述解析信息发送给客户端的自定义组件解析引擎;
S302:根据接收到的客户端的页面内容请求返回相应的页面相应内容;若所述判断客户端的请求页面中使用所述自定义组件的标签,则在返回给所述客户端的页面响应内容中设置预设标记符。
上述实施例提供的可以用于客户端或者服务器一侧额页面组件动态布局方法中,所述涉及到的页面预处理、自定义组件类型如Native组件、具体的自定义组件解析处理过程等可以参照本申请其他实施例的相关描述,在此不做赘述。
基于本申请所述的页面组件动态布局方法,本申请提供一种页面组件动态布局装置。所述装置可以用于客户端一侧上基于原生WebView实现Native组件动态化布局。图4是本申请提供的一种页面组件动态布局装置一种实施例的模块结构示意图,如图4所示,所述装置可以包括:
页面请求模块101,可以用于基于触发的请求页面向服务器发起页面内容请求;
接收处理模块102,可以用于接收服务器返回的页面响应内容,根据所述页面响应内容打开请求页面,并查询所述页面响应内容中是否存在预设标记符;
页面解析模块103,可以用于若查找到所述页面响应内容中存在预设标记符,则加载设置的自定义组件解析引擎,对所述请求页面中的自定义组件的标签进行解析;
页面渲染模块104,可以用于根据对所述自定义组件的标签解析得到的标签信息选择相应的自定义组件,并调用设置的自定义组件渲染引擎对所述自定义组件进行渲染;
动态布局模块105,可以用于将所述渲染后的自定义组件添加到所述请求页面的相应位置。
当然,所述的页面解析模块、页面渲染模块除可以对自定义组件进行解析、渲染外,还可以调用或加载其他引擎对HTML请求页面进行相应的解析、渲染出来。
一种具体的应用场景的实施例中,如前所述,所述的页面解析模块103具体的对所述请求页面的标签进行解析可以包括:
对请求页面中自定义组件的标签进行信息抽取,以确定渲染引擎选择相应的自定义组件的标签信息。
当然,上述实施方案具体的应用场景中所述触发的请求页面可以包括用户在客户端中触发的终端应用如浏览器或指定应用(APP)的HTML页面。以及,在页面渲染之前,可以对HTML描述文件进行预处理,包括对自定义的Native组件标签进行信息抽取,计算Css-layout、event等标签信息。在一些基于HTML页面进行组件动态布局的实施例中,所述自定义组件可以包括Native组件,相应的,所述设置的自定义组件解析引擎可以包括Native组件解析引擎core.js。
基于本申请所述的页面组件动态布局方法,本申请提供一种页面组件动态布局装置。所述装置可以用于服务器一侧上基于原生WebView实现Native组件动态化布局。图5是本申请提供的一种页面组件动态布局装置一种实施例的模块结构示意图,如图5所示,所述装置可以包括:
自定义组件模块201,可以用于存储用户定义设置的自定义组件及所述自定义组件的解析信息,并将所述解析信息发送给客户端的自定义组件解析引擎;
页面请求处理模块202,可以用于根据接收到的客户端的页面内容请求返回相应的页面相应内容;若所述判断客户端的请求页面中使用所述自定义组件的标签,则在返回给所述客户端的页面响应内容中设置预设标记符。
上述实施例提供的装置可以通过在HTML页面基础上Native自定义组件的标签,完成HTML页面上Native组件的渲染,实现在原生WebView上Native组件的动态布局,解决了现有技术中Native组件无法在HTML页面上实现动态布局的技术问题,大大提高作业人员页面布局的便利性。
如前所述,本申请提供的页面组件动态布局方法或装置可以用于终端客户端上,如无线客户端,实现在HTML页面布局处理作业中基于原生WebView的Native组件动态化布局。因此,本申请还提供一种页面浏览客户端,可以包括但不限于使用iOS、Android、YunOS系统的客户端,实现浏览器端在HTML页面基础上自定义Native组件的动态布局。具体的,本申请一种实施例提供的页面浏览客户端中,所述客户端可以包括:
第一处理单元,被设置成可以用于基于触发的请求页面向服务器发起页面内容请求;还可以用于接收服务器返回的页面相应内容,并根据所述页面响应内容打开请求页面,以及根据所述页面相应内容对请求页面进行渲染;
第二处理单元,被设置成可以用于加载设置的自定义组件解析引擎,对所述请求页面中的自定义组件的标签进行解析;还用于根据对所述自定义组件的标签解析得到的标签信息选择相应的自定义组件,并调用设置的自定义组件渲染引擎对所述自定义组件进行渲染;还用于将所述渲染后的自定义组件添加到所述请求页面的相应位置。
另外,本申请所述客户端的另一种实施例中,服务器可以在页面相应内容的头中加入是否使用自定义组件标签的预设标记符,以指示客户端进行自定义组件标签处理。这样可以加快页面的渲染以及方便客户端做性能统计或优化等。因此,本申请所述装置的另一种实施例中,所述第二处理单元还可以被设置成,
基于查询所述页面响应内容中存在服务器根据请求页面中使用自定义组件标签而设置的预设标记符加载引擎进行自定义组件的解析和渲染。
本申请提供的终端应用页面的调试方法、装置及客户端,可以通过在HTML页面基础上自定义Native组件的标签,实现在原生WebView上Native组件的动态布局。作业人员可以在用户浏览的web页面中设计添加Native自定义组件的标签,页面服务器一侧对预先设置的自定义组件进行信息抽取,计算CSS-Layout、数据、事件等得到Native自定义组件的解析信息。这样,用户的发起的请求页面中如果包含了自定义组件的标签,页面服务器则可以在该请求页面的页面响应内容上设置标记符。相应的,客户端WebView打开HTML页面后如有发现有所述标记符,则可以注入Native组件解析引擎完成CSS-Layout、数据、事件等信息的解析。然后可以调用平台相关的渲染引擎模块在客户端进行Native组件渲染,渲染后的组件可以直接添加到原始WebView上,完成请求页面的Native组件的动态布局。本申请实施方案可以实现在HTML页面上添加Native组件标签,在用户浏览的页面上将HTML原有的标签替换为Native渲染的组件,从而既保持了不侵入原生WebView同时又达到较好的页面动态布局实践,使得基于HTML语言的页面组件动态布局可以大大提高作业人员的便利性。
尽管本申请内容中提到自定义Native组件、组件标签信息抽取、页面或组件解析、渲染等的信息定义、数据处理、信息交互之类的描述,但是,本申请并不局限于必须是完全标准或者所提及的方式的信息定义、数据处理、信息交互情况。本申请中各个实施例所涉及的上述描述仅是本申请中的一些实施例中的应用,在某些标准、方法的基础上略加修改后的实施方式也可以实行上述本申请各实施例的方案。当然,在符合本申请上述各实施例的中所述的处理方法步骤的其他无创造性的变形,仍然可以实现相同的申请,在此不再赘述。
虽然本申请提供了如实施例或流程图所述的方法操作步骤,但基于常规或者无创造性的劳动可以包括更多或者更少的操作步骤。实施例中列举的步骤顺序仅仅为众多步骤执行顺序中的一种方式,不代表唯一的执行顺序。在实际中的装置或客户端产品执行时,可以按照实施例或者附图所示的方法顺序执行或者并行执行(例如并行处理器或者多线程处理的环境)。
上述实施例阐明的装置、单元或模块,具体可以由计算机芯片或实体实现,或者由具有某种功能的产品来实现。为了描述的方便,描述以上装置时以功能分为各种模块分别描述。在实施本申请时可以把各模块的功能在同一个或多个软件和/或硬件中实现。当然,也可以将实现某功能的模块由多个子模块或子单元组合实现。
本申请中所述的方法、装置或模块可以以计算机可读程序代码方式实现控制器按任何适当的方式实现,例如,控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit,ASIC)、可编程逻辑控制器和嵌入微控制器的形式,控制器的例子包括但不限于以下微控制器:ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320,存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道,除了以纯计算机可读程序代码方式实现控制器以外,完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件,而对其内部包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至,可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。
本申请所述装置中的部分模块可以在由计算机执行的计算机可执行指令的一般上下文中描述,例如程序模块。一般地,程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构、类等等。也可以在分布式计算环境中实践本申请,在这些分布式计算环境中,由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中,程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
通过以上的实施方式的描述可知,本领域的技术人员可以清楚地了解到本申请可借助软件加必需的硬件的方式来实现。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,也可以通过数据迁移的实施过程中体现出来。该计算机软件产品可以存储在存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,移动终端,服务器,或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的方法。
本说明书中的各个实施例采用递进的方式描述,各个实施例之间相同或相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。本申请的全部或者部分可用于众多通用或专用的计算机系统环境或配置中。例如:个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、移动通信终端、多处理器系统、基于微处理器的系统、可编程的电子设备、网络PC、小型计算机、大型计算机、包括以上任何系统或设备的分布式计算环境等等。
虽然通过实施例描绘了本申请,本领域普通技术人员知道,本申请有许多变形和变化而不脱离本申请的精神,希望所附的权利要求包括这些变形和变化而不脱离本申请的精神。

Claims (13)

1.一种页面组件动态布局方法,其特征在于,所述方法包括:
客户端基于触发的HTML请求页面向服务器发起HTML页面内容请求;
服务器接收到所述HTML页面内容请求后,确定所述HTML请求页面中是否包含使用自定义组件的标签;若是,则在返回给客户端的页面响应内容中设置预设标记符;
所述客户端根据接收的页面响应内容打开所述HTML请求页面,并查询所述页面响应内容中是否存在预设标记符;若存在,则加载设置的自定义组件解析引擎,对所述HTML请求页面中的自定义组件的标签进行解析;
所述客户端根据对所述自定义组件的标签解析得到的标签信息在原生WebView的Native组件下选择相应的自定义组件,并调用设置的自定义组件渲染引擎对所述自定义组件进行渲染;
所述客户端将所述渲染后的自定义组件添加到所述HTML请求页面的相应位置。
2.一种页面组件动态布局方法,其特征在于,所述方法包括:
基于触发的HTML请求页面向服务器发起HTML页面内容请求;
基于接收的服务器返回的HTML页面响应内容打开所述HTML请求页面,并查询所述HTML页面响应内容中是否存在预设标记符;
若所述页面响应内容中存在预设标记符,则加载设置的自定义组件解析引擎,对所述HTML请求页面中的自定义组件的标签进行解析;
根据对所述自定义组件的标签解析得到的标签信息在原生WebView的Native组件下选择相应的自定义组件,并调用设置的自定义组件渲染引擎对所述自定义组件进行渲染;
将所述渲染后的自定义组件添加到所述HTML请求页面的相应位置。
3.如权利要求2所述的一种页面组件动态布局方法,其特征在于,所述对所述HTML请求页面中的自定义组件的标签进行解析包括:
对HTML请求页面中自定义组件的标签进行信息抽取,以确定渲染引擎选择相应的自定义组件的标签信息。
4.如权利要求2所述的一种页面组件动态布局方法,其特征在于,
所述触发的HTML请求页面为用户触发的终端应用的HTML页面。
5.如权利要求3或4所述的一种页面组件动态布局方法,其特征在于,所述设置的自定义组件解析引擎包括Native组件解析引擎core.js,用于根据预先定义设置的自定义组件的解析信息解析页面中的自定义组件的标签,获取该自定义组件标签的标签信息。
6.一种页面组件动态布局方法,其特征在于,所述方法包括:
存储用户定义设置的自定义组件及所述自定义组件的解析信息,并将所述解析信息发送给客户端的自定义组件解析引擎;
根据接收到的客户端的HTML页面内容请求返回相应的页面相应内容;若判断客户端的HTML请求页面中使用所述自定义组件的标签,则在返回给所述客户端的页面响应内容中设置预设标记符,以使所述客户端根据所述预设标记符加载设置的自定义组件解析引擎,对所述HTML请求页面中的自定义组件的标签进行解析,以及使所述客户端根据对所述自定义组件的标签解析得到的标签信息在原生WebView的Native组件下选择相应的自定义组件,并调用设置的自定义组件渲染引擎对所述自定义组件进行渲染,并将所述渲染后的自定义组件添加到所述HTML请求页面的相应位置。
7.一种页面组件动态布局装置,其特征在于,所述装置包括:
页面请求模块,用于基于触发的HTML请求页面向服务器发起HTML页面内容请求;
接收处理模块,用于接收服务器返回的页面响应内容,根据所述页面响应内容打开HTML请求页面,并查询所述页面响应内容中是否存在预设标记符;
页面解析模块,用于若查找到所述页面响应内容中存在预设标记符,则加载设置的自定义组件解析引擎,对所述HTML请求页面中的自定义组件的标签进行解析;
页面渲染模块,用于根据对所述自定义组件的标签解析得到的标签信息在原生WebView的Native组件下选择相应的自定义组件,并调用设置的自定义组件渲染引擎对所述自定义组件进行渲染;
动态布局模块,用于将所述渲染后的自定义组件添加到所述HTML请求页面的相应位置。
8.如权利要求7所述的一种页面组件动态布局装置,其特征在于,所述的页面解析模块的对所述HTML请求页面的标签进行解析包括:
对HTML请求页面中自定义组件的标签进行信息抽取,以确定渲染引擎选择相应的自定义组件的标签信息。
9.如权利要求7所述的一种页面组件动态布局装置,其特征在于,所述触发的HTML请求页面为用户触发的终端应用的HTML页面。
10.如权利要求8或9所述的一种页面组件动态布局装置,其特征在于,所述设置的自定义组件解析引擎包括Native组件解析引擎core.js,用于根据预先定义设置的自定义组件的解析信息解析页面中的自定义组件的标签,获取该自定义组件标签的标签信息。
11.一种页面组件动态布局装置,其特征在于,所述装置包括:
自定义组件模块,用于存储用户定义设置的自定义组件及所述自定义组件的解析信息,并将所述解析信息发送给客户端的自定义组件解析引擎;
页面请求处理模块,用于根据接收到的客户端的HTML页面内容请求返回相应的页面相应内容;若判断客户端的HTML请求页面中使用所述自定义组件的标签,则在返回给所述客户端的页面响应内容中设置预设标记符,以使所述客户端根据所述预设标记符加载设置的自定义组件解析引擎,对所述HTML请求页面中的自定义组件的标签进行解析,以及使所述客户端根据对所述自定义组件的标签解析得到的标签信息在原生WebView的Native组件下选择相应的自定义组件,并调用设置的自定义组件渲染引擎对所述自定义组件进行渲染,并将所述渲染后的自定义组件添加到所述HTML请求页面的相应位置。
12.一种页面浏览客户端,其特征在于,所述客户端包括:
第一处理单元,被设置成,用于基于触发的HTML请求页面向服务器发起HTML页面内容请求;还用于接收服务器返回的页面相应内容,并根据所述页面响应内容打开HTML请求页面,以及根据所述页面相应内容对HTML请求页面进行渲染;
第二处理单元,被设置成,用于加载设置的自定义组件解析引擎,对所述HTML请求页面中的自定义组件的标签进行解析;还用于根据对所述自定义组件的标签解析得到的标签信息在原生WebView的Native组件下选择相应的自定义组件,并调用设置的自定义组件渲染引擎对所述自定义组件进行渲染;还用于将所述渲染后的自定义组件添加到所述HTML请求页面的相应位置。
13.如权利要求12所述一种页面浏览客户端,其特征在于,所述第二处理单元还被设置成,
基于查询所述页面响应内容中存在服务器根据HTML请求页面中使用自定义组件标签而设置的预设标记符加载引擎进行自定义组件的解析和渲染。
CN201610312934.8A 2016-05-12 2016-05-12 一种页面组件动态布局方法、装置及客户端 Active CN107368487B (zh)

Priority Applications (9)

Application Number Priority Date Filing Date Title
CN201610312934.8A CN107368487B (zh) 2016-05-12 2016-05-12 一种页面组件动态布局方法、装置及客户端
TW106107424A TWI690812B (zh) 2016-05-12 2017-03-07 頁面元件動態佈局方法、裝置及客戶端
EP17796593.6A EP3455695A4 (en) 2016-05-12 2017-05-04 DYNAMIC LAYOUT OF PAGE COMPONENTS
KR1020187032057A KR102179149B1 (ko) 2016-05-12 2017-05-04 페이지 컴포넌트 동적 레이아웃
SG11201809098YA SG11201809098YA (en) 2016-05-12 2017-05-04 Page component dynamic layout
JP2018556821A JP6740373B2 (ja) 2016-05-12 2017-05-04 ページコンポーネント動的レイアウト
MYPI2018703839A MY194978A (en) 2016-05-12 2017-05-04 Page component dynamic layout
US15/587,078 US10325009B2 (en) 2016-05-12 2017-05-04 Method and apparatus for using custom component parsing engine to parse tag of custom component
PCT/US2017/031064 WO2017196635A1 (en) 2016-05-12 2017-05-04 Page component dynamic layout

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610312934.8A CN107368487B (zh) 2016-05-12 2016-05-12 一种页面组件动态布局方法、装置及客户端

Publications (2)

Publication Number Publication Date
CN107368487A CN107368487A (zh) 2017-11-21
CN107368487B true CN107368487B (zh) 2020-09-29

Family

ID=60267848

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610312934.8A Active CN107368487B (zh) 2016-05-12 2016-05-12 一种页面组件动态布局方法、装置及客户端

Country Status (9)

Country Link
US (1) US10325009B2 (zh)
EP (1) EP3455695A4 (zh)
JP (1) JP6740373B2 (zh)
KR (1) KR102179149B1 (zh)
CN (1) CN107368487B (zh)
MY (1) MY194978A (zh)
SG (1) SG11201809098YA (zh)
TW (1) TWI690812B (zh)
WO (1) WO2017196635A1 (zh)

Families Citing this family (49)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109857473A (zh) * 2017-11-29 2019-06-07 北京京东尚科信息技术有限公司 一种页面数据的加载方法和装置
CN108023960B (zh) * 2017-12-08 2019-05-21 百度在线网络技术(北京)有限公司 构建Feed流应用的装置和Feed流信息推送的方法
CN108090159A (zh) * 2017-12-12 2018-05-29 福建中金在线信息科技有限公司 一种网站页面的生成方法、装置、电子设备及存储介质
CN109933261A (zh) * 2017-12-18 2019-06-25 北京奇虎科技有限公司 直播应用中的交互方法、装置和计算机可读存储介质
CN110020371B (zh) * 2017-12-26 2021-04-16 航天信息股份有限公司 一种基于react-native页面布局联动的方法及装置
CN108337664B (zh) * 2018-01-22 2021-07-27 北京中科视维文化科技有限公司 基于地理位置的旅游景区增强现实互动导览系统及方法
CN108388444A (zh) * 2018-03-05 2018-08-10 重庆邮电大学 一种基于React组件的前端页面配置方法及系统
CN108446117A (zh) * 2018-03-20 2018-08-24 苏州思必驰信息科技有限公司 在语音对话平台的产品中配置ui的方法及系统
CN108595160B (zh) * 2018-05-16 2022-04-01 福建天泉教育科技有限公司 Js调用原生对象的方法、存储介质
CN108804284B (zh) * 2018-05-23 2022-03-11 北京五八信息技术有限公司 一种崩溃信息的收集方法、装置、设备及存储介质
CN108804197B (zh) * 2018-06-19 2022-04-05 北京五八信息技术有限公司 一种动态组件化实现方法、装置、设备及存储介质
CN109032722B (zh) * 2018-06-27 2021-09-28 广州视源电子科技股份有限公司 更新ui组件的显示效果的方法、装置及设备、介质
CN110688114B (zh) * 2018-07-05 2022-11-11 武汉斗鱼网络科技有限公司 桥接原生列表视图的方法、存储介质、设备及系统
CN110889067A (zh) * 2018-09-10 2020-03-17 广州虎牙信息科技有限公司 页面的渲染方法、装置、设备及存储介质
CN109408189B (zh) * 2018-11-02 2022-07-12 北京字节跳动网络技术有限公司 客户端界面布局的动态调整方法、装置、设备和介质
CN109240693A (zh) * 2018-11-23 2019-01-18 四川长虹电器股份有限公司 一种基于react的多条件组合搜索控件的创建方法
CN109543122B (zh) * 2018-11-28 2021-11-23 网易(杭州)网络有限公司 内容同步方法、装置、存储介质及电子装置
CN111339455B (zh) * 2018-12-18 2024-02-23 阿里巴巴集团控股有限公司 浏览器应用加载页面首屏的方法和装置
CN109683879B (zh) * 2018-12-29 2020-06-12 北京创鑫旅程网络技术有限公司 前端组件处理方法及装置
CN109948020A (zh) * 2019-01-14 2019-06-28 北京三快在线科技有限公司 数据获取方法、装置、系统及可读存储介质
CN111475138B (zh) * 2019-01-23 2023-04-25 阿里巴巴集团控股有限公司 基于weex框架的路由方法、装置、电子设备及可读介质
CN109947404A (zh) * 2019-01-25 2019-06-28 北京邮电大学 一种基于多媒体网络教学产品下的小学生练字系统
CN111723316B (zh) * 2019-03-22 2024-06-04 阿里巴巴集团控股有限公司 字符串的渲染方法、装置、终端设备及计算机存储介质
CN110362371B (zh) * 2019-06-19 2022-07-22 北京百度网讯科技有限公司 视图层级的控制方法、装置及系统、计算机设备及介质
CN112181408A (zh) * 2019-07-02 2021-01-05 北京京东尚科信息技术有限公司 在应用程序前端页面显示视图列表的方法和装置
CN112445473A (zh) * 2019-08-29 2021-03-05 北京京东尚科信息技术有限公司 客户端布局方法与装置、存储介质、电子设备
CN110851092A (zh) * 2019-11-15 2020-02-28 厦门商集网络科技有限责任公司 一种b/s构架下基于打印模板的自定义打印方法和系统
CN111026490B (zh) * 2019-12-09 2023-04-11 北京小米移动软件有限公司 页面渲染方法、装置、电子设备及存储介质
CN111143526B (zh) * 2019-12-18 2024-03-22 口碑(上海)信息技术有限公司 一种咨询服务控件配置信息的生成、控制方法及装置
CN111242688B (zh) * 2020-01-13 2023-06-30 Oppo广东移动通信有限公司 动画资源的制作方法、装置、移动终端和存储介质
CN111290809A (zh) * 2020-01-17 2020-06-16 西安奥卡云数据科技有限公司 一种数据大屏的动态编辑方法
US11847478B2 (en) 2020-01-17 2023-12-19 Vmware, Inc. Real-time feedback associated with configuring virtual infrastructure objects using tags
US20210227023A1 (en) * 2020-01-17 2021-07-22 Vmware, Inc. System and method for managing tagged virtual infrastructure objects
CN111259301B (zh) * 2020-01-19 2023-05-02 北京飞漫软件技术有限公司 Html页面内元素渲染的方法、装置、设备和存储介质
CN111309424B (zh) * 2020-02-12 2023-09-22 中国平安人寿保险股份有限公司 一种页面还原方法及相关设备
CN113282858A (zh) * 2020-02-20 2021-08-20 浙江宇视科技有限公司 页面加载方法、装置、系统及存储介质
CN112306594A (zh) * 2020-04-16 2021-02-02 北京沃东天骏信息技术有限公司 一种基于移动端的渲染方法、装置及存储介质
CN111857658A (zh) * 2020-06-19 2020-10-30 北京字节跳动网络技术有限公司 一种渲染动态组件的方法、装置、介质和电子设备
CN111984235B (zh) * 2020-08-19 2024-06-07 上海翘腾科技有限公司 一种可定制化的前端低代码开发系统及方法
CN112153064B (zh) * 2020-09-28 2022-11-22 上海缓存命中科技有限公司 应用商店及其使用方法
CN112308755A (zh) * 2020-10-30 2021-02-02 平安普惠企业管理有限公司 基于Hybrid混合型App页面水印的图片检测方法、系统及装置
CN112418997B (zh) * 2020-12-03 2023-06-20 政采云有限公司 一种用户界面显示方法、装置、设备及介质
CN112528191B (zh) * 2020-12-28 2022-12-16 山东鲁能软件技术有限公司 用于Web数据可视化的动态布局引擎装置及使用方法
CN113297522A (zh) * 2021-05-10 2021-08-24 广州虎牙科技有限公司 一种页面渲染方法、装置、电子设备及可读存储介质
CN113505271A (zh) * 2021-07-14 2021-10-15 杭州隆埠科技有限公司 Html文档的解析方法、发送方法、解析装置以及发送装置
CN113722538B (zh) * 2021-09-08 2023-09-05 北京奇艺世纪科技有限公司 一种界面动态渲染方法及装置
CN114675924B (zh) * 2022-05-26 2022-08-19 云账户技术(天津)有限公司 基于FlexBox的页面布局方法、装置及电子设备
CN115617324B (zh) * 2022-09-08 2024-01-26 中电金信软件有限公司 一种客户端网页的生成方法
CN118069949B (zh) * 2024-04-17 2024-06-28 成都中科合迅科技有限公司 基于组件树架构的动态布局方法和系统

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102737128A (zh) * 2012-06-20 2012-10-17 深圳市远行科技有限公司 一种基于浏览器的动态页面处理方法及装置
CN102843393A (zh) * 2011-06-22 2012-12-26 腾讯科技(深圳)有限公司 网络应用的运行装置及方法
CN103886029A (zh) * 2014-03-03 2014-06-25 百度在线网络技术(北京)有限公司 网页应用的实现方法、装置、服务器及系统
WO2015181593A1 (en) * 2014-05-29 2015-12-03 Yandex Europe Ag Presenting web resource to user in browser

Family Cites Families (30)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6981212B1 (en) * 1999-09-30 2005-12-27 International Business Machines Corporation Extensible markup language (XML) server pages having custom document object model (DOM) tags
US7089330B1 (en) * 2000-09-28 2006-08-08 I2 Technologies Us, Inc. System and method for transforming custom content generation tags associated with web pages
US7546576B2 (en) * 2001-06-15 2009-06-09 Lightsurf Technology, Inc. Software framework for web-based applications
US7058671B2 (en) 2001-09-13 2006-06-06 International Business Machines Corporation System combining information with view templates generated by compiler in a server for generating view structure for client computer
US7219350B2 (en) 2003-03-19 2007-05-15 International Business Machines Corporation Dynamic server page meta-engines with data sharing for dynamic content and non-JSP segments rendered through other engines
US7458019B2 (en) * 2004-01-20 2008-11-25 International Business Machines Corporation System and method for creating and rendering client-side user interfaces via custom tags
US8010955B2 (en) * 2004-03-05 2011-08-30 International Business Machines Corporation Reducing the run-time cost of incorporating custom tags in a server page
US7739589B2 (en) * 2005-11-02 2010-06-15 International Business Machines Corporation Extending markup of a browser using a plug-in framework
US9081782B2 (en) 2006-11-17 2015-07-14 Cabin Creek, Llc Systems and methods for dynamically generating graphical memorabilia projects for presentation and use
WO2008157322A1 (en) * 2007-06-13 2008-12-24 Quattro Wireless, Inc. Displaying content on a mobile device
US8054310B2 (en) * 2007-06-18 2011-11-08 International Business Machines Corporation Recasting a legacy web page as a motion picture with audio
US20100095197A1 (en) * 2008-10-13 2010-04-15 Sap Ag System and method for dynamic content publishing
TW201101067A (en) * 2009-06-30 2011-01-01 Alibaba Group Holding Ltd Method and server for providing picture searching
US20130290480A1 (en) * 2010-01-11 2013-10-31 Ensighten, Inc. Use of Method Overrides for Dynamically Changing Visible Page Content
CN102918523A (zh) * 2010-05-26 2013-02-06 诺基亚公司 在应用中指定用户接口元素呈现的映射参数的方法和装置
US9578085B2 (en) * 2011-02-28 2017-02-21 Unwired Nation Mobile application system
US20150161277A1 (en) * 2011-03-14 2015-06-11 Browsium, Inc. Methods and systems for one browser version to use a rendering engine of another browser version for displaying information
US8510237B2 (en) * 2011-03-15 2013-08-13 Qualcomm Incorporated Machine learning method to identify independent tasks for parallel layout in web browsers
US20130073945A1 (en) 2011-09-15 2013-03-21 International Business Machines Corporation Dynamic reorganization of page elements of a web application
US8627204B2 (en) * 2011-10-18 2014-01-07 Microsoft Corporation Custom optimization of web pages
US20130212487A1 (en) 2012-01-09 2013-08-15 Visa International Service Association Dynamic Page Content and Layouts Apparatuses, Methods and Systems
US20130282812A1 (en) * 2012-04-24 2013-10-24 Samuel Lessin Adaptive audiences for claims in a social networking system
JPWO2014020834A1 (ja) * 2012-07-31 2016-07-21 日本電気株式会社 単語潜在トピック推定装置および単語潜在トピック推定方法
US9910833B2 (en) * 2012-11-13 2018-03-06 International Business Machines Corporation Automatically rendering web and/or hybrid applications natively in parallel
US9424347B2 (en) * 2013-01-16 2016-08-23 Hewlett-Packard Development Company, L. P. Techniques pertaining to document creation
US10346501B2 (en) * 2013-03-13 2019-07-09 International Business Machines Corporation Mobile enablement of existing web sites
AU2015214079C1 (en) * 2014-02-05 2017-01-19 Apple Inc. Uniform communication protocols for communication between controllers and accessories
US10372791B2 (en) * 2014-10-08 2019-08-06 Staples, Inc. Content customization
CN105574049B (zh) * 2014-10-30 2020-07-03 阿里巴巴集团控股有限公司 移动应用的页面处理方法、装置和系统
US11449560B2 (en) * 2015-07-27 2022-09-20 WP Company, LLC Native integration of arbitrary data sources

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102843393A (zh) * 2011-06-22 2012-12-26 腾讯科技(深圳)有限公司 网络应用的运行装置及方法
CN102737128A (zh) * 2012-06-20 2012-10-17 深圳市远行科技有限公司 一种基于浏览器的动态页面处理方法及装置
CN103886029A (zh) * 2014-03-03 2014-06-25 百度在线网络技术(北京)有限公司 网页应用的实现方法、装置、服务器及系统
WO2015181593A1 (en) * 2014-05-29 2015-12-03 Yandex Europe Ag Presenting web resource to user in browser

Also Published As

Publication number Publication date
CN107368487A (zh) 2017-11-21
TW201810071A (zh) 2018-03-16
MY194978A (en) 2022-12-29
JP2019520624A (ja) 2019-07-18
EP3455695A4 (en) 2020-03-11
JP6740373B2 (ja) 2020-08-12
KR20190005855A (ko) 2019-01-16
US20170329746A1 (en) 2017-11-16
SG11201809098YA (en) 2018-11-29
US10325009B2 (en) 2019-06-18
KR102179149B1 (ko) 2020-11-18
WO2017196635A1 (en) 2017-11-16
TWI690812B (zh) 2020-04-11
EP3455695A1 (en) 2019-03-20

Similar Documents

Publication Publication Date Title
CN107368487B (zh) 一种页面组件动态布局方法、装置及客户端
KR102436987B1 (ko) 웹페이지 콘텐츠를 추출하기 위한 방법 및 단말 장치
US20190251143A1 (en) Web page rendering method and related device
US10880227B2 (en) Apparatus, hybrid apparatus, and method for network resource access
CN111026491B (zh) 界面显示方法、装置、电子设备、服务器及存储介质
US20140082498A1 (en) Method and mobile terminal device for independently playing a video
CN108197024B (zh) 嵌入式浏览器调试方法、调试终端及计算机可读存储介质
JP7087121B2 (ja) ランディングページの処理方法、装置、機器及び媒体
US11157576B2 (en) Method, system and terminal for performing search in a browser
CN108829398B (zh) 一种移动端页面交互实现方法及装置
CN111414562A (zh) 应用程序页面api接口前置方法、装置及存储介质
WO2014154033A1 (en) Method and apparatus for extracting web page content
CN107045546B (zh) 一种网页处理方法、装置及智能终端
CN108319474B (zh) 一种页面信息生成方法、装置和设备
CN110647327A (zh) 基于卡片的用户界面动态控制的方法和装置
CN112416496A (zh) 页面展示方法、装置及存储介质
US9916391B2 (en) Method, apparatus and terminal for webpage content browsing
CN109446451B (zh) 网页展示的方法、装置、介质和计算设备
CN113486281B (zh) 一种页面展示方法、装置、电子设备及存储介质
CN115525305A (zh) 数据处理、应用启动方法、装置、计算机设备和存储介质
CN111506837A (zh) 搜索方法、装置、电子设备及可读存储介质
CN111090515A (zh) 一种访问控制方法、装置、终端设备及存储介质
KR102061682B1 (ko) 클라우드 브라우저 기반의 사용자 활동 분석 방법 및 이를 위한 장치
US20230367616A1 (en) Data processing method, computer device, and storage medium
CN118013143A (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
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 1246885

Country of ref document: HK

GR01 Patent grant
GR01 Patent grant
TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20200924

Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman Islands

Patentee after: Innovative advanced technology Co.,Ltd.

Address before: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman Islands

Patentee before: Advanced innovation technology Co.,Ltd.

Effective date of registration: 20200924

Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman Islands

Patentee after: Advanced innovation technology Co.,Ltd.

Address before: Greater Cayman, British Cayman Islands

Patentee before: Alibaba Group Holding Ltd.