CN107402756B - 用于绘制页面的方法、装置及终端 - Google Patents

用于绘制页面的方法、装置及终端 Download PDF

Info

Publication number
CN107402756B
CN107402756B CN201710552085.8A CN201710552085A CN107402756B CN 107402756 B CN107402756 B CN 107402756B CN 201710552085 A CN201710552085 A CN 201710552085A CN 107402756 B CN107402756 B CN 107402756B
Authority
CN
China
Prior art keywords
attribute
target
label
style information
tag
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
CN201710552085.8A
Other languages
English (en)
Other versions
CN107402756A (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.)
Beijing Xiaomi Mobile Software Co Ltd
Original Assignee
Beijing Xiaomi Mobile Software Co 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 Beijing Xiaomi Mobile Software Co Ltd filed Critical Beijing Xiaomi Mobile Software Co Ltd
Priority to CN201710552085.8A priority Critical patent/CN107402756B/zh
Publication of CN107402756A publication Critical patent/CN107402756A/zh
Application granted granted Critical
Publication of CN107402756B publication Critical patent/CN107402756B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • 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

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开提供一种用于绘制页面的方法、装置及终端,所述方法的一具体实施方式包括:获取web页面数据中每个标签的属性;基于所述每个标签的属性确定目标标签;获取所述目标标签对应的样式信息;基于所述样式信息绘制所述目标标签对应的页面内容。该实施方式实现了伪类不支持的可变状态的不同显示方式,提高了页面显示的效果。

Description

