CN109684570A - 网页信息处理方法及装置 - Google Patents

网页信息处理方法及装置 Download PDF

Info

Publication number
CN109684570A
CN109684570A CN201811614691.9A CN201811614691A CN109684570A CN 109684570 A CN109684570 A CN 109684570A CN 201811614691 A CN201811614691 A CN 201811614691A CN 109684570 A CN109684570 A CN 109684570A
Authority
CN
China
Prior art keywords
web page
page contents
file
client software
address
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
Application number
CN201811614691.9A
Other languages
English (en)
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 ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network Technology 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 ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to CN201811614691.9A priority Critical patent/CN109684570A/zh
Publication of CN109684570A publication Critical patent/CN109684570A/zh
Pending legal-status Critical Current

Links

Landscapes

  • Information Transfer Between Computers (AREA)

Abstract

本公开实施例中提供了一种网页信息处理方法、装置及电子设备,属于数据处理技术领域,该方法包括:获取第三方地址及所述第三方地址所对应的网页内容;在客户端软件注入与所述网页内容的展示相关的JS文件;基于所述JS文件分别对所述网页内容执行规范化处理及屏蔽处理,得到与所述客户端软件的展示界面匹配的待展示内容;在所述客户端软件的展示界面同时显示所述第三方地址及所述待展示内容。本公开的方案能够对第三方网页内容进行深度处理,提高了用户对第三方网页内容的阅读体验。

Description

