CN110532495A - 一种网页信息的展示方法及装置 - Google Patents
一种网页信息的展示方法及装置 Download PDFInfo
- Publication number
- CN110532495A CN110532495A CN201910812228.3A CN201910812228A CN110532495A CN 110532495 A CN110532495 A CN 110532495A CN 201910812228 A CN201910812228 A CN 201910812228A CN 110532495 A CN110532495 A CN 110532495A
- Authority
- CN
- China
- Prior art keywords
- data
- web page
- script
- native
- interface
- 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.)
- Pending
Links
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
-
- 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
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)
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例提供一种网页信息展示的处理方法及装置,属于网络控制领域。方法部分包括:获取用户触发的HTML网页对应的网页链接,根据所述网页链接向服务器发送数据请求;根据所述数据请求得到对应的目标数据,利用既定的JS脚本在所述目标数据中进行抓取,得到所述JS脚本对应的关键数据;对所述关键数据进行解析,得到以Json字符串格式存储的目标元素,利用所述目标元素生成对应的Native界面;所述Native界面用于展示供用户触发的所述关键数据;对所述Native界面进行实时监测,当监测到针对所述Native界面的触发指令时,提取所述触发指令对应的网页链接,再次对所述Native界面进行更新。本申请通过UI框架的加载可以使页面更好地展示,丰富了页面的交互效果。
Description
技术领域
本申请涉及计算机技术领域,尤其涉及对网页信息展示的处理方法及装置。
背景技术
网络浏览器是互联网用户访问网络信息和使用网络应用的一种常用方法,目前已经有越多越多的用户习惯于通过网络浏览器来获取各种信息和使用各种应用。网络信息和应用供应商提供以HTML等格式的语言编写的网页,网络浏览器在用户终端呈现所述网页,从而使得网络浏览器的用户可以获取到网页的相关信息。随着网络技术的快速发展,由网络浏览器呈现的内容也越来越丰富,因此网络浏览器的呈现功能也越来越强大和重要。
目前,在进行网页内容展示的过程中,通常选用web或Native两种不同的方式对待展示界面进行处理,但是web在UI的效果较差,界面不能完美的呈现,严重影响用户的体验;native不能实现跨平台通信,每添加一个功能就必须重新发版,降低了开发人员的工作效率。
发明内容
本申请实施例的目的是提供一种网页信息的展示方法及装置,以实现通过Native实现展示和UI交互对网页进行处理,提高了浏览器的页面交互效率的问题。
为解决上述技术问题,本申请实施例是这样实现的:
根据本申请实施例的第一方面,提供一种网页信息展示的处理方法,所述方法包括:
获取用户触发的HTML网页对应的网页链接,根据所述网页链接向服务器发送数据请求;
根据所述数据请求得到对应的目标数据,利用既定的JS脚本在所述目标数据中进行抓取,得到所述JS脚本对应的关键数据;
对所述关键数据进行解析,得到以Json字符串格式存储的目标元素,利用所述目标元素生成对应的Native界面;所述Native界面用于展示供用户触发的所述关键数据;
对所述Native界面进行实时监测,当监测到针对所述Native界面的触发指令时,提取所述触发指令对应的网页链接,再次对所述Native界面进行更新。
本申请一实施例中,所述方法,
根据所述HTML网页对应的页面类型建立对应的解析规则,根据所述解析规则为所述Native界面生成对应的UI框架;其中所述UI框架用于自动匹配关键数据并进行展示;
根据所述HTML网页对应的页面类型与所述Native页面的UI框架之间的匹配关系,向所述网页链接对应的服务器发送数据请求。
本申请一实施例中,根据所述数据请求得到对应的目标数据,利用既定的JS脚本在所述目标数据中进行抓取,得到所述JS脚本对应的关键数据,
根据所述用户触发的HTML网页对应的网页链接,对所述HTML网页进行渲染;
利用所述渲染后的HTML网页在JS脚本库进行适配,得到与所述网页链接适配的JS脚本;所述JS脚本是根据特定的业务需求进行撰写的;
利用所述JS脚本在所述目标数据中进行抓取,得到所述JS脚本对应的关键数据。
本申请一实施例中,利用所述JS脚本在所述目标数据中进行抓取,
在所述JS脚本中设置定时器,利用所述定时器对所述目标数据进行定时抓取,得到所述目标数据对应的关键数据;所述关键数据为用户在Native界面进行交互的数据。
本申请一实施例中,对所述关键数据进行解析,得到以Json字符串格式存储的目标元素,利用所述目标元素生成对应的Native界面,
对所述关键数据进行解析,将解析后得到的目标元素以Json字符串的形式进行存储;
根据所述UI框架,将所述Json字符串加载至所述UI框架中的对应位置,生成对应的Native界面供客户端进行展示。
本申请一实施例中,根据所述UI框架,将所述Json字符串加载至所述UI框架中的对应位置,生成对应的Native界面,
所述各UI框架与所述Native界面中的各展示区域一一匹配,根据所述匹配关系将所述Json字符串分别加载至所述各UI框架中各自对应的位置,组成所述HTML网页对应的Native界面;其中,所述Native界面与至少一个UI框架相对应。
本申请一实施例中,对所述Native界面进行实时监测,当监测到针对所述native界面的触发指令时,提取所述触发指令对应的网页链接,再次对所述Native界面进行更新,包括:
根据检测到的触发指令,获取所述触发指令对应的关键数据,提取所述关键数据对应的目标网页链接;
在JS脚本库中选取与所述目标网页链接匹配的JS脚本,根据所述JS脚本对所述Native界面进行再次更新。
根据本申请实施例的第二方面,提供一种网页信息展示的处理装置,所述装置包括:
请求发送模块,获取用户触发的HTML网页对应的网页链接,根据所述网页链接向服务器发送数据请求;
数据抓取模块,根据所述数据请求得到对应的目标数据,利用既定的JS脚本在所述目标数据中进行抓取,得到所述JS脚本对应的关键数据;
数据解析模块,对所述关键数据进行解析,得到以Json字符串格式存储的目标元素,利用所述目标元素生成对应的Native界面;所述Native界面用于展示供用户触发的所述关键数据;
实时监测模块,对所述Native界面进行实时监测,当监测到针对所述Native界面的触发指令时,提取所述触发指令对应的网页链接,再次对所述Native界面进行更新。
本申请一实施例中,所述请求发送模块,具体包括:
根据所述HTML网页对应的页面类型建立对应的解析规则,根据所述解析规则为所述Native界面生成对应的UI框架;其中所述UI框架用于自动匹配关键数据并进行展示;
根据所述HTML网页对应的页面类型与所述Native页面的UI框架之间的匹配关系,向所述网页链接对应的服务器发送数据请求。
本申请一实施例中,所述数据抓取模块,具体包括:
渲染单元,根据所述用户触发的HTML网页对应的网页链接,对所述HTML网页进行渲染;
适配单元,利用所述渲染后的HTML网页在JS脚本库进行适配,得到与所述网页链接适配的JS脚本;所述JS脚本是根据特定的业务需求进行撰写的;
抓取单元,利用所述JS脚本在所述目标数据中进行抓取,得到所述JS脚本对应的关键数据。
本申请一实施例中,所述抓取单元,具体包括:
在所述JS脚本中设置定时器,利用所述定时器对所述目标数据进行定时抓取,得到所述目标数据对应的关键数据;所述关键数据为用户在Native界面进行交互的数据。
本申请一实施例中,所述数据解析模块,具体包括:
存储单元,对所述关键数据进行解析,将解析后得到的目标元素以Json字符串的形式进行存储;
放置单元,根据所述UI框架,将所述Json字符串加载至所述UI框架中的对应位置,生成对应的Native界面供客户端进行展示。
本申请一实施例中,所述放置单元,具体包括:
所述各UI框架与所述Native界面中的各展示区域一一匹配,根据所述匹配关系将所述Json字符串分别加载至所述各UI框架中各自对应的位置,组成所述HTML网页对应的Native界面;其中,所述Native界面与至少一个UI框架相对应。
本申请一实施例中,所述实时监测模块,具体包括:
根据检测到的触发指令,获取所述触发指令对应的关键数据,提取所述关键数据对应的目标网页链接;在JS脚本库中选取与所述目标网页链接匹配的JS脚本,根据所述JS脚本对所述Native界面进行再次更新。
由以上本申请实施例提供的技术方案可见,本申请实施例获取用户触发的HTML网页对应的网页链接,根据所述网页链接向服务器发送数据请求;根据所述数据请求得到对应的目标数据,利用既定的JS脚本在所述目标数据中进行抓取,得到所述JS脚本对应的关键数据;对所述关键数据进行解析,得到以Json字符串格式存储的目标元素,利用所述目标元素生成对应的Native界面;对所述Native界面进行实时监测,当监测到针对所述Native界面的触发指令时,提取所述触发指令对应的网页链接,再次对所述Native界面进行更新。本申请通过对获取到的HTML网页进行处理,通过浏览器后台打开所述HTML网页,用JS脚本抓取网页关键数据,进行Native页面显示,在此过程中只选取对生成Native网页有用的数据,不使用网页的弱项:UI交互,把UI交互交给Native来实现,同时利用HTML和Native的优势,通过UI框架的加载可以使页面更好地展示,丰富了页面的交互效果。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本说明书中记载的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1是本申请的一个实施例的网页信息展示的处理方法的流程图;
图2是本申请的一个实施例的网页信息展示的视频展示列表UI框架图;
图3是本申请的一个实施例的网页信息展示的视频播放UI框架图;
图4是本申请的一个实施例的网络中网页信息展示对应电子设备的结构示意图;
图5是本申请的一个实施例的网页信息展示的处理装置的结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本说明书中的技术方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本说明书一部分实施例,而不是全部的实施例。基于本说明书中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本说明书保护的范围。
下面首先对本申请实施例提供的一种网页信息展示的处理方法进行介绍。
目前,在进行网页内容展示的过程中,通常选用web或Native两种不同的方式对待展示界面进行处理,其中,web和native各自有各自的优势,web的优势在于跨平台,而且无需发版,只需线下更新即可,但UI交互体验较差;而native正好相反,UI交互体验较好,但不能实现跨平台通信,每添加一个功能就必须重新发版,增加了技术人员的工作量。
本实施例中,例获取用户触发的HTML网页对应的网页链接,根据所述网页链接向服务器发送数据请求;根据所述数据请求得到对应的目标数据,利用既定的JS脚本在所述目标数据中进行抓取,得到所述JS脚本对应的关键数据;对所述关键数据进行解析,得到以Json字符串格式存储的目标元素,利用所述目标元素生成对应的Native界面;对所述Native界面进行实时监测,当监测到针对所述Native界面的触发指令时,提取所述触发指令对应的网页链接,再次对所述Native界面进行更新。
为了解决现有技术中回复通信消息的操作较复杂,使得通信消息的回复耗时较长的问题,本申请实施例中提供一种消息回复方法。该方法的执行主体,可以但不限于浏览器,或者,可以但不限于安装有可以访问网页链接的手机、平板电脑、个人电脑(PersonalComputer,PC)等移动终端。
为了便于描述,下文以该方法的执行主体为浏览器w,对该方法的实施方式进行介绍。可以理解,该方法的执行主体为浏览器只是一种示例性的说明,并不应理解为对该方法的限定。
图1是本申请的一个实施例的网页信息展示的处理方法的流程图,如图1所示,该方法可以包括以下步骤:
在步骤101中,获取用户触发的HTML网页对应的网页链接,根据所述网页链接向服务器发送数据请求。
本实施例中,当浏览器接收到用户触发的HTML网页对应的网页链接后,通过浏览器的后台向服务器发送数据请求,并在浏览器后台对所述网页链接进行处理。
本实施例中,配置文件为设备对应的故障手册时,可以解析配置文件获取对应的参数属性,详细如下:
步骤101(a):根据所述HTML网页对应的页面类型建立对应的解析规则,根据所述解析规则为所述Native界面生成对应的UI框架;其中所述UI框架用于自动匹配关键数据并进行展示;
浏览器后台对根据用户触发的HTML网页对应的网页链接对所述HTML网页进行分类,根据所述网页链接对应的分类确定当前界面的页面类型,根据所述页面类型建立对应的解析规则,并根据所述页面类型在对应的UI库中选取与所述页面类型相匹配的UI框架作为目标UI框架。
步骤101(b):根据所述HTML网页对应的页面类型与所述Native页面的UI框架之间的匹配关系,向所述网页链接对应的服务器发送数据请求;
根据所述目标UI框架的框架结构,判断所述Native界面的组成结构与组成Native界面所需的目标数据,向所述HTML网页对应的服务器发送所需的目标数据请求,得到对应的目标数据。
所述UI框架包括但不限于:展示列表UI框架、视频播放UI框架、文字展示UI框架等;同时在同一个展示界面中可以同时展示多个UI框架,即所述Native可以由多个UI框架组成,每个UI框架展示不同页面类型对应的网页信息。
在步骤102中,根据所述数据请求得到对应的目标数据,利用既定的JS脚本在所述目标数据中进行抓取,得到所述JS脚本对应的关键数据;
具体地,包括以下步骤:
步骤102(a):根据所述用户触发的HTML网页对应的网页链接,对所述HTML网页进行渲染;
根据所述用户触发的HTML网页对应的网页链接对HTML网页进行标记并构建对应的DOM树;同时对所述HTML网页进行CSS标记建立对应的CSSOM树,将所述DOM树与所述CSSOM树进行合并成一个渲染树,根据所述渲染树确定对应的渲染节点,根据所述渲染节点对所述HTML网页进行渲染。
步骤102(b):利用所述渲染后的HTML网页在JS脚本库进行适配,得到与所述网页链接适配的JS脚本;所述JS脚本是根据特定的业务需求进行撰写的;
利用所述渲染后的HTML网页在JS脚本库进行适配,所述JS脚本是由多个JS脚本库组成的,其中所述脚本是技术人员对常用的网页对应的网页链接进行分析,根据所述网页链接与特等的业余需求撰写对应的JS脚本,也就是说,某种JS脚本只能对应特定的资源,JS脚本的撰写规则也只与网页链接及其对应的待抓取数据有关。
在所述JS脚本库中选取与所述网页链接适配的JS脚本对得到的目标数据进行抓取。
步骤102(c):利用所述JS脚本在所述目标数据中进行抓取,得到所述JS脚本对应的关键数据;
由于所述JS脚本是与所述网页链接适配的所述,所以利用所述JS脚本抓取到的目标数据均可以生成对应的Native界面;
为了迅速的生成所需的Native,同时避免不必要的数据浪费,在所述JS脚本中设置定时器,利用所述定时器对所述目标数据进行定时抓取,得到所述目标数据对应的关键数据;所述关键数据为用户在Native界面进行交互的数据;其中定时器的抓取时间间隔是与所述网页链接匹配的,即所述定时器的抓取时间间隔是根据所述网页链接与待抓取的数据预先设定的。
在步骤103中,对所述关键数据进行解析,得到以Json字符串格式存储的目标元素,利用所述目标元素生成对应的Native界面;所述Native界面用于展示供用户触发的所述关键数据;
步骤103(a):对所述关键数据进行解析,将解析后得到的目标元素以Json字符串的形式进行存储;
获取所述关键数据对应的数据流,提取所述数据流中目标数据,将所述目标数据作为目标Json对象并转换为Json字符串,将所述Json字符串写入至所述关键数据中,实现关键数据以Json字符串存储的目的。
步骤103(b):根据所述UI框架,将所述Json字符串加载至所述UI框架中的对应位置,生成对应的Native界面供客户端进行展示。
在同一个展示界面中可以同时展示多个UI框架,即所述Native可以由多个UI框架组成,每个UI框架展示不同页面类型对应的网页信息,根据各UI框架队医的网页信息,将所述各UI框架与所述Native界面中的各展示区域的待展示信息一一匹配,根据所述匹配关系将所述Json字符串分别加载至所述各UI框架中各自对应的位置,组成所述HTML网页对应的Native界面;其中,所述Native界面与至少一个UI框架相对应。
在步骤104中,对所述Native界面进行实时监测,当监测到针对所述Native界面的触发指令时,提取所述触发指令对应的网页链接,再次对所述Native界面进行更新;
在接收到用户对当前界面的下滑操作后,会根据所述用户操作滑动界面,并不断在所述Native界面显示加载数据,和新闻流的形式相同。
步骤104(a):根据检测到的触发指令,获取所述触发指令对应的关键数据,提取所述关键数据对应的目标网页链接;
对所述Native界面进行实时监测,当监测到针对所述Native界面的触发指令时,即用户对关键数据进行触发,获取所述关键数据对应的网页链接,根据所述HTML网页对应的页面类型与所述新的Native页面的UI框架之间的匹配关系,向所述网页链接对应的服务器发送数据请求。
步骤104(b):在JS脚本库中选取与所述目标网页链接匹配的JS脚本,根据所述JS脚本对所述Native界面进行再次更新。
对所述Native界面进行实时监测当监测到针对所述Native界面的触发指令时,根据所述用户触发的HTML网页对应的网页链接,对所述HTML网页进行渲染;并确定与之相匹配的UI框架;
利用所述渲染后的HTML网页在JS脚本库进行适配,得到与所述网页链接适配的JS脚本;利用所述JS脚本中设置定时器,利用所述定时器对所述目标数据进行定时抓取,并以Json的格式进行存储;
根据所述UI框架,将所述Json字符串加载至所述UI框架中的对应位置,生成对应的Native界面供客户端进行展示。提高浏览器页面的交互效率,通过UI框架的加载可以使页面更好地展示,丰富了页面的交互效果。
在另一实施例中,对网页信息进行展示时,
步骤201:获取用户触发的HTML网页对应的网页链接,根据所述网页链接向服务器发送数据请求;
根据所述HTML网页对应的页面类型建立对应的解析规则,根据所述解析规则为所述Native界面生成对应的UI框架;其中所述UI框架用于自动匹配关键数据并进行展示;
本实施例中,以视频展示列表界面为例,图2是本申请的一个实施例的网页信息展示的视频展示列表UI框架图,当接收到用户触发的HTML网页对应的视频网页链接后,调用对应的视频展示列表UI框架。
根据所述HTML网页对应的页面类型与所述Native页面的UI框架之间的匹配关系,向所述网页链接对应的服务器发送数据请求。
步骤202:根据所述数据请求得到对应的目标数据,利用既定的JS脚本在所述目标数据中进行抓取,得到所述JS脚本对应的关键数据;
根据所述视频展示列表UI框架的框架结构,判断所述Native界面的组成结构与组成Native界面所需的目标数据,向所述HTML网页对应的服务器发送所需的目标数据请求,得到对应的视频数据。
根据所述用户触发的HTML网页对应的视频网页链接,对所述视频网页进行渲染;利用所述渲染后的视频网页在JS脚本库进行适配,得到与所述视频网页链接适配的JS脚本;利用所述JS脚本在所述视频数据中进行定时抓取,得到所述JS脚本对应的关键数据;所述关键数据为用户在Native界面进行交互的数据;其中定时器的抓取时间间隔是与所述网页链接匹配的,即所述定时器的抓取时间间隔是根据所述视频链接与待抓取的数据预先设定的。
本实施例中,所述数据请求得到对应的目标数据为:
其中,div为目标数据对应的属性信息,可以通过对应的属性信息获取所需的目标信息;
href为所述目标数据对应的网页链接,供点击之后到href指定的url获取数据;
imgUrl为显示图片的url,可以展示所述目标数据中视频数据对应的展示图片。
步骤203中,对所述关键数据进行解析,得到以Json字符串格式存储的目标元素,利用所述目标元素生成对应的Native界面;所述Native界面用于展示供用户触发的所述关键数据;
对所述关键数据进行解析,将解析后得到的目标元素以Json字符串的形式进行存储;根据所述视频展示列表UI框架,将所述Json字符串加载至所述视频展示列表UI框架中的对应位置,生成对应的Native界面供客户端进行展示。
本实施例中,将所述关键数据转化为Json格式,将某一组关键数据转化为Json格式,如下:
{[“title”:”Japanese uncensored sex”,
“href”:”http://www.videos.com/video49452515/12091521/0/japanese_uncensored_sex”,
“imgUrl”:”https://img-l3.xvideos-cdn.com/videos/thumbs169l/68/fc/0e/68fc0e0dbc67a5aa25f640d484146a4e/68fc0e0dbc67a5aa25f640d484146a4e.23.jpg”]},
其中,title为在所述Native界面显示的标题;
href为所述关键数据对应的网页链接,供点击之后到href指定的url获取数据;
imgUrl为显示图片的url,将所述目标播放视频对应的展示图片显示在所述Native界面上;
上述仅列举了一组的数据,在一个HTML网页中有多条数据,将每条数据分别抽出来组成一个Json数组发给Native界面进行显示。
步骤204中,对所述Native界面进行实时监测,当监测到针对所述Native界面的触发指令时,提取所述触发指令对应的网页链接,再次对所述Native界面进行更新;
在接收到用户对当前视频展示列表界面的下滑操作后,会根据所述用户操作滑动界面,并不断在所述视频展示Native界面显示加载数据,和新闻流的形式相同。
对所述视频展示Native界面进行实时监测当监测到针对所述视频展示Native界面的触发指令时,根据所述用户触发的HTML网页对应的网页链接,对所述HTML网页进行渲染;并确定与之相匹配的视频播放UI框架;图3是本申请的一个实施例的网页信息展示的视频播放UI框架图;
利用所述渲染后的HTML网页在JS脚本库进行适配,得到与所述网页链接适配的JS脚本;利用所述JS脚本中设置定时器,利用所述定时器对所述目标数据进行定时抓取,并以Json的格式进行存储;
根据所述视频播放UI框架,将所述Json字符串加载至所述视频播放UI框架中的对应位置,生成对应的视频播放Native界面供客户端进行展示。
本实施例中,检测到的用户点击的视频播放对应的网页链接为:
http://www.videos.com/video49452515/12091521/0/japanese_uncensored_sex;
根据所述关键数据对应的网页链接获取到视频播放界面对应的原始数据:
其中,div为视频播放界面原始数据对应的属性信息,可以通过对应的属性信息获取所需的目标信息;
href为所述视频播放界面原始数据对应的网页链接,供点击之后到href指定的url获取数据;
imgUrl为显示图片的url,可以展示所述视频播放界面原始数据中视频数据对应的展示图片。
对所述原始数据进行JS定时抽取,并以Json的格式进行存储:
{[“videoUrl”:”https://vid-egc.xvideos-cdn.com/videos/3gp/6/f/9/xvideos.com_6f9ada4d4e5f0d6d2f35b23f46a04387.mp4”,
“thumbUrl”:”https://img-egc.xvideos-cdn.com/videos/thumbslll/6f/9a/da/6f9ada4d4e5f0d6d2f35b23f46a04387/6f9ada4d4e5f0d6d2f35b23f46a04387.15.jpg”,”
recomend”:
[“title”:”Japanese high speed porn”,”
imgUrl”:”https://img-hw.xvideos-cdn.com/videos/thumbs169ll/d3/36/e1/d336e1e13800ddc9a3b92d22139c5ef5/d336e1e13800ddc9a3b92d22139c5ef5.15.jpg”,
”href”:”http://www.videos.com/video38588253/japanese_high_speed_porn”]]}
其中,准备放置至Native界面供客户端进行展示的展示部分数据为:
videoUrl为目标视频对应的网页链接;
thumbUrl为目标视频缩略图对应的网页链接;
准备放置至Native界面供客户端进行展示的推荐部分数据为:
Title为待展示部分视频对应的标题;
imgUrl为待展示部分视显示图片的url,将所述待展示部分视频对应的展示图片显示在所述Native界面上;
href为所述待展示部分视频对应的网页链接,供点击之后到href指定的url获取数据;
根据所述视频播放UI框架,将所述Json字符串加载至所述视频播放UI框架中的对应位置,生成对应的视频播放Native界面供客户端进行展示。提高浏览器页面的交互效率,通过UI框架的加载可以使页面更好地展示,丰富了页面的交互效果。
在另一实施例中,对网页信息进行展示时,
图4是本申请的一个实施例的网络中网页信息展示对应电子设备的结构示意图。
在硬件层面,该电子设备包括处理器,可选地还包括内部总线、网络接口、存储器。其中,存储器可能包含内存,例如高速随机存取存储器(Random-Access Memory,RAM),也可能还包括非易失性存储器(non-volatile memory),例如至少1个磁盘存储器等。当然,该电子设备还可能包括其他业务所需要的硬件。
处理器、网络接口和存储器可以通过内部总线相互连接,该内部总线可以是ISA(Industry Standard Architecture,工业标准体系结构)总线、PCI(PeripheralComponent Interconnect,外设部件互连标准)总线或EISA(Extended Industry StandardArchitecture,扩展工业标准结构)总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示,图2中仅用一个双向箭头表示,但并不表示仅有一根总线或一种类型的总线。
存储器,用于存放程序。具体地,程序可以包括程序代码,所述程序代码包括计算机操作指令。存储器可以包括内存和非易失性存储器,并向处理器提供指令和数据。
处理器从非易失性存储器中读取对应的计算机程序到内存中然后运行,在逻辑层面上形成设备故障的处理装置。处理器,执行存储器所存放的程序,并具体用于执行以下操作:
获取用户触发的HTML网页对应的网页链接,根据所述网页链接向服务器发送数据请求;
根据所述数据请求得到对应的目标数据,利用既定的JS脚本在所述目标数据中进行抓取,得到所述JS脚本对应的关键数据;
对所述关键数据进行解析,得到以Json字符串格式存储的目标元素,利用所述目标元素生成对应的Native界面;所述Native界面用于展示供用户触发的所述关键数据;
对所述Native界面进行实时监测,当监测到针对所述Native界面的触发指令时,提取所述触发指令对应的网页链接,再次对所述Native界面进行更新。提高浏览器页面的交互效率,通过UI框架的加载可以使页面更好地展示,丰富了页面的交互效果。
上述如本申请图5所示实施例揭示的网页信息展示的处理方法可以应用于处理器中,或者由处理器实现。处理器可能是一种集成电路芯片,具有信号的处理能力。在实现过程中,上述方法的各步骤可以通过处理器中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器可以是通用处理器,包括中央处理器(Central Processing Unit,CPU)、网络处理器(Network Processor,NP)等;还可以是数字信号处理器(Digital SignalProcessor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本申请实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成,或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器,闪存、只读存储器,可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器,处理器读取存储器中的信息,结合其硬件完成上述方法的步骤。
该电子设备还可执行图1的方法,并实现设备故障的处理装置在图1所示实施例的功能,本申请实施例在此不再赘述。
当然,除了软件实现方式之外,本说明书的电子设备并不排除其他实现方式,比如逻辑器件抑或软硬件结合的方式等等,也就是说以下处理流程的执行主体并不限定于各个逻辑单元,也可以是硬件或逻辑器件。
图5是本申请的一个实施例的网页信息展示的处理装置的结构示意图。可以包括:请求发送模块501、数据抓取模块502、数据解析模块503、实时监测模块504,其中,
请求发送模块501,用于获取用户触发的HTML网页对应的网页链接,根据所述网页链接向服务器发送数据请求;
数据抓取模块502,用于根据所述数据请求得到对应的目标数据,利用既定的JS脚本在所述目标数据中进行抓取,得到所述JS脚本对应的关键数据;
数据解析模块503,用于对所述关键数据进行解析,得到以Json字符串格式存储的目标元素,利用所述目标元素生成对应的Native界面;所述Native界面用于展示供用户触发的所述关键数据;
实时监测模块504,用于对所述Native界面进行实时监测,当监测到针对所述Native界面的触发指令时,提取所述触发指令对应的网页链接,再次对所述Native界面进行更新。
所述请求发送模块501,具体包括:
根据所述HTML网页对应的页面类型建立对应的解析规则,根据所述解析规则为所述Native界面生成对应的UI框架;其中所述UI框架用于自动匹配关键数据并进行展示;
根据所述HTML网页对应的页面类型与所述Native页面的UI框架之间的匹配关系,向所述网页链接对应的服务器发送数据请求。
所述数据抓取模块502,具体包括:
渲染单元,根据所述用户触发的HTML网页对应的网页链接,对所述HTML网页进行渲染;
适配单元,利用所述渲染后的HTML网页在JS脚本库进行适配,得到与所述网页链接适配的JS脚本;所述JS脚本是根据特定的业务需求进行撰写的;
抓取单元,利用所述JS脚本在所述目标数据中进行抓取,得到所述JS脚本对应的关键数据。
所述抓取单元中,具体包括:
在所述JS脚本中设置定时器,利用所述定时器对所述目标数据进行定时抓取,得到所述目标数据对应的关键数据;所述关键数据为用户在Native界面进行交互的数据。
所述数据解析模块503,具体包括:
存储单元,对所述关键数据进行解析,将解析后得到的目标元素以Json字符串的形式进行存储;
放置单元,根据所述UI框架,将所述Json字符串加载至所述UI框架中的对应位置,生成对应的Native界面供客户端进行展示。
所述放置单元中,具体包括:
所述各UI框架与所述Native界面中的各展示区域一一匹配,根据所述匹配关系将所述Json字符串分别加载至所述各UI框架中各自对应的位置,组成所述HTML网页对应的Native界面;其中,所述Native界面与至少一个UI框架相对应。
所述实时监测模块504,具体包括:
根据检测到的触发指令,获取所述触发指令对应的关键数据,提取所述关键数据对应的目标网页链接;
在JS脚本库中选取与所述目标网页链接匹配的JS脚本,根据所述JS脚本对所述Native界面进行再次更新。
总之,以上所述仅为本说明书的较佳实施例而已,并非用于限定本说明书的保护范围。凡在本说明书的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本说明书的保护范围之内。
上述实施例阐明的***、装置、模块或单元,具体可以由计算机芯片或实体实现,或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的,计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于***实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
Claims (14)
1.一种网页信息展示的处理方法,其特征在于,所述方法包括:
获取用户触发的HTML网页对应的网页链接,根据所述网页链接向服务器发送数据请求;
根据所述数据请求得到对应的目标数据,利用既定的JS脚本在所述目标数据中进行抓取,得到所述JS脚本对应的关键数据;
对所述关键数据进行解析,得到以Json字符串格式存储的目标元素,利用所述目标元素生成对应的Native界面;所述Native界面用于展示供用户触发的所述关键数据;
对所述Native界面进行实时监测,当监测到针对所述Native界面的触发指令时,提取所述触发指令对应的网页链接,再次对所述Native界面进行更新。
2.根据权利要求1所述的方法,其特征在于,所述方法,还包括:
根据所述HTML网页对应的页面类型建立对应的解析规则,根据所述解析规则为所述Native界面生成对应的UI框架;其中所述UI框架用于自动匹配关键数据并进行展示;
根据所述HTML网页对应的页面类型与所述Native页面的UI框架之间的匹配关系,向所述网页链接对应的服务器发送数据请求。
3.根据权利要求1所述的方法,其特征在于,根据所述数据请求得到对应的目标数据,利用既定的JS脚本在所述目标数据中进行抓取,得到所述JS脚本对应的关键数据,包括:
根据所述用户触发的HTML网页对应的网页链接,对所述HTML网页进行渲染;
利用所述渲染后的HTML网页在JS脚本库进行适配,得到与所述网页链接适配的JS脚本;所述JS脚本是根据特定的业务需求进行撰写的;
利用所述JS脚本在所述目标数据中进行抓取,得到所述JS脚本对应的关键数据。
4.根据权利要求3所述的方法,其特征在于,利用所述JS脚本在所述目标数据中进行抓取,包括:
在所述JS脚本中设置定时器,利用所述定时器对所述目标数据进行定时抓取,得到所述目标数据对应的关键数据;所述关键数据为用户在Native界面进行交互的数据。
5.根据权利要求1或2所述的方法,其特征在于,对所述关键数据进行解析,得到以Json字符串格式存储的目标元素,利用所述目标元素生成对应的Native界面,包括:
对所述关键数据进行解析,将解析后得到的目标元素以Json字符串的形式进行存储;
根据所述UI框架,将所述Json字符串加载至所述UI框架中的对应位置,生成对应的Native界面供客户端进行展示。
6.根据权利要求5所述的方法,其特征在于,根据所述UI框架,将所述Json字符串加载至所述UI框架中的对应位置,生成对应的Native界面,包括:
所述各UI框架与所述Native界面中的各展示区域一一匹配,根据所述匹配关系将所述Json字符串分别加载至所述各UI框架中各自对应的位置,组成所述HTML网页对应的Native界面;其中,所述Native界面与至少一个UI框架相对应。
7.根据权利要求1所述的方法,其特征在于,对所述Native界面进行实时监测,当监测到针对所述native界面的触发指令时,提取所述触发指令对应的网页链接,再次对所述Native界面进行更新,包括:
根据检测到的触发指令,获取所述触发指令对应的关键数据,提取所述关键数据对应的目标网页链接;
在JS脚本库中选取与所述目标网页链接匹配的JS脚本,根据所述JS脚本对所述Native界面进行再次更新。
8.一种网页信息展示的处理装置,其特征在于,所述装置包括:
请求发送模块,获取用户触发的HTML网页对应的网页链接,根据所述网页链接向服务器发送数据请求;
数据抓取模块,根据所述数据请求得到对应的目标数据,利用既定的JS脚本在所述目标数据中进行抓取,得到所述JS脚本对应的关键数据;
数据解析模块,对所述关键数据进行解析,得到以Json字符串格式存储的目标元素,利用所述目标元素生成对应的Native界面;所述Native界面用于展示供用户触发的所述关键数据;
实时监测模块,对所述Native界面进行实时监测,当监测到针对所述Native界面的触发指令时,提取所述触发指令对应的网页链接,再次对所述Native界面进行更新。
9.根据权利要求8所述的装置,其特征在于,所述请求发送模块,具体包括:
根据所述HTML网页对应的页面类型建立对应的解析规则,根据所述解析规则为所述Native界面生成对应的UI框架;其中所述UI框架用于自动匹配关键数据并进行展示;
根据所述HTML网页对应的页面类型与所述Native页面的UI框架之间的匹配关系,向所述网页链接对应的服务器发送数据请求。
10.根据权利要求8所述的装置,其特征在于,所述数据抓取模块,具体包括:
渲染单元,根据所述用户触发的HTML网页对应的网页链接,对所述HTML网页进行渲染;
适配单元,利用所述渲染后的HTML网页在JS脚本库进行适配,得到与所述网页链接适配的JS脚本;所述JS脚本是根据特定的业务需求进行撰写的;
抓取单元,利用所述JS脚本在所述目标数据中进行抓取,得到所述JS脚本对应的关键数据。
11.根据权利要求10所述的装置,其特征在于,所述抓取单元,具体包括:
在所述JS脚本中设置定时器,利用所述定时器对所述目标数据进行定时抓取,得到所述目标数据对应的关键数据;所述关键数据为用户在Native界面进行交互的数据。
12.根据权利要求8或9所述的装置,其特征在于,所述数据解析模块,具体包括:
存储单元,对所述关键数据进行解析,将解析后得到的目标元素以Json字符串的形式进行存储;
放置单元,根据所述UI框架,将所述Json字符串加载至所述UI框架中的对应位置,生成对应的Native界面供客户端进行展示。
13.根据权利要求12所述的装置,其特征在于,所述放置单元,具体包括:
所述各UI框架与所述Native界面中的各展示区域一一匹配,根据所述匹配关系将所述Json字符串分别加载至所述各UI框架中各自对应的位置,组成所述HTML网页对应的Native界面;其中,所述Native界面与至少一个UI框架相对应。
14.根据权利要求8所述的装置,其特征在于,所述实时监测模块,具体包括:
根据检测到的触发指令,获取所述触发指令对应的关键数据,提取所述关键数据对应的目标网页链接;
在JS脚本库中选取与所述目标网页链接匹配的JS脚本,根据所述JS脚本对所述Native界面进行再次更新。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910812228.3A CN110532495A (zh) | 2019-08-30 | 2019-08-30 | 一种网页信息的展示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910812228.3A CN110532495A (zh) | 2019-08-30 | 2019-08-30 | 一种网页信息的展示方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110532495A true CN110532495A (zh) | 2019-12-03 |
Family
ID=68665343
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910812228.3A Pending CN110532495A (zh) | 2019-08-30 | 2019-08-30 | 一种网页信息的展示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110532495A (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111443958A (zh) * | 2020-03-25 | 2020-07-24 | 平安医疗健康管理股份有限公司 | 界面展示方法与*** |
CN111861651A (zh) * | 2020-07-10 | 2020-10-30 | 上海悦易网络信息技术有限公司 | 一种商品发布页搭建的方法及设备 |
CN111966354A (zh) * | 2020-08-17 | 2020-11-20 | Oppo(重庆)智能科技有限公司 | 一种页面显示方法、装置及计算机可读存储介质 |
WO2021237394A1 (en) * | 2020-05-25 | 2021-12-02 | Microsoft Technology Licensing, Llc | A crawler of web automation scripts |
CN113825008A (zh) * | 2021-11-24 | 2021-12-21 | 飞狐信息技术(天津)有限公司 | 活动页面的展现方法和装置 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
AU2014406868A1 (en) * | 2014-09-26 | 2016-10-20 | Shenzhen Skyworth-Rgb Electronic Co., Ltd. | Webpage data processing method and device |
CN107085574A (zh) * | 2016-02-15 | 2017-08-22 | 阿里巴巴集团控股有限公司 | 一种页面数据处理方法及服务器 |
CN109426492A (zh) * | 2017-07-13 | 2019-03-05 | 北京微影时代科技有限公司 | 一种客户端软件开发方法及装置 |
-
2019
- 2019-08-30 CN CN201910812228.3A patent/CN110532495A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
AU2014406868A1 (en) * | 2014-09-26 | 2016-10-20 | Shenzhen Skyworth-Rgb Electronic Co., Ltd. | Webpage data processing method and device |
CN107085574A (zh) * | 2016-02-15 | 2017-08-22 | 阿里巴巴集团控股有限公司 | 一种页面数据处理方法及服务器 |
CN109426492A (zh) * | 2017-07-13 | 2019-03-05 | 北京微影时代科技有限公司 | 一种客户端软件开发方法及装置 |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111443958A (zh) * | 2020-03-25 | 2020-07-24 | 平安医疗健康管理股份有限公司 | 界面展示方法与*** |
WO2021237394A1 (en) * | 2020-05-25 | 2021-12-02 | Microsoft Technology Licensing, Llc | A crawler of web automation scripts |
US12014192B2 (en) | 2020-05-25 | 2024-06-18 | Microsoft Technology Licensing, Llc | Crawler of web automation scripts |
CN111861651A (zh) * | 2020-07-10 | 2020-10-30 | 上海悦易网络信息技术有限公司 | 一种商品发布页搭建的方法及设备 |
CN111966354A (zh) * | 2020-08-17 | 2020-11-20 | Oppo(重庆)智能科技有限公司 | 一种页面显示方法、装置及计算机可读存储介质 |
CN113825008A (zh) * | 2021-11-24 | 2021-12-21 | 飞狐信息技术(天津)有限公司 | 活动页面的展现方法和装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110532495A (zh) | 一种网页信息的展示方法及装置 | |
US10776447B2 (en) | Digital communications platform for webpage overlay | |
CN104021172B (zh) | 广告过滤方法及广告过滤装置 | |
CN107766532A (zh) | 一种前端Node.js自动化正静态方法 | |
CN106445508A (zh) | 一种游戏引擎 | |
CN109740085A (zh) | 一种页面内容的展示方法、装置、设备及存储介质 | |
CN110297996A (zh) | 基于h5页面的动画显示方法、装置、设备及存储介质 | |
CN107729475A (zh) | 网页元素采集方法、装置、终端与计算机可读存储介质 | |
CN104035753A (zh) | 一种双WebView展示定制页面的方法及*** | |
CN109388766A (zh) | 页面加载的方法和装置 | |
CN102629273A (zh) | 基于浏览器的广告信息推送方法、装置及浏览器*** | |
CN103377039B (zh) | 一种网页游戏开发、解析方法、一种编辑器以及解析装置 | |
KR20140012664A (ko) | 웹페이지 재배치 방법 | |
Hales | HTML5 and JavaScript Web Apps | |
CN106339414A (zh) | 网页渲染方法及装置 | |
CN104765746B (zh) | 用于移动通讯终端浏览器的数据处理方法和装置 | |
CN108322359A (zh) | 一种页面首屏时间的获取方法和装置 | |
CN106909361A (zh) | 基于模版引擎的web开发方法和装置 | |
CN106503111B (zh) | 网页转码方法、装置及客户终端 | |
CN108334619A (zh) | 一种数据采集方法、装置、计算设备及存储介质 | |
CN109639749A (zh) | 云桌面的访问方法、装置、设备及存储介质 | |
CN107479873A (zh) | 一种app页面模块化开发方法、电子设备及存储介质 | |
CN103870508B (zh) | 一种网页缩放方法、装置和*** | |
CN107864384A (zh) | 重定向云桌面上互联网视频播放的方法及装置 | |
CN108170430A (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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20191203 |