用于绘制页面的方法、装置及终端
技术领域
本公开涉及计算机软件技术领域,特别涉及一种用于绘制页面的方法、装置及终端。
背景技术
目前来说,开发人员在通过基于web页面的方式开发应用程序的页面时,可以采用设置伪类的方式实现页面显示的少数可变状态中不同状态的不同显示方式。但是,伪类能够支持的状态比较少,可能会有更多的可变状态需要实现不同的显示方式。但是,在相关技术中,无法实现伪类不支持的可变状态的不同显示方式,从而影响了页面显示的效果。
发明内容
为了解决上述技术问题,本公开提供一种用于绘制页面的方法、装置及终端。
根据本公开实施例的第一方面,提供一种用于绘制页面的方法,包括:
获取web页面数据中每个标签的属性;
基于所述每个标签的属性确定目标标签;
获取所述目标标签对应的样式信息;
基于所述样式信息绘制所述目标标签对应的页面内容。
可选的,所述基于所述每个标签的属性确定目标标签,包括:
遍历所述每个标签,以确定对应的属性的类别;
将对应的属性的类别为预设属性类别的标签确定为所述目标标签。
可选的,所述预设属性类别为boolean属性类别。
可选的,所述获取所述目标标签对应的样式信息,包括:
获取所述目标标签对应的属性值;
基于所述目标标签以及所述属性值获取所述样式信息。
可选的,所述基于所述目标标签以及所述属性值获取所述样式信息,包括:
从预存样式单中查找与所述目标标签以及所述属性值匹配的样式信息,作为所述目标标签对应的样式信息。
可选的,所述基于所述样式信息绘制所述目标标签对应的页面内容,包括:
基于所述样式信息创建所述目标标签对应的树形结构;
根据所述树形结构创建所述目标标签在原生方法层的view接口;
调用所述view接口对应的实现方法绘制所述目标标签对应的页面内容。
根据本公开实施例的第二方面,提供一种用于绘制页面的装置,包括:
第一获取模块,被配置为获取web页面数据中每个标签的属性;
确定模块,被配置为基于所述每个标签的属性确定目标标签;
第二获取模块,被配置为获取所述目标标签对应的样式信息;
绘制模块,被配置为基于所述样式信息绘制所述目标标签对应的页面内容。
可选的,所述确定模块包括:
遍历子模块,被配置为遍历所述每个标签,以确定对应的属性的类别;
确定子模块,被配置为将对应的属性的类别为预设属性类别的标签确定为所述目标标签。
可选的,所述预设属性类别为boolean属性类别。
可选的,所述第二获取模块包括:
第一获取子模块,被配置为获取所述目标标签对应的属性值;
第二获取子模块,被配置为基于所述目标标签以及所述属性值获取所述样式信息。
可选的,所述第二获取子模块被配置用于:
从预存样式单中查找与所述目标标签以及所述属性值匹配的样式信息,作为所述目标标签对应的样式信息。
可选的,所述绘制模块包括:
第一创建子模块,被配置为基于所述样式信息创建所述目标标签对应的树形结构;
第二创建子模块,被配置为根据所述树形结构创建所述目标标签在原生方法层的view接口;
绘制子模块,被配置为调用所述view接口对应的实现方法绘制所述目标标签对应的页面内容。
根据本公开实施例的第三方面,提供一种终端,包括:
处理器;
用于存储处理器可执行指令的存储器;
其中,所述处理器被配置为:
获取web页面数据中每个标签的属性;
基于所述每个标签的属性确定目标标签;
获取所述目标标签对应的样式信息;
基于所述样式信息绘制所述目标标签对应的页面内容。
根据本公开实施例的第四方面,提供一种计算机可读存储介质,所述计算机可读存储介质中存储有至少一条指令,所述指令由处理器加载并执行以实现如第一方面或第一方面的任何一种可能的实现方式所述的用于绘制页面的方法中所执行的操作。
本公开的实施例提供的技术方案可以包括以下有益效果:
本公开的实施例提供的用于绘制页面的方法,通过获取web页面数据中每个标签的属性,基于每个标签的属性确定目标标签,获取目标标签对应的样式信息,并基于该样式信息绘制目标标签对应的页面内容。从而实现了伪类不支持的可变状态的不同显示方式,提高了页面显示的效果。
本公开的实施例提供的用于绘制页面的方法,通过获取web页面数据中每个标签的属性,遍历每个标签,以确定对应的属性的类别,将对应的属性的类别为boolean属性类别的标签确定为目标标签,获取目标标签对应的样式信息,并基于上述样式信息绘制目标标签对应的页面内容。从而实现了boolean属性类别的标签对应的可变状态的不同显示方式,提高了页面显示的效果。
本公开的实施例提供的用于绘制页面的方法,通过获取web页面数据中每个标签的属性,遍历每个标签,以确定对应的属性的类别,将对应的属性的类别为boolean属性类别的标签确定为目标标签,获取目标标签对应的属性值,从预存样式单中查找与该目标标签以及上述属性值匹配的样式信息,作为目标标签对应的样式信息,基于该样式信息创建目标标签对应的树形结构,根据该树形结构创建目标标签在原生方法层的view接口,并调用该view接口对应的实现方法绘制目标标签对应的页面内容。由于在预存样式单中预先存储了boolean属性类别的标签对应的可变状态的样式信息,因此,可以实现boolean属性类别的标签对应的可变状态的不同显示方式,提高了页面显示的效果。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。
图1是本公开根据一示例性实施例示出的一种用于绘制页面的方法的流程图;
图2是本公开根据一示例性实施例示出的另一种用于绘制页面的方法的流程图;
图3是本公开根据一示例性实施例示出的另一种用于绘制页面的方法的流程图;
图4是本公开根据一示例性实施例示出的一种用于绘制页面的装置的框图;
图5是本公开根据一示例性实施例示出的另一种用于绘制页面的装置的框图;
图6是本公开根据一示例性实施例示出的另一种用于绘制页面的装置的框图;
图7是本公开根据一示例性实施例示出的另一种用于绘制页面的装置的框图;
图8是本公开根据一示例性实施例示出的一种用于绘制页面的装置的一结构示意图。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
在本公开使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本公开。在本公开和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义。还应当理解,本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
应当理解,尽管在本公开可能采用术语第一、第二、第三等来描述各种信息,但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如,在不脱离本公开范围的情况下,第一信息也可以被称为第二信息,类似地,第二信息也可以被称为第一信息。取决于语境,如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。
为了便于本领域技术人员更好地理解本公开中的技术方案,首先,对本公开的应用背景进行简要说明,说明如下:目前来说,应用程序一般可以通过原生native页面输出信息,而由于一些业务的需要,还需要输出web页面的信息。在相关技术中,一般采用hybrid技术显示web页面,但是,web页面的渲染没有native页面的渲染流畅,会影响应用程序的页面显示效果。因此,目前针对web页面开发了一种软件运行平台,可以预先将该软件运行平台安装于终端中,该软件运行平台基于终端的操作系统运行,web页面的代码数据可在该软件运行平台所创建的环境中运行,以将web页面的信息通过native页面的形式输出。本公开提供的页面的绘制方法、装置及终端均适用于上述应用背景,下面将结合具体的实施例对本公开进行详细描述。
如图1所示,图1是根据一示例性实施例示出的一种用于绘制页面的方法的流程图,该方法可以应用于终端设备中。执行主体可以是上述安装于终端设备的软件运行平台。在本实施例中,为了便于理解,结合具有显示屏并能安装第三方应用程序的终端设备来举例说明。本领域技术人员可以理解,该终端设备可以包括但不限于诸如智能手机的移动终端设备、智能穿戴式设备、平板电脑、个人数字助理、电子书阅读器等等。该方法包括以下步骤:
在步骤101中,获取web页面数据中每个标签的属性。
在步骤102中,基于每个标签的属性确定目标标签。
在本实施例中,web页面数据中可以包括一个或多个标签,每个标签都具有相应的属性,可以基于每个标签的属性确定目标标签。具体来说,可以遍历每个标签,以确定每个标签对应的属性的类别,并将对应的属性的类别为预设属性类别的标签确定为目标标签。
在本实施例中,目标标签的属性的类别为预设属性类别。可选地,该预设属性类别可以是boolean属性类别,boolean属性类别的标签对应的属性值只有两个,一个是false,另一个是true。因此,目标标签对应的页面显示的可变状态中可以包括两种,一种是属性值false对应的状态,另一种是属性值true对应的状态。
在步骤103中,获取目标标签对应的样式信息。
在本实施例中,可以预先针对每个目标标签,为该目标标签的每个属性值(即可变状态)设置相应的样式信息,例如,设置相应的颜色信息,或者尺寸信息等等。并将每个目标标签与其对应的属性值以及每个属性值相应的样式信息进行关联地存储,可选地,可以将上述信息预先存储到样式单中。
在本实施例中,当获取目标标签对应的样式信息时,可以首先获取目标标签对应的属性值,该属性值可以是false或者是true。接着,基于目标标签以及对应的属性值获取相应的样式信息。具体来说,可以从预存样式单中查找与目标标签以及目标标签对应的属性值匹配的样式信息,作为目标标签对应的样式信息。
在步骤104中,基于上述样式信息绘制目标标签对应的页面内容。
在本实施例中,可以基于上述样式信息绘制目标标签对应的页面内容,具体来说,首先,可以基于上述样式信息创建目标标签对应的树形结构,接着,根据该树形结构创建目标标签在原生方法层的view接口,并调用该view接口对应的实现方法绘制目标标签对应的页面内容。
本公开的上述实施例提供的用于绘制页面的方法,通过获取web页面数据中每个标签的属性,基于每个标签的属性确定目标标签,获取目标标签对应的样式信息,并基于该样式信息绘制目标标签对应的页面内容。从而实现了伪类不支持的可变状态的不同显示方式,提高了页面显示的效果。
如图2所示,图2根据一示例性实施例示出的另一种用于绘制页面的方法的流程图,该实施例详细描述了基于每个标签的属性确定目标标签的过程,该方法可以应用于终端设备中,执行主体可以是上述安装于终端设备的软件运行平台,该方法可以包括以下步骤:
在步骤201中,获取web页面数据中每个标签的属性。
在步骤202中,遍历每个标签,以确定对应的属性的类别。
在步骤203中,将对应的属性的类别为boolean属性类别的标签确定为目标标签。
在步骤204中,获取目标标签对应的样式信息。
在步骤205中,基于上述样式信息绘制目标标签对应的页面内容。
需要说明的是,对于与图1实施例中相同的步骤,在上述图2实施例中不再进行赘述,相关内容可参见图1实施例。
本公开的上述实施例提供的用于绘制页面的方法,通过获取web页面数据中每个标签的属性,遍历每个标签,以确定对应的属性的类别,将对应的属性的类别为boolean属性类别的标签确定为目标标签,获取目标标签对应的样式信息,并基于上述样式信息绘制目标标签对应的页面内容。从而实现了boolean属性类别的标签对应的可变状态的不同显示方式,提高了页面显示的效果。
如图3所示,图3根据一示例性实施例示出的另一种用于绘制页面的方法的流程图,该实施例详细描述了获取目标标签对应的样式信息的过程,以及绘制目标标签对应的页面内容的过程,该方法可以应用于终端设备中,执行主体可以是上述安装于终端设备的软件运行平台,该方法可以包括以下步骤:
在步骤301中,获取web页面数据中每个标签的属性。
在步骤302中,遍历每个标签,以确定对应的属性的类别。
在步骤303中,将对应的属性的类别为boolean属性类别的标签确定为目标标签。
在步骤304中,获取目标标签对应的属性值。
在步骤305中,从预存样式单中查找与该目标标签以及上述属性值匹配的样式信息,作为目标标签对应的样式信息。
在步骤306中,基于该样式信息创建目标标签对应的树形结构。
在步骤307中,根据该树形结构创建目标标签在原生方法层的view接口。
在步骤308中,调用该view接口对应的实现方法绘制目标标签对应的页面内容。
需要说明的是,对于与图1实施例中相同的步骤,在上述图3实施例中不再进行赘述,相关内容可参见图1实施例。
本公开的上述实施例提供的用于绘制页面的方法,通过获取web页面数据中每个标签的属性,遍历每个标签,以确定对应的属性的类别,将对应的属性的类别为boolean属性类别的标签确定为目标标签,获取目标标签对应的属性值,从预存样式单中查找与该目标标签以及上述属性值匹配的样式信息,作为目标标签对应的样式信息,基于该样式信息创建目标标签对应的树形结构,根据该树形结构创建目标标签在原生方法层的view接口,并调用该view接口对应的实现方法绘制目标标签对应的页面内容。由于在预存样式单中预先存储了boolean属性类别的标签对应的可变状态的样式信息,因此,可以实现boolean属性类别的标签对应的可变状态的不同显示方式,提高了页面显示的效果。
应当注意,尽管在附图中以特定顺序描述了本公开方法的操作,但是,这并非要求或者暗示必须按照该特定顺序来执行这些操作,或是必须执行全部所示的操作才能实现期望的结果。相反,流程图中描绘的步骤可以改变执行顺序。附加地或备选地,可以省略某些步骤,将多个步骤合并为一个步骤执行,和/或将一个步骤分解为多个步骤执行。
与前述用于绘制页面的方法实施例相对应,本公开还提供了用于绘制页面的装置及其所应用的终端的实施例。
如图4所示,图4是本公开根据一示例性实施例示出的一种用于绘制页面的装置框图,该装置可以包括:第一获取模块401,确定模块402,第二获取模块403以及绘制模块404。
其中,第一获取模块401,被配置为获取web页面数据中每个标签的属性。
确定模块402,被配置为基于每个标签的属性确定目标标签。
第二获取模块403,被配置为获取目标标签对应的样式信息。
绘制模块404,被配置为基于该样式信息绘制目标标签对应的页面内容。
如图5所示,图5是本公开根据一示例性实施例示出的另一种用于绘制页面的装置框图,该实施例在前述图4所示实施例的基础上,确定模块402可以包括:遍历子模块501和确定子模块502。
其中,遍历子模块501,被配置为遍历每个标签,以确定对应的属性的类别。
确定子模块502,被配置为将对应的属性的类别为预设属性类别的标签确定为所述目标标签。
在一些可选实施方式中,上述预设属性类别为boolean属性类别。
如图6所示,图6是本公开根据一示例性实施例示出的另一种用于绘制页面的装置框图,该实施例在前述图4所示实施例的基础上,第二获取模块403可以包括:第一获取子模块601和第二获取子模块602。
其中,第一获取子模块601,被配置为获取目标标签对应的属性值。
第二获取子模块602,被配置为基于目标标签以及上述属性值获取样式信息。
在另一些可选实施方式中,第二获取子模块602被配置用于:从预存样式单中查找与目标标签以及上述属性值匹配的样式信息,作为该目标标签对应的样式信息。
如图7所示,图7是本公开根据一示例性实施例示出的另一种用于绘制页面的装置框图,该实施例在前述图4所示实施例的基础上,绘制模块404可以包括:第一创建子模块701,第二创建子模块702和绘制子模块703。
其中,第一创建子模块701,被配置为基于样式信息创建目标标签对应的树形结构。
第二创建子模块702,被配置为根据上述树形结构创建该目标标签在原生方法层的view接口。
绘制子模块703,被配置为调用上述view接口对应的实现方法绘制该目标标签对应的页面内容。
应当理解,上述装置可以预先设置在终端设备中,也可以通过下载等方式而加载到终端设备中。上述装置中的相应模块可以与终端设备中的模块相互配合以实现用于绘制页面的方案。
对于装置实施例而言,由于其基本对应于方法实施例,所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本公开方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
相应的,本公开还提供一种终端,该终端包括有处理器;用于存储处理器可执行指令的存储器;其中,该处理器被配置为:
获取web页面数据中每个标签的属性;
基于所述每个标签的属性确定目标标签;
获取所述目标标签对应的样式信息;
基于所述样式信息绘制所述目标标签对应的页面内容。
图8是根据一示例性实施例示出的一种用于绘制页面的装置9900的一结构示意图。例如,装置9900可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
参照图8,装置9900可以包括以下一个或多个组件:处理组件9902,存储器9904,电源组件9906,多媒体组件9908,音频组件9910,输入/输出(I/O)的接口9912,传感器组件9914,以及通信组件9916。
处理组件9902通常控制装置9900的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理元件9902可以包括一个或多个处理器9920来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件9902可以包括一个或多个模块,便于处理组件9902和其他组件之间的交互。例如,处理组件9902可以包括多媒体模块,以方便多媒体组件9908和处理组件9902之间的交互。
存储器9904被配置为存储各种类型的数据以支持在装置9900的操作。这些数据的示例包括用于在装置9900上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器9904可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件9906为装置9900的各种组件提供电力。电源组件9906可以包括电源管理系统,一个或多个电源,及其他与为装置9900生成、管理和分配电力相关联的组件。
多媒体组件9908包括在所述装置9900和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件9908包括一个前置摄像头和/或后置摄像头。当装置9900处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件9910被配置为输出和/或输入音频信号。例如,音频组件9910包括一个麦克风(MIC),当装置9900处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器9904或经由通信组件9916发送。在一些实施例中,音频组件9910还包括一个扬声器,用于输出音频信号。
I/O接口9912为处理组件9902和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件9914包括一个或多个传感器,用于为装置9900提供各个方面的状态评估。例如,传感器组件9914可以检测到装置9900的打开/关闭状态,组件的相对定位,例如所述组件为装置9900的显示器和小键盘,传感器组件9914还可以检测装置9900或装置9900一个组件的位置改变,用户与装置9900接触的存在或不存在,装置9900方位或加速/减速和装置9900的温度变化。传感器组件9914可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件9914还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件9914还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器,微波传感器或温度传感器。
通信组件9916被配置为便于装置9900和其他设备之间有线或无线方式的通信。装置9900可以接入基于通信标准的无线网络,如WiFi,2G或3G,或它们的组合。在一个示例性实施例中,通信组件9916经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件9916还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,装置9900可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。
在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器9904,上述指令可由装置9900的处理器9920执行以完成上述方法。例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
在示例性实施例中,上述计算机可读存储介质上存储有至少一条指令,所述指令可以由处理器加载并执行上述实施例中所提供的用于绘制页面的方法中所执行的操作。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (12)