网页信息处理方法及装置
技术领域
本公开涉及数据处理技术领域,尤其涉及一种网页信息处理方法、装置及电子设备。
背景技术
网站流量(traffic)是指网站的访问量,用来描述访问一个网站的用户数量以及用户所浏览的网页数量等指标。网站流量统计主要指标包括独立访问者数量(uniquevisitors)、重复访问者数量(repeat visitors)、页面浏览数(page views)和每个访问者的页面浏览数(Page Views per user);以及某些具体文件、页面的统计指标,如页面显示次数、文件下载次数等。
为了增加流量,通常对网页中的内容进行转码操作。从优化推广的角度来说,优化的最终目的是为平台带来有效的客户点击访问,为平台带来真实的流量,引导用户购买推广产品或者提供的服务。而搜索引擎或者一些浏览器平台通常会根据网页的情况和用户阅读访问的便捷性等因素,会把一些网站内容进行转码后呈现给用户。在网站的内容呈现给用户增加阅读体验的同时,有效的增加了目标流量。
现有技术一般是加载转码页,所有样式重新统一定制,但现有技术不能满足第三方网页的需求,页面风格没有第三方网页的个性化样式,在一些特殊的情况下,必须加载第三方的地址,不能加载自己的转码页。
发明内容
有鉴于此,本公开实施例提供一种网页信息处理方法、装置及电子设备,至少部分解决现有技术中存在的问题。
第一方面,本公开实施例提供了一种网页信息处理方法,包括:
获取第三方地址及所述第三方地址所对应的网页内容;
在客户端软件注入与所述网页内容的展示相关的JS文件;
基于所述JS文件分别对所述网页内容执行规范化处理及屏蔽处理,得到与所述客户端软件的展示界面匹配的待展示内容;
在所述客户端软件的展示界面同时显示所述第三方地址及所述待展示内容。
根据本公开实施例的一种具体实现方式,所述获取第三方地址及所述第三方地址所对应的网页内容,包括:
基于所述第三方地址创建URL对象以及所述URL对象所引用的远程对象的URL连接对象;
基于预设的请求方式建立所述URL连接对象到远程对象的实际连接;
从接收到的连续读取的输入流中,判断连接响应数据是否正常;
若是,则基于所述URL连接对象获取所述第三方地址所对应的网页内容。
根据本公开实施例的一种具体实现方式,所述基于所述URL连接对象获取所述第三方地址所对应的网页内容,包括:
建立字节输入流所有类的超类以及所述超类的输入流对象;
基于所述输入流对象接收所述第三方地址所对应的网页内容;
为接收到的第三方地址所对应的网页内容建立文件对象模型。
根据本公开实施例的一种具体实现方式,所述在客户端软件注入与所述网页内容的展示相关的JS文件,包括:
基于文件对象的方式为所述JS文件创建元素节点对象;
将所述JS文件的地址传递给所述元素节点对象;
通过向所述文件对象模型添加最后一个节点的方式将所述元素节点对象添加至所述文件对象模型。
根据本公开实施例的一种具体实现方式,所述生基于所述JS文件分别对所述网页内容执行规范化处理及屏蔽处理,包括:
判断所述网页内容中是否存在文章标签;
若是,则对所述网页内容中的图片进行格式处理,增加网页内容中图片的无障碍阅读属性,并去除网页内容中的预设标签。
根据本公开实施例的一种具体实现方式,所述生基于所述JS文件分别对所述网页内容执行规范化处理及屏蔽处理,还包括:
判断所述网页内容中的与点击事件绑定的图片是否引入了JSBridge;
若是,则为所述点击事件设置客户端查看图片的能力。
根据本公开实施例的一种具体实现方式,所述生基于所述JS文件分别对所述网页内容执行规范化处理及屏蔽处理,包括:
监控所述客户端展示页面是否存在新插入的文件对象模型节点;
判断所述新插入的文件对象模型节点是否属于子框架特殊对象;
若是,则删除所述新插入的文件对象模型节点。
根据本公开实施例的一种具体实现方式,所述生基于所述JS文件分别对所述网页内容执行规范化处理及屏蔽处理,还包括:
当新插入的文件对象模型节点不属于子框架特殊对象时,进一步判断所述新插入的文件对象模型节点CSS中的Z指数是否大于最大固定Z指数;
若是,则删除所述新插入的文件对象模型节点。
根据本公开实施例的一种具体实现方式,所述生基于所述JS文件分别对所述网页内容执行规范化处理及屏蔽处理,还包括:
当所述新插入的文件对象模型节点CSS中的Z指数小于等于最大固定Z指数时,进一步判断所述新插入的文件对象模型节点CSS中的内联Z指数是否大于最小固定Z指数;
若是,则删除所述新插入的文件对象模型节点。
第二方面,本公开实施例提供了一种网页信息处理装置,包括:
获取模块,用于获取第三方地址及所述第三方地址所对应的网页内容;
注入模块,用于在客户端软件注入与所述网页内容的展示相关的JS文件;
执行模块,用于基于所述JS文件分别对所述网页内容执行规范化处理及屏蔽处理,得到与所述客户端软件的展示界面匹配的待展示内容;
显示模块,用于在所述客户端软件的展示界面同时显示所述第三方地址及所述待展示内容。
第三方面,本公开实施例还提供了一种电子设备,该电子设备包括:
至少一个处理器;以及,
与该至少一个处理器通信连接的存储器;其中,
该存储器存储有可被该至少一个处理器执行的指令,该指令被该至少一个处理器执行,以使该至少一个处理器能够执行前述任第一方面或第一方面的任一实现方式中的网页信息处理方法。
第四方面,本公开实施例还提供了一种非暂态计算机可读存储介质,该非暂态计算机可读存储介质存储计算机指令,该计算机指令用于使该计算机执行前述第一方面或第一方面的任一实现方式中的网页信息处理方法。
第五方面,本公开实施例还提供了一种计算机程序产品,该计算机程序产品包括存储在非暂态计算机可读存储介质上的计算程序,该计算机程序包括程序指令,当该程序指令被计算机执行时,使该计算机执行前述第一方面或第一方面的任一实现方式中的网页信息处理方法。
本公开实施例中的网页信息处理方案,包括获取第三方地址及所述第三方地址所对应的网页内容;在客户端软件注入与所述网页内容的展示相关的JS文件;基于所述JS文件分别对所述网页内容执行规范化处理及屏蔽处理,得到与所述客户端软件的展示界面匹配的待展示内容;在所述客户端软件的展示界面同时显示所述第三方地址及所述待展示内容。本公开的方案能够实现屏蔽不合规广告、正文格式规范化、实现与客户端的查看大图交互、去除高亮以及无效的点击等功能。通过利用JS代码对文件对象模型及其内容做删除或者修改,取得的效果是来源不同的第三方网页格式上显得比较一致,使得用户在App内阅读有比较好的使用体验。
附图说明
为了更清楚地说明本公开实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它的附图。
图1为本公开实施例提供的一种网页信息处理流程示意图;
图2为本公开实施例提供的一种获取第三方地址及所述第三方地址所对应的网页内容的流程示意图;
图3为本公开实施例提供的一种对所述网页内容执行规范化处理的流程示意图;
图4为本公开实施例提供的网页信息处理装置结构示意图;
图5为本公开实施例提供的电子设备示意图。
具体实施方式
下面结合附图对本公开实施例进行详细描述。
以下通过特定的具体实例说明本公开的实施方式,本领域技术人员可由本说明书所揭露的内容轻易地了解本公开的其他优点与功效。显然,所描述的实施例仅仅是本公开一部分实施例,而不是全部的实施例。本公开还可以通过另外不同的具体实施方式加以实施或应用,本说明书中的各项细节也可以基于不同观点与应用,在没有背离本公开的精神下进行各种修饰或改变。需说明的是,在不冲突的情况下,以下实施例及实施例中的特征可以相互组合。基于本公开中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本公开保护的范围。
需要说明的是,下文描述在所附权利要求书的范围内的实施例的各种方面。应显而易见,本文中所描述的方面可体现于广泛多种形式中,且本文中所描述的任何特定结构及/或功能仅为说明性的。基于本公开,所属领域的技术人员应了解,本文中所描述的一个方面可与任何其它方面独立地实施,且可以各种方式组合这些方面中的两者或两者以上。举例来说,可使用本文中所阐述的任何数目个方面来实施设备及/或实践方法。另外,可使用除了本文中所阐述的方面中的一或多者之外的其它结构及/或功能性实施此设备及/或实践此方法。
还需要说明的是,以下实施例中所提供的图示仅以示意方式说明本公开的基本构想,图式中仅显示与本公开中有关的组件而非按照实际实施时的组件数目、形状及尺寸绘制,其实际实施时各组件的型态、数量及比例可为一种随意的改变,且其组件布局型态也可能更为复杂。
另外,在以下描述中,提供具体细节是为了便于透彻理解实例。然而,所属领域的技术人员将理解,可在没有这些特定细节的情况下实践所述方面。
本公开实施例提供一种网页信息处理方法。本实施例提供的网页信息处理方法可以由一计算装置来执行,该计算装置可以实现为软件,或者实现为软件和硬件的组合,该计算装置可以集成设置在服务器、终端设备等中。
参见图1,本公开实施例提供的一种网页信息处理方法,包括如下步骤:
S101,获取第三方地址及所述第三方地址所对应的网页内容。
客户端软件用来展示第三方地址(例如,http://www.xxxx.com)所提供的网页内容,客户端软件可以是运行于Android平台、IOS平台、Windows平台或其他操作系统平台的应用软件。在显示网页内容之前,客户端软件能够与第三方内容提供者的服务器建立连接,并基于客户端软件获取到的第三方地址来得到第三方地址所对应的网页内容。
与浏览器加载网页内容不同的是,本公开的方案通过客户端软件来加载第三方地址所提供的网页内容,为了提高加载性能,获取第三方地址及所述第三方地址所对应的网页内容可以通过如下方式来实现:首先基于所述第三方地址创建URL对象以及所述URL对象所引用的远程对象的URL连接对象,通过建立URL对象,能够将第三方地址的内容加载到URL对象中去。一旦URL连接对象创建完成,就可以基于预设的请求方式建立所述URL连接对象到远程对象的实际连接,预设的方式包括设置连接的请求方式、设置连接超时等。当客户端软件从第三方地址对应的服务器接收到连续读取的输入流时,判断输入流中的连接响应数据是否包含连接成功标志,如果是,表示客户端软件与第三方地址服务器连接成功,则进一步基于所述URL连接对象获取所述第三方地址所对应的网页内容。
接收到网页内容之后,需要对网页内容进行分析和处理,故在于第三方地址服务器连接成功之后,便可以建立字节输入流所有类的超类以及所述超类的输入流对象,通过输入流对象接收所述第三方地址所对应的网页内容。为了便于分析接收到的网页内容,为接收到的第三方地址所对应的网页内容建立文件对象模型。
S102,在客户端软件注入与所述网页内容的展示相关的JS文件。
JS(JavaScript)文件用来对客户端软件接收到的内容进行处理,可以采用多种方式将JS文件加载到客户端软件中去。例如,可以在与客户端软件通信连接的服务器端直接向客户端软件下发JS文件,JS文件存储在客户端软件中,每次客户端软件加载网页内容的同时一并加载该JS文件。
为了便于在整体上对客户端软件的JS文件进行管理,可以通过定义变量的方式,基于文件对象的方式为所述JS文件创建元素节点对象,例如:
var JS=document.createElement('script')
定义完js变量之后,可以将所述JS文件的地址传递给所述元素节点对象,例如:
js.src='http://xxx.xx.xx.xx:yy/abc.js'
其中,http://xxx.xx.xx.xx:yy表示存放JS文件的地址,yy为该地址的端口号,abc为该JS文件的具体文件名。
最后可以采用document.body.appendChild(js)的方式,向所述文件对象模型添加最后一个节点的方式将所述元素节点对象添加至所述文件对象模型。
S103,基于所述JS文件分别对所述网页内容执行规范化处理及屏蔽处理,得到与所述客户端软件的展示界面匹配的待展示内容。
获得网页内容之后,为了使网页内容具有统一的风格以及更加良好的交互性,对网页内容进行规范化处理;为了提高用户的阅读体验,同时屏蔽或删除网页中的广告等内容。
本公开的方案在客户端软件中进行,比传统的浏览器等工具能够更加深入的执行规范化和屏蔽处理操作。
在执行规范化内容的过程中,首先判断网页内容对应的文件对象模式是否加载完成,若没有记载完成,则通过添加监听函数来判断文件对象模式是否加载完成。
文件对象模型加载完成之后,通过读取文件对象模型中的内容,可以判断所述网页内容中是否存在文章(Article)标签,如果存在,则表明该网页内容存在可以阅读的内容。则对所述网页内容中的图片进行格式处理,增加网页内容中图片的无障碍阅读属性,并去除网页内容中的预设标签。
增加网页内容中图片的无障碍阅读属性包括在客户端软件中增加查看大图交互、去除高亮以及无效的点击等功能。去除网页内容中的预设标签包括:通过去掉p标签、span标签、strong标签来去掉内容两边的空格,去掉font标签和br标签的同时保留标签的后代节点。
针对图片处理,还包含进一步判断所述网页内容中的与点击事件绑定的图片是否引入了JSBridge,若是,则为所述图片的点击事件设置客户端查看图片的功能,若否,则为该图片加入JSBridge。
在执行规范化处理的同时,客户端软件还对网页内容执行屏蔽处理,屏蔽不合规的广告,屏蔽处理包括为网页内容添加CSS,并在添加CSS之后对网页中的内容是否存在特殊对象(例如,广告)进行规则识别,例如,使用正则表达式来进行判断特殊对象是否命中规则。若存在特殊对象,则将该特殊对象设置为不可见。
除此之外,屏蔽处理还包括监控所述客户端展示页面是否存在新插入的文件对象模型节点,当存在新插入的文件对象模型节点时,进一步判断所述新插入的文件对象模型节点是否属于子框架特殊对象(例如,广告),若是,则删除所述新插入的文件对象模型节点。
当新插入的文件对象模型节点不属于子框架特殊对象时,进一步判断所述新插入的文件对象模型节点CSS中的Z指数(z-index)是否大于最大固定Z指数(maxFixedZIndex),若是,则删除所述新插入的文件对象模型节点。
当所述新插入的文件对象模型节点CSS中的Z指数小于等于最大固定Z指数时,进一步判断所述新插入的文件对象模型节点CSS中的内联Z指数是否大于最小固定Z指数(minFixedZIndex),若是,则删除所述新插入的文件对象模型节点。
S104,在所述客户端软件的展示界面同时显示所述第三方地址及所述待展示内容。
网页内容经过规范化处理和屏蔽处理之后,形成待展示内容,在所述客户端软件的展示界面同时显示所述第三方地址及所述待展示内容。
参见图2,根据本公开实施例的一种具体实现方式,步骤S101获取第三方地址及所述第三方地址所对应的网页内容,可以包括如下步骤:
S201,基于所述第三方地址创建URL对象以及所述URL对象所引用的远程对象的URL连接对象。
通过建立URL对象,能够将第三方地址的内容加载到URL对象中去,进而为后续读取网页内容做准备。
S202,基于预设的请求方式建立所述URL连接对象到远程对象的实际连接。
一旦URL连接对象创建完成,就可以基于预设的请求方式建立所述URL连接对象到远程对象的实际连接,预设的方式包括设置连接的请求方式、设置连接超时等。
S203,从接收到的连续读取的输入流中,判断连接响应数据是否正常。
当客户端软件从第三方地址对应的服务器接收到连续读取的输入流时,判断输入流中的连接响应数据是否包含连接成功标志,如果是,表示客户端软件与第三方地址服务器连接成功,则进一步基于所述URL连接对象获取所述第三方地址所对应的网页内容。
S204,若是,则基于所述URL连接对象获取所述第三方地址所对应的网页内容。
具体的,步骤S204基于所述URL连接对象获取所述第三方地址所对应的网页内容,可以包括:
S2041,建立字节输入流所有类的超类以及所述超类的输入流对象。
S2042,基于所述输入流对象接收所述第三方地址所对应的网页内容。
S2043,为接收到的第三方地址所对应的网页内容建立文件对象模型。
可以采取多种方式对客户端软件进行JS文件的注入,根据本公开实施例的一种具体实现方式,所述在客户端软件注入与所述网页内容的展示相关的JS文件,包括:基于文件对象的方式为所述JS文件创建元素节点对象,将所述JS文件的地址传递给所述元素节点对象,通过向所述文件对象模型添加最后一个节点的方式将所述元素节点对象添加至所述文件对象模型。
参见图3,根据本公开实施例的一种具体实现方式,生基于所述JS文件分别对所述网页内容执行规范化处理及屏蔽处理,可以包括:
S301,判断所述网页内容中是否存在文章标签。
文件对象模型加载完成之后,通过读取文件对象模型中的内容,可以判断所述网页内容中是否存在文章(Article)标签,如果存在,则表明该网页内容存在可以阅读的内容。则对所述网页内容中的图片进行格式处理,增加网页内容中图片的无障碍阅读属性,并去除网页内容中的预设标签。
S302,若是,则对所述网页内容中的图片进行格式处理,增加网页内容中图片的无障碍阅读属性,并去除网页内容中的预设标签。
增加网页内容中图片的无障碍阅读属性包括在客户端软件中增加查看大图交互、去除高亮以及无效的点击等功能。去除网页内容中的预设标签包括:通过去掉p标签、span标签、strong标签来去掉内容两边的空格,去掉font标签和br标签的同时保留标签的后代节点。
根据本公开实施例的一种具体实现方式,生基于所述JS文件分别对所述网页内容执行规范化处理及屏蔽处理,还可以包括:
S303,判断所述网页内容中的与点击事件绑定的图片是否引入了JSBridge。
S304,若是,则为所述点击事件设置客户端查看图片的能力。
通过为图片添加点击查看的功能,提高了用户的阅读体验。
本公开的方案在采用第三方网页地址的前提下,客户端注入一个JS文件,该文件能够实现屏蔽不合规广告、正文格式规范化、实现与客户端的查看大图交互、去除高亮以及无效的点击等功能。这种JS文件修改网页内容的方式与浏览器不同,浏览器一般是通过扩展程序实现的,很多浏览器则是把扩展内置到浏览器中,但这种方式的局限是APP不需要经过浏览器,浏览器的扩展也就无能为力。另外浏览器修改网页内容解决的比较通用的一些问题,比如屏蔽广告,可以达到一定的效果,但不够深入。利用JS代码对文件对象模型及其内容做删除或者修改,取得的效果是来源不同的第三方网页格式上显得比较一致,使得用户在App内阅读有比较好的使用体验,如果第三方网页加载时间超过三秒,使用转码页,避免了一部分用户的流失,此外屏蔽了对用户而言不友好的广告,用户还能查看图片、放大图片、保存图片。
与上面的方法实施例相对应,参见图4,本公开实施例还公开了一种网页信息处理装置40,包括:
获取模块401,用于获取第三方地址及所述第三方地址所对应的网页内容。
客户端软件用来展示第三方地址(例如,http://www.xxxx.com)所提供的网页内容,客户端软件可以是运行于Android平台、IOS平台、Windows平台或其他操作系统平台的应用软件。在显示网页内容之前,客户端软件能够与第三方内容提供者的服务器建立连接,并基于客户端软件获取到的第三方地址来得到第三方地址所对应的网页内容。
与浏览器加载网页内容不同的是,本公开的方案通过客户端软件来加载第三方地址所提供的网页内容,为了提高加载性能,获取第三方地址及所述第三方地址所对应的网页内容可以通过如下方式来实现:首先基于所述第三方地址创建URL对象以及所述URL对象所引用的远程对象的URL连接对象,通过建立URL对象,能够将第三方地址的内容加载到URL对象中去。一旦URL连接对象创建完成,就可以基于预设的请求方式建立所述URL连接对象到远程对象的实际连接,预设的方式包括设置连接的请求方式、设置连接超时等。当客户端软件从第三方地址对应的服务器接收到连续读取的输入流时,判断输入流中的连接响应数据是否包含连接成功标志,如果是,表示客户端软件与第三方地址服务器连接成功,则进一步基于所述URL连接对象获取所述第三方地址所对应的网页内容。
接收到网页内容之后,需要对网页内容进行分析和处理,故在于第三方地址服务器连接成功之后,便可以建立字节输入流所有类的超类以及所述超类的输入流对象,通过输入流对象接收所述第三方地址所对应的网页内容。为了便于分析接收到的网页内容,为接收到的第三方地址所对应的网页内容建立文件对象模型。
注入模块402,用于在客户端软件注入与所述网页内容的展示相关的JS文件。
JS(JavaScript)文件用来对客户端软件接收到的内容进行处理,可以采用多种方式将JS文件加载到客户端软件中去。例如,可以在与客户端软件通信连接的服务器端直接向客户端软件下发JS文件,JS文件存储在客户端软件中,每次客户端软件加载网页内容的同时一并加载该JS文件。
为了便于在整体上对客户端软件的JS文件进行管理,可以通过定义变量的方式,基于文件对象的方式为所述JS文件创建元素节点对象,例如:
var JS=document.createElement('script')
定义完js变量之后,可以将所述JS文件的地址传递给所述元素节点对象,例如:
js.src='http://xxx.xx.xx.xx:yy/abc.js'
其中,http://xxx.xx.xx.xx:yy表示存放JS文件的地址,yy为该地址的端口号,abc为该JS文件的具体文件名。
最后可以采用document.body.appendChild(js)的方式,向所述文件对象模型添加最后一个节点的方式将所述元素节点对象添加至所述文件对象模型。
执行模块403,用于基于所述JS文件分别对所述网页内容执行规范化处理及屏蔽处理,得到与所述客户端软件的展示界面匹配的待展示内容。
获得网页内容之后,为了使网页内容具有统一的风格以及更加良好的交互性,对网页内容进行规范化处理;为了提高用户的阅读体验,同时屏蔽或删除网页中的广告等内容。
本公开的方案在客户端软件中进行,比传统的浏览器等工具能够更加深入的执行规范化和屏蔽处理操作。
在执行规范化内容的过程中,首先判断网页内容对应的文件对象模式是否加载完成,若没有记载完成,则通过添加监听函数来判断文件对象模式是否加载完成。
文件对象模型加载完成之后,通过读取文件对象模型中的内容,可以判断所述网页内容中是否存在文章(Article)标签,如果存在,则表明该网页内容存在可以阅读的内容。则对所述网页内容中的图片进行格式处理,增加网页内容中图片的无障碍阅读属性,并去除网页内容中的预设标签。
增加网页内容中图片的无障碍阅读属性包括在客户端软件中增加查看大图交互、去除高亮以及无效的点击等功能。去除网页内容中的预设标签包括:通过去掉p标签、span标签、strong标签来去掉内容两边的空格,去掉font标签和br标签的同时保留标签的后代节点。
针对图片处理,还包含进一步判断所述网页内容中的与点击事件绑定的图片是否引入了JSBridge,若是,则为所述图片的点击事件设置客户端查看图片的功能,若否,则为该图片加入JSBridge。
在执行规范化处理的同时,客户端软件还对网页内容执行屏蔽处理,屏蔽不合规的广告,屏蔽处理包括为网页内容添加CSS,并在添加CSS之后对网页中的内容是否存在特殊对象(例如,广告)进行规则识别,例如,使用正则表达式来进行判断特殊对象是否命中规则。若存在特殊对象,则将该特殊对象设置为不可见。
除此之外,屏蔽处理还包括监控所述客户端展示页面是否存在新插入的文件对象模型节点,当存在新插入的文件对象模型节点时,进一步判断所述新插入的文件对象模型节点是否属于子框架特殊对象(例如,广告),若是,则删除所述新插入的文件对象模型节点。
当新插入的文件对象模型节点不属于子框架特殊对象时,进一步判断所述新插入的文件对象模型节点CSS中的Z指数(z-index)是否大于最大固定Z指数(maxFixedZIndex),若是,则删除所述新插入的文件对象模型节点。
当所述新插入的文件对象模型节点CSS中的Z指数小于等于最大固定Z指数时,进一步判断所述新插入的文件对象模型节点CSS中的内联Z指数是否大于最小固定Z指数(minFixedZIndex),若是,则删除所述新插入的文件对象模型节点。
显示模块404,用于在所述客户端软件的展示界面同时显示所述第三方地址及所述待展示内容。
网页内容经过规范化处理和屏蔽处理之后,形成待展示内容,在所述客户端软件的展示界面同时显示所述第三方地址及所述待展示内容。
上述网页信息处理装置中的各个模块所执行的内容与上述方法实施例中相应的步骤中执行的内容相同或相对应,在此不再赘述。
参见图5,本公开实施例还提供了一种电子设备50,该电子设备包括:
至少一个处理器;以及,
与该至少一个处理器通信连接的存储器;其中,
该存储器存储有可被该至少一个处理器执行的指令,该指令被该至少一个处理器执行,以使该至少一个处理器能够执行前述方法实施例中网页信息处理方法。
本公开实施例还提供了一种非暂态计算机可读存储介质,该非暂态计算机可读存储介质存储计算机指令,该计算机指令用于使该计算机执行前述方法实施例中。
本公开实施例还提供了一种计算机程序产品,该计算机程序产品包括存储在非暂态计算机可读存储介质上的计算程序,该计算机程序包括程序指令,当该程序指令被计算机执行时,使该计算机执行前述方法实施例中的网页信息处理方法。
下面参考图5,其示出了适于用来实现本公开实施例的电子设备50的结构示意图。本公开实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图5示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图5所示,电子设备50可以包括处理装置(例如中央处理器、图形处理器等)501,其可以根据存储在只读存储器(ROM)502中的程序或者从存储装置508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。在RAM 503中,还存储有电子设备50操作所需的各种程序和数据。处理装置501、ROM 502以及RAM 503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。
通常,以下装置可以连接至I/O接口505:包括例如触摸屏、触摸板、键盘、鼠标、图像传感器、麦克风、加速度计、陀螺仪等的输入装置506;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置507;包括例如磁带、硬盘等的存储装置508;以及通信装置509。通信装置509可以允许电子设备50与其他设备进行无线或有线通信以交换数据。虽然图中示出了具有各种装置的电子设备50,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置509从网络上被下载和安装,或者从存储装置508被安装,或者从ROM 502被安装。在该计算机程序被处理装置501执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:获取至少两个网际协议地址;向节点评价设备发送包括所述至少两个网际协议地址的节点评价请求,其中,所述节点评价设备从所述至少两个网际协议地址中,选取网际协议地址并返回;接收所述节点评价设备返回的网际协议地址;其中,所获取的网际协议地址指示内容分发网络中的边缘节点。
或者,上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:接收包括至少两个网际协议地址的节点评价请求;从所述至少两个网际协议地址中,选取网际协议地址;返回选取出的网际协议地址;其中,接收到的网际协议地址指示内容分发网络中的边缘节点。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,单元的名称在某种情况下并不构成对该单元本身的限定,例如,第一获取单元还可以被描述为“获取至少两个网际协议地址的单元”。
应当理解,本公开的各部分可以用硬件、软件、固件或它们的组合来实现。
以上所述,仅为本公开的具体实施方式,但本公开的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本公开揭露的技术范围内,可轻易想到的变化或替换,都应涵盖在本公开的保护范围之内。因此,本公开的保护范围应以权利要求的保护范围为准。

Claims (12)

1.一种网页信息处理方法,其特征在于,包括:
获取第三方地址及所述第三方地址所对应的网页内容;
在客户端软件注入与所述网页内容的展示相关的JS文件;
基于所述JS文件分别对所述网页内容执行规范化处理及屏蔽处理,得到与所述客户端软件的展示界面匹配的待展示内容;
在所述客户端软件的展示界面同时显示所述第三方地址及所述待展示内容。
2.根据权利要求1所述的方法,其特征在于,所述获取第三方地址及所述第三方地址所对应的网页内容,包括:
基于所述第三方地址创建URL对象以及所述URL对象所引用的远程对象的URL连接对象;
基于预设的请求方式建立所述URL连接对象到远程对象的实际连接;
从接收到的连续读取的输入流中,判断连接响应数据是否正常;
若是,则基于所述URL连接对象获取所述第三方地址所对应的网页内容。
3.根据权利要求2所述的方法,其特征在于,所述基于所述URL连接对象获取所述第三方地址所对应的网页内容,包括:
建立字节输入流所有类的超类以及所述超类的输入流对象;
基于所述输入流对象接收所述第三方地址所对应的网页内容;
为接收到的第三方地址所对应的网页内容建立文件对象模型。
4.根据权利要求3所述的方法,其特征在于,所述在客户端软件注入与所述网页内容的展示相关的JS文件,包括:
基于文件对象的方式为所述JS文件创建元素节点对象;
将所述JS文件的地址传递给所述元素节点对象;
通过向所述文件对象模型添加最后一个节点的方式将所述元素节点对象添加至所述文件对象模型。
5.根据权利要求1或4所述的方法,其特征在于,所述基于所述JS文件分别对所述网页内容执行规范化处理及屏蔽处理,包括:
判断所述网页内容中是否存在文章标签;
若是,则对所述网页内容中的图片进行格式处理,增加网页内容中图片的无障碍阅读属性,并去除网页内容中的预设标签。
6.根据权利要求5所述的方法,其特征在于,所述基于所述JS文件分别对所述网页内容执行规范化处理及屏蔽处理,还包括:
判断所述网页内容中的与点击事件绑定的图片是否引入了JSBridge;
若是,则为所述点击事件设置客户端查看图片的能力。
7.根据权利要求4所述的方法,其特征在于,所述基于所述JS文件分别对所述网页内容执行规范化处理及屏蔽处理,包括:
监控所述客户端展示页面是否存在新插入的文件对象模型节点;
判断所述新插入的文件对象模型节点是否属于子框架特殊对象;
若是,则删除所述新插入的文件对象模型节点。
8.根据权利要求7所述的方法,其特征在于,所述基于所述JS文件分别对所述网页内容执行规范化处理及屏蔽处理,还包括:
当新插入的文件对象模型节点不属于子框架特殊对象时,进一步判断所述新插入的文件对象模型节点CSS中的Z指数是否大于最大固定Z指数;
若是,则删除所述新插入的文件对象模型节点。
9.根据权利要求8所述的方法,其特征在于,所述基于所述JS文件分别对所述网页内容执行规范化处理及屏蔽处理,还包括:
当所述新插入的文件对象模型节点CSS中的Z指数小于等于最大固定Z指数时,进一步判断所述新插入的文件对象模型节点CSS中的内联Z指数是否大于最小固定Z指数;
若是,则删除所述新插入的文件对象模型节点。
10.一种网页信息处理装置,其特征在于,包括:
获取模块,用于获取第三方地址及所述第三方地址所对应的网页内容;
注入模块,用于在客户端软件注入与所述网页内容的展示相关的JS文件;
执行模块,用于基于所述JS文件分别对所述网页内容执行规范化处理及屏蔽处理,得到与所述客户端软件的展示界面匹配的待展示内容;
显示模块,用于在所述客户端软件的展示界面同时显示所述第三方地址及所述待展示内容。
11.一种电子设备,其特征在于,所述电子设备包括:
至少一个处理器;以及,
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行前述任一权利要求1-9所述的网页信息处理方法。
12.一种非暂态计算机可读存储介质,该非暂态计算机可读存储介质存储计算机指令,该计算机指令用于使该计算机执行前述任一权利要求1-9所述的网页信息处理方法。
CN201811614691.9A 2018-12-27 2018-12-27 网页信息处理方法及装置 Pending CN109684570A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811614691.9A CN109684570A (zh) 2018-12-27 2018-12-27 网页信息处理方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811614691.9A CN109684570A (zh) 2018-12-27 2018-12-27 网页信息处理方法及装置

Publications (1)

Publication Number Publication Date
CN109684570A true CN109684570A (zh) 2019-04-26

Family

ID=66190599

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811614691.9A Pending CN109684570A (zh) 2018-12-27 2018-12-27 网页信息处理方法及装置

Country Status (1)

Country Link
CN (1) CN109684570A (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111177614A (zh) * 2019-11-22 2020-05-19 中国电子产品可靠性与环境试验研究所((工业和信息化部电子第五研究所)(中国赛宝实验室)) 面向网页第三方注入内容的来源追踪方法、装置
CN111209156A (zh) * 2018-11-22 2020-05-29 北京字节跳动网络技术有限公司 一种页面元素的检测方法、装置、设备和可读介质
CN112099875A (zh) * 2020-09-21 2020-12-18 深圳市欢太科技有限公司 网页加载方法、装置及电子设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102662737A (zh) * 2012-03-14 2012-09-12 优视科技有限公司 扩展程序的调用方法及装置
CN102760139A (zh) * 2011-04-29 2012-10-31 国际商业机器公司 用于处理网页的方法和系统
CN104268252A (zh) * 2014-09-30 2015-01-07 北京奇虎科技有限公司 一种网页中视频元素的播放方法和装置
CN108280231A (zh) * 2018-02-26 2018-07-13 深圳市富途网络科技有限公司 一种实现资讯文章详情页图片的手势缩放的方法及系统

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102760139A (zh) * 2011-04-29 2012-10-31 国际商业机器公司 用于处理网页的方法和系统
CN102662737A (zh) * 2012-03-14 2012-09-12 优视科技有限公司 扩展程序的调用方法及装置
CN104268252A (zh) * 2014-09-30 2015-01-07 北京奇虎科技有限公司 一种网页中视频元素的播放方法和装置
CN108280231A (zh) * 2018-02-26 2018-07-13 深圳市富途网络科技有限公司 一种实现资讯文章详情页图片的手势缩放的方法及系统

Non-Patent Citations (3)

* Cited by examiner, † Cited by third party
Title
C语言中文网: "《http://c.biancheng.net/view/1205.html》", 13 November 2018 *
假程序猿: "《https://www.cnblogs.com/straybirds/p/5281603.html》", 18 March 2016 *
脚本之家: "《https://www.jb51.net/article/140554.htm》", 21 May 2018 *

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111209156A (zh) * 2018-11-22 2020-05-29 北京字节跳动网络技术有限公司 一种页面元素的检测方法、装置、设备和可读介质
CN111177614A (zh) * 2019-11-22 2020-05-19 中国电子产品可靠性与环境试验研究所((工业和信息化部电子第五研究所)(中国赛宝实验室)) 面向网页第三方注入内容的来源追踪方法、装置
CN112099875A (zh) * 2020-09-21 2020-12-18 深圳市欢太科技有限公司 网页加载方法、装置及电子设备

Similar Documents

Publication Publication Date Title
CN102915308B (zh) 一种页面渲染的方法及装置
CN109308255A (zh) 一种用于a/b测试实验的方法和装置
CN109684570A (zh) 网页信息处理方法及装置
CN110020329B (zh) 用于生成网页的方法、装置和系统
CN105786455B (zh) 一种数据处理方法、装置及终端
CN102306174A (zh) 一种基于网页元素与用户进行互动的方法与设备
CN110046310A (zh) 分析页面中的跳转链接的方法和装置
CN106569856A (zh) 一种应用视图资源文件的加载方法和装置
CN113536185B (zh) 应用页面的加载方法、存储介质、及其相关设备
CN113377373A (zh) 基于解析引擎的页面加载方法、装置、计算机设备及介质
CN110097397A (zh) 基于反馈的信息推送方法、装置及电子设备
CN113590974B (zh) 推荐页面配置方法、装置、电子设备和计算机可读介质
CN109783101A (zh) 浏览器自动适配的网页布局方法和装置
CN105868244A (zh) 基于链接标识的网页展示方法、移动终端及智能终端
CN110390063A (zh) 一种数据解析方法、装置、介质和电子设备
CN106649299A (zh) 一种网页区块懒加载的方法和装置
CN109800378A (zh) 基于自定义浏览器的内容处理方法、装置及电子设备
CN111723309A (zh) 用于网页搜索的方法和装置
CN109635263A (zh) 基于web超宽表格的列宽固定展示方法、装置及电子设备
CN109857503B (zh) 页面交互效果自适应方法、装置与电子设备
CN109741099A (zh) 设备特征信息的采集方法及装置
CN105701231A (zh) 网络资源搜索系统及方法
CN102831144B (zh) 基于移动终端的书签交互处理方法、装置和系统
CN110020320A (zh) 缓存页面图片的方法和装置
CN113127783B (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