1.一种用于绘制页面的方法,其特征在于,所述方法包括:
获取web页面数据中每个标签的属性;
基于所述每个标签的属性确定目标标签;
获取所述目标标签对应的样式信息;
基于所述样式信息绘制所述目标标签对应的页面内容;
所述基于所述每个标签的属性确定目标标签,包括:遍历所述每个标签,以确定对应的属性的类别;
将对应的属性的类别为预设属性类别的标签确定为所述目标标签。
2.根据权利要求1所述的方法,其特征在于,所述预设属性类别为boolean属性类别。
3.根据权利要求1所述的方法,其特征在于,所述获取所述目标标签对应的样式信息,包括:
获取所述目标标签对应的属性值;
基于所述目标标签以及所述属性值获取所述样式信息。
4.根据权利要求3所述的方法,其特征在于,所述基于所述目标标签以及所述属性值获取所述样式信息,包括:
从预存样式单中查找与所述目标标签以及所述属性值匹配的样式信息,作为所述目标标签对应的样式信息。
5.根据权利要求1所述的方法,其特征在于,所述基于所述样式信息绘制所述目标标签对应的页面内容,包括:
基于所述样式信息创建所述目标标签对应的树形结构;
根据所述树形结构创建所述目标标签在原生方法层的view接口;
调用所述view接口对应的实现方法绘制所述目标标签对应的页面内容。
6.一种用于绘制页面的装置,其特征在于,所述装置包括:
第一获取模块,被配置为获取web页面数据中每个标签的属性;
确定模块,被配置为基于所述每个标签的属性确定目标标签;
第二获取模块,被配置为获取所述目标标签对应的样式信息;
绘制模块,被配置为基于所述样式信息绘制所述目标标签对应的页面内容;
所述确定模块包括:
遍历子模块,被配置为遍历所述每个标签,以确定对应的属性的类别;
确定子模块,被配置为将对应的属性的类别为预设属性类别的标签确定为所述目标标签。
7.根据权利要求6所述的装置,其特征在于,所述预设属性类别为boolean属性类别。
8.根据权利要求6所述的装置,其特征在于,所述第二获取模块包括:
第一获取子模块,被配置为获取所述目标标签对应的属性值;
第二获取子模块,被配置为基于所述目标标签以及所述属性值获取所述样式信息。
9.根据权利要求8所述的装置,其特征在于,所述第二获取子模块被配置用于:
从预存样式单中查找与所述目标标签以及所述属性值匹配的样式信息,作为所述目标标签对应的样式信息。
10.根据权利要求6所述的装置,其特征在于,所述绘制模块包括:
第一创建子模块,被配置为基于所述样式信息创建所述目标标签对应的树形结构;
第二创建子模块,被配置为根据所述树形结构创建所述目标标签在原生方法层的view接口;
绘制子模块,被配置为调用所述view接口对应的实现方法绘制所述目标标签对应的页面内容。
11.一种终端,其特征在于,包括:
处理器;
用于存储处理器可执行指令的存储器;
其中,所述处理器被配置为:
获取web页面数据中每个标签的属性;
基于所述每个标签的属性确定目标标签;
获取所述目标标签对应的样式信息;
基于所述样式信息绘制所述目标标签对应的页面内容;
所述基于所述每个标签的属性确定目标标签,包括:遍历所述每个标签,以确定对应的属性的类别;
将对应的属性的类别为预设属性类别的标签确定为所述目标标签。
12.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有至少一条指令,所述指令由处理器加载并执行以实现如权利要求1至权利要求5任一项所述的用于绘制页面的方法中所执行的操作。
CN201710552085.8A 2017-07-07 2017-07-07 用于绘制页面的方法、装置及终端 Active CN107402756B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710552085.8A CN107402756B (zh) 2017-07-07 2017-07-07 用于绘制页面的方法、装置及终端

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710552085.8A CN107402756B (zh) 2017-07-07 2017-07-07 用于绘制页面的方法、装置及终端

Publications (2)

Publication Number Publication Date
CN107402756A CN107402756A (zh) 2017-11-28
CN107402756B true CN107402756B (zh) 2020-07-31

Family

ID=60404972

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710552085.8A Active CN107402756B (zh) 2017-07-07 2017-07-07 用于绘制页面的方法、装置及终端

Country Status (1)

Country Link
CN (1) CN107402756B (zh)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108009269B (zh) * 2017-12-15 2022-01-25 北京小米移动软件有限公司 显示页面数据的方法、装置
CN111142981A (zh) * 2018-11-02 2020-05-12 鸿合科技股份有限公司 一种软件换肤方法及装置、电子设备
CN111611470A (zh) * 2019-02-22 2020-09-01 北京搜狗科技发展有限公司 一种数据处理方法、装置和电子设备
CN114626055A (zh) * 2022-03-31 2022-06-14 杭州玳数科技有限公司 一种轻量级密码强度校验的交互方法和系统

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102662672A (zh) * 2012-04-05 2012-09-12 广州市动景计算机科技有限公司 对网页进行换肤处理的方法和装置以及移动终端
CN103309563A (zh) * 2013-06-28 2013-09-18 贝壳网际(北京)安全技术有限公司 已显示页面的切换方法及装置
CN103677779A (zh) * 2012-09-21 2014-03-26 成都勤智数码科技股份有限公司 一种灵活的页面配置展现方法
CN104657377A (zh) * 2013-11-20 2015-05-27 阿里巴巴集团控股有限公司 一种多路网页控件定位方法及装置

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP6095614B2 (ja) * 2014-07-18 2017-03-15 ヤフー株式会社 情報表示プログラム、配信装置、情報表示方法および情報表示装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102662672A (zh) * 2012-04-05 2012-09-12 广州市动景计算机科技有限公司 对网页进行换肤处理的方法和装置以及移动终端
CN103677779A (zh) * 2012-09-21 2014-03-26 成都勤智数码科技股份有限公司 一种灵活的页面配置展现方法
CN103309563A (zh) * 2013-06-28 2013-09-18 贝壳网际(北京)安全技术有限公司 已显示页面的切换方法及装置
CN104657377A (zh) * 2013-11-20 2015-05-27 阿里巴巴集团控股有限公司 一种多路网页控件定位方法及装置

Also Published As

Publication number Publication date
CN107402756A (zh) 2017-11-28

Similar Documents

Publication Publication Date Title
CN107153541B (zh) 浏览交互处理方法及装置
EP3416045A1 (en) Method for controlling a display, device, and storage medium
CN107423106B (zh) 支持多框架语法的方法和装置
EP3333690A2 (en) Object starting method and device
CN107402756B (zh) 用于绘制页面的方法、装置及终端
US10909203B2 (en) Method and device for improving page display effect via execution, conversion and native layers
CN108008955B (zh) 显示自定义控件信息的方法、装置
US20180341379A1 (en) Application distribution method and device
CN109710259B (zh) 一种数据处理方法、装置及存储介质
CN106547547B (zh) 数据采集方法及装置
US11210449B2 (en) Page display method and device and storage medium
CN107450912B (zh) 页面的布局方法、装置及终端
CN107463372B (zh) 一种数据驱动的页面更新方法和装置
CN106708967B (zh) 页面显示方法及装置
CN108829473B (zh) 事件响应方法、装置及存储介质
CN104951522B (zh) 一种进行搜索的方法和装置
CN105468606B (zh) 网页保存的方法及装置
CN111221613B (zh) 程序调用方法及装置、存储介质
CN107368562B (zh) 页面的显示方法、装置及终端
CN108563487B (zh) 用户界面的更新方法及装置
CN107423060B (zh) 动画效果的呈现方法、装置及终端
CN111104110B (zh) 全局样式共享方法、全局样式共享装置及电子装置
CN115373763A (zh) 插件加载方法、装置、电子设备及存储介质
CN108549570B (zh) 用户界面的更新方法及装置
CN112860625A (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