桌面展示网页片段的方法及截取网页片段至桌面展示***
技术领域
本申请涉及网络技术领域,具体涉及一种桌面展示网页片段的方法。本申请同时涉及桌面展示网页片段的装置、获取网页片段特征信息并发送的方法、获取网页片段特征信息并发送的装置、获取并处理网页资源的方法、获取并处理网页资源的装置和截取网页片段至桌面展示的***。
背景技术
随着互联网技术的不断发展,互联网的内容越来越丰富,用户可以浏览的网页也越来越多,为了方便用户管理和浏览网页,出现了如网页收藏夹、网站推荐等一些相关服务,网页收藏夹和网站推荐等相关服务一般是向用户提供一系列的网址列表或者网页名称列表,用户通过点击希望的网址或者网页名称后,根据该网址本身或者该网页名称对应的网址获取响应的网页内容并予以加载和渲染,可以快速浏览到希望的网页。与网址本身或网页名称相比,通过网页片段的形式向用户提供的信息更为直观和丰富,为此,很多网站通过网站页面来推荐产品或者扩大宣传,上述网页收藏夹、网站推荐等服务中提供网页片段功能受到用户的认可也越来越多。
现有技术中,实现上述网页片段方法主要有以下两种:
一是Android***通过部件的形式在桌面展示Web片段,该技术是基于Web Widget技术开发专门针对某个web片段的小部件,该小部件能够承载网页的视图,并且该视图指向网页的地址,最后以超链接的方式在桌面展示;
二是在Mac OS***中通过web clip功能在桌面展示网页片段,该技术首先是通过苹果的Safari浏览器访问网站,其次利用Mac OS***的Web Clip功能截取Safari浏览器当前网页的网页片段,并将该网页片段放置到Dashboard(Mac桌面的一部分)当中,方便用户随时访问所述网页片段当中的内容,并且该网页片段具有自动更新功能。
上述现有技术存在缺陷。
对于Android***通过部件的形式在桌面展示Web片段的技术;首先,该技术只能在Android***的移动终端当中实现,存在一定的局限性;其次,实现该技术需要为每个特定的内容开发独立的小部件,不能由用户自定义展示内容,不利于该技术的推广;此外,该技术无法直观显示网页当中的内容,查看相关内容时需要执行专门动作,实施不便;
对于Mac OS***通过web clip功能在桌面展示网页片段的技术;首先,该技术只能在Mac电脑上实现,不能将网页片段在其它终端展示,存在一定的局限性;其次,该技术限制为只能通过苹果的Safari浏览器截取网页片段,同样存在局限性。
由于上述原因,使现有技术提供的技术存在一定的局限性,不具有通用性,并且实施不便。
发明内容
本申请提供一种桌面展示网页片段的方法,以解决现有技术存在的不具有通用性以及实施不便问题。本申请另外提供桌面展示网页片段的装置、获取网页片段特征信息并发送的方法、获取网页片段特征信息并发送的装置、获取并处理网页资源的方法、获取并处理网页资源的装置和截取网页片段至桌面展示的***。
本申请提供的一种桌面展示网页片段的方法,包括:
接收发送端发送的网页片段对应的网页片段特征信息;
基于所述网页片段特征信息向服务器发送请求并获取该网页片段对应的网页片段数据;
将所述网页片段数据渲染至当前桌面。
可选的,所述网页片段特征信息包括:
该网页片段对应网页的URL、发送端屏幕分辨率、网页片段大小和位置信息;或者包括:
该网页片段对应网页的URL、发送端屏幕分辨率和该网页片段所有顶点的位置信息。
可选的,所述将该网页片段数据生成的网页片段控件在当前桌面显示之后,还包括:
按照设定的周期执行如下数据更新步骤:基于所述网页片段特征信息向服务器发送请求并获取该网页片段对应的网页片段数据,将该网页片段数据生成的网页片段控件在当前桌面显示。
可选的,所述网页片段包括:发送端浏览器当前网页的整体截图或者片段截图。
可选的,所述基于所述网页片段特征信息向服务器发送请求并获取该网页片段对应的网页片段数据包括:
基于所述网页片段特征信息向代理服务器发出请求;
接收所述代理服务器传回的该网页片段特征信息对应的网页片段数据。
可选的,所述基于所述网页片段特征信息向服务器发送请求并获取该网页片段对应的网页片段数据包括:
基于所述URL向Web服务器发出请求;
接收所述Web服务器传回的该URL相关的所有网络资源;
基于所述网页片段特征信息对该网络资源进行解析获得所述网页片段对应的网页片段数据。
可选的,所述网页片段数据包括网页片段HTML代码和网页片段资源。
可选的,所述将所述网页片段数据渲染至当前桌面包括:
基于所述网页片段HTML代码加载网页片段资源;
进行标准的网页片段HTML代码解析和执行后获得网页片段控件;
基于当前桌面的屏幕分辨率对所述网页片段控件进行缩放后在当前桌面显示。
可选的,所述基于所述URL向Web服务器发出请求步骤、接收所述Web服务器传回的该URL相关的所有网络资源步骤和基于所述网页片段特征信息对该网络资源进行解析获得所述网页片段对应的网页片段数据步骤基于浏览器内核WebKit实现。
可选的,所述基于所述网页片段特征信息对该网络资源进行解析获得所述网页片段对应的网页片段数据基于浏览器内核WebKit中DumpRenderTree的功能实现。
可选的,所述基于所述网页片段HTML代码加载网页片段资源步骤、进行标准的网页片段HTML代码解析和执行后获得网页片段控件步骤和基于当前桌面的屏幕分辨率对所述网页片段控件进行缩放后在当前桌面显示步骤基于Web-based OS运行环境实现。
本申请另外提供一种桌面展示网页片段的装置,包括:
数据接收单元,用于接收发送端发送的网页片段对应的网页片段特征信息;
网页片段数据获取单元,用于基于所述网页片段特征信息向服务器发送请求并获取该网页片段对应的网页片段数据;
网页片段显示单元,用于将所述网页片段数据渲染至当前桌面。
可选的,所述桌面展示网页片段的装置包括:
数据更新单元,用于基于所述网页片段特征信息向服务器发送请求并获取该网页片段对应的网页片段数据,将该网页片段数据生成的网页片段控件在当前桌面显示。
可选的,所述网页片段数据获取单元包括:
数据请求子单元,用于基于所述网页片段特征信息向代理服务器发出请求;
数据接收子单元,用于接收所述代理服务器传回的该网页片段特征信息对应的网页片段数据。
可选的,所述网页片段显示单元包括:
网页资源加载子单元,用于基于所述网页片段HTML代码加载网页片段资源;
代码解析和执行子单元,用于进行标准的网页片段HTML代码解析和执行后获得网页片段控件;
缩放显示子单元,用于基于当前桌面的屏幕分辨率对所述网页片段控件进行缩放后在当前桌面显示。
本申请还提供一种获取网页片段特征信息并发送的方法,包括:
截取浏览器当前网页获得网页片段;
提取该网页片段对应的网页片段特征信息;
将该网页片段特征信息发送至接收端。
可选的,所述网页片段特征信息包括:
该网页片段对应网页的URL、发送端屏幕分辨率、网页片段大小和位置信息;或者包括:
该网页片段对应网页的URL、发送端屏幕分辨率和该网页片段所有顶点的位置信息。
可选的,所述URL基于JavaScript中Window对象实现。
可选的,所述发送端屏幕分辨率基于JavaScript中Screen对象实现。
可选的,所述将该网页片段特征信息发送至接收端之前,包括:
建立与接收端之间的通信链路;
所述通信链路为以下形式之一:
有线通信链路;或者,同一局域网内以Wifi或者蓝牙建立的无线通信链路;或者,互联网上建立的远程的点到点通信链路。
本申请还提供一种获取网页片段特征信息并发送的装置,包括:
网页片段截取单元,用于截取浏览器当前网页获得网页片段;
特征信息提取单元,用于提取该网页片段对应的网页片段特征信息;
数据发送单元,用于将该网页片段特征信息发送至接收端。
本申请另外提供一种获取并处理网页资源的方法,包括:
接收携带有网页片段特征信息的获取网页片段数据的请求;
由所述网页片段特征信息中读取URL;
基于该URL向Web服务器发出请求;
接收所述Web服务器传回的该URL相关的所有网络资源;
基于所述网页片段特征信息对该网络资源进行解析,获得所述网页片段对应的网页片段数据。
可选的,所述基于所述网页片段特征信息对该网络资源进行解析获得所述网页片段对应的网页片段数据之后,包括:
将所述网页片段数据发送至接收端。
可选的,基于浏览器内核WebKit实现。
可选的,所述基于所述网页片段特征信息对该网络资源进行解析获得所述网页片段对应的网页片段数据基于浏览器内核WebKit当中DumpRenderTree的功能实现。
本申请另外提供一种获取并处理网页资源的装置,包括:
请求接收单元,用于接收携带有网页片段特征信息的获取网页片段数据的请求;
URL读取单元,用于从所述网页片段特征信息当中读取URL;
数据请求单元,用于基于该URL向Web服务器发出请求;
网页资源接收单元,用于接收所述Web服务器传回的该URL相关的所有网络资源;
网络资源解析单元,用于基于所述网页片段特征信息对该网络资源进行解析获得所述网页片段对应的网页片段数据。
可选的,所述获取并处理网页资源的装置包括:
数据发送单元,用于将所述网页片段数据发送至接收端。
本申请还提供一种截取网页片段至桌面展示的***,包括:
第一终端设备,所述第一终端设备设置有如上所述的获取网页片段特征信息并发送的装置;
第二终端设备,所述第二终端设备设置有如上所述桌面展示网页片段的装置;
服务器,所述服务器设置有如上所述的获取并处理网页资源的装置。
可选的,所述第一终端设备包括:PC。
可选的,所述第二终端设备包括:手机、平板电脑、PC和/或电视。
本申请还提供一种截取网页片段至桌面展示***,包括:
终端设备,所述终端设备设置有如上所述的获取网页片段特征信息并发送的装置,以及设置有如上所述的桌面展示网页片段的装置;
服务器,所述服务器设置有如上所述的获取并处理网页资源的装置。
可选的,所述终端设备包括:PC。
与现有技术相比,本申请具有以下优点:
本申请提供的桌面展示网页片段的方法解决了现有技术存在的不具有通用性以及实施不便的问题。
现有技术提供的技术方案中,用户在截取浏览器当前网页片段的网页片段至桌面展示时,被限定在特定的操作***或者特定的浏览器当中实现,或者,需要为每个特定的内容开发独立的小部件展示到桌面;此外,现有技术提供的技术方案不能将网页片段在其它终端展示;而本申请的技术方案,通过接收发送端发送的网页片段信息,并根据所述的网页片段信息向服务器发送请求,获取该网页片段信息对应的网页片段数据,然后将所述网页片段数据渲染至当前的桌面;本申请的方案。
附图说明
图1是本申请提供的一种桌面展示网页片段的方法处理流程图;
图2是本申请提供的一种桌面展示网页片段的方法网页片段示意图;
图3是本申请提供的一种桌面展示网页片段的装置示意图;
图4是本申请提供的一种获取网页片段特征信息并发送的方法处理流程图;
图5是本申请提供的一种获取网页片段特征信息并发送的装置示意图;
图6是本申请提供的一种获取并处理网页资源的方法处理流程图;
图7是本申请提供的一种获取并处理网页资源的方法装置示意图;
图8是本申请提供的一种截取网页片段至桌面展示的***示意图。
具体实施方式
在下面的描述中阐述了很多具体细节以便于充分理解本申请。但是本申请能够以很多不同于在此描述的其它方式来实施,本领域技术人员可以在不违背本申请内涵的情况下做类似推广,因此本申请不受下面公开的具体实施的限制。
本申请提供一种桌面展示网页片段的方法,本申请另外提供一种桌面展示网页片段的装置、获取网页片段特征信息并发送的方法、获取网页片段特征信息并发送的装置、获取并处理网页资源的方法、获取并处理网页资源的装置和截取网页片段至桌面展示的***。
所述桌面展示网页片段的方法的实施例如下:
参照图1--图2,其示出了本实施例提供的一种桌面展示网页片段的方法。包括:
图1是本实施例提供的一种桌面展示网页片段的方法处理流程图,图2是本实施例提供的一种桌面展示网页片段的方法网页片段示意图。
参照图1,其示出了本实施例提供的一种桌面展示网页片段的方法处理流程图。
本实施例所述的桌面展示网页片段的方法是指在接收端桌面展示网页片段的方法。包括如下步骤:
S101;接收发送端发送的网页片段对应的网页片段特征信息。
对应所述网页片段,截取所述网页片段生成网页片段特征信息并发送该网页片段特征信息的一方为发送端,接收并处理该网页片段特征信息的一方为接收端。
本实施例中,所述发送端设置与PC终端,所述接收端设置与手机终端。除此之外,所述接收端还可设置于平板电脑、PC和/或电视等终端设备。
对于接收端,将所述网页片段对应的网页片段特征信息发送至接收端之前,还包括以下步骤:
1)截取网页片段;
本实施例中,发送端通过所述PC终端安装的浏览器来截取所述网页片段,例如:在Chrome浏览器中,可通过Extension插件截取网页片段,并且在截取网页的过程中还可以获取鼠标拖拽时所框选区域的坐标,如图2所示,图2当中搜索框所对应的灰色区域为所述网页片段。
2)提取该网页片段对应的网页片段特征信息;
所述网页特征信息包括:该网页片段的对应网页的URL、发送端所对应设备的屏幕分辨率和该网页片段的大小和位置信息。
提取该网页片段对应的网页片段特征信息步骤如下:
a、将所述网页片段表示为:【200,300,591,60】;其中,200为所述网页片段左上角的x坐标,300为所述网页片段左上角y坐标,591为所述网页片段的宽度,60为所述网页片段的高度;
b、通过JavaScript中Window对象获取该网页片段对应网页的URL。
Window对象表示一个浏览器窗口或一个框架。Location对象是Window对象的一个部分,Location对象包含有关当前URL的信息。
Location对象存储在Window对象的Location属性中,表示那个窗口中当前显示的文档的Web地址。它的href属性存放的是文档的完整URL,其他属性则分别描述了URL的各个部分。当一个Location对象被转换成字符串,href属性的值被返回。
本实施例中,通过window.location.herf获取所述网页片段所对应的网页的URL,例如:http://search.taobao.com/;
c、通过JavaScript中Screen对象获取发送端对应PC终端的屏幕分辨率。
Screen对象包含有关客户端显示屏幕的信息,并且所有浏览器都支持该对象。Screen对象中存放着有关显示浏览器屏幕的信息,JavaScript程序将利用这些信息来优化它们的输出,以达到用户的显示要求。
Screen对象的height属性返回显示器屏幕的高度,width属性返回显示器屏幕的宽度。通过Screen.width获得当前屏幕宽度(分辨率值),例如:1366;通过Screen.height获得当前屏幕高度(分辨率值),例如:768。
经过上述三个步骤,获得所述网页片段对应的网页片段特征信息为:
URL:http://search.taobao.com/
Dimemsion:【200,300,591,60】
Screen:【1366*768】
发送端完成以上两个步骤之后,即可向接收端发送所述网页片段对应的网页片段特征信息。
以上所述为本实施例中优选的实现方法,除此之外,可以采用其它的方法实现,在此不作限定。
S102;基于所述网页片段特征信息向服务器发送请求并获取该网页片段对应的网页片段数据。
本步骤包括:S102-1基于所述网页片段特征信息向代理服务器发出请求和S102-2接收所述代理服务器传回的该网页片段特征信息对应的网页片段数据。
S102-1;基于所述网页片段特征信息向代理服务器发出请求。
本实施例中,接收端通过内置的浏览器向代理服务器发出获取该网页片段对应的网页片段数据的请求。接收端基于浏览器向代理服务器发出获取该网页片段对应的网页片段数据的请求之前,还需要通过网络建立于代理服务器之间的TCP连接,一旦接收端建立了与所述代理服务器之间的TCP连接,接收端内置的浏览器就会向所述代理服务器发送请求,该请求为获取网页片段数据请求,并且所述获取网页片段数据请求当中包含有所述网页片段特征信息。
S102-2;接收所述代理服务器传回的该网页片段特征信息对应的网页片段数据。
根据上述步骤S102-1,代理服务器接收到所述接收端发送的携带网页片段特征信息的获取网页片段数据请求之后,代理服务器基于内置的浏览器内核WebKit读取所述网页片段特征信息当中的所述网页片段对应网页的URL,并通过所述WebKit当中的WebCore内核向所述Web服务器发送请求;Web服务器接收到所述代理服务器发送的请求之后,读取该请求信息。例如:Web服务器读取代理服务器的请求信息,若请求类型是GET,则从请求信息中获取所访问的HTML文件名,如果HTML文件存在,则打开HTML文件(一个网页对应一个HTML文件),把HTTP头信息和HTML文件内容通过socket传回给代理服务器。Dialing服务器接收到该URL相关的所有网络资源后,通过DumpRenderTree的功能可以在指定分辨率下(例如:[1366,768])得到网页中所有元素的渲染后的外观数值,并以DOM数的结构来组织,并且通过片段描述信息中的区域数据(例如:[200,300,591,60]),确定出与用户所截取的片段相关的DOM元素,从而可以得到渲染此片段所需的最小HTML代码,即:所述网页片段对应的网页片段数据,并将该网页片段数据发送至接收端,所述接收端基于内置的浏览器接收所述代理服务器传回的所述网页片段特征信息对应的网页片段数据。
需要说明的是,所述接收端从所述代理服务器获取的网络数据资源仅为所述网页片段特征信息对应的网页片段数据,减少了接收端下载数据所产生数据流量的消耗,并且还节省了接收端浏览器加载所述网页片段数据时的造成的资源消耗。
除此之外,基于所述网页片段特征信息向服务器发送请求并获取该网页片段对应的网页片段数据还可以采用如下方法实现:
基于所述URL向Web服务器发出请求;
接收所述Web服务器传回的该URL相关的所有网络资源;
基于所述网页片段特征信息对该网络资源进行解析获得所述网页片段对应的网页片段数据。
S103;将所述网页片段数据渲染至当前桌面。
本步骤包括:S103-1基于所述网页片段HTML代码加载网页片段资源、S103-2进行标准的网页片段HTML代码解析和执行后获得网页片段控件和S103-3基于当前桌面的屏幕分辨率对所述网页片段控件进行缩放后在当前桌面显示。
S103-1;基于所述网页片段HTML代码加载网页片段资源。
根据上述步骤S102,所述接收端接收到所述网页片段特征信息对应的网页片段数据之后,接收端内置的浏览器基于所述网页片段数据当中的HTML代码加载相关资源。
S103-2;进行标准的网页片段HTML代码解析和执行后获得网页片段控件。
根据上述步骤S103-1,接收端内置的浏览器基于所述网页片段数据当中的HTML代码加载相关资源完成之后,接收端内置的浏览器进行标准的网页片段HTML代码解析和执行后获得网页片段控件。
本步骤中进行标准的网页片段HTML代码解析和执行过程以及上述步骤S103-1中基于所述网页片段HTML代码加载网页片段资源过程基于普通的浏览器即可实现,并且所述的加载资源过程以及代码解析和执行过程是浏览器内部的执行过程,不属于本申请的重点,在此不赘述。
S103-3;基于当前桌面的屏幕分辨率对所述网页片段控件进行缩放后在当前桌面显示。
执行本步骤的意义在于,如果接收端设置的终端为手机时,此时,如果直接将上述S103-2步骤得到的网页片段控件在当前手机桌面显示,可能会出现所述网页片段控件覆盖手机大部分屏幕甚至网页片段控件超出了手机桌面的显示范围,影响用户体验。本步骤中,根据当前桌面的屏幕分辨率对所述网页片段控件进行适当的缩放,以匹配当前桌面的屏幕分辨率的大小在当前终端桌面展示。
本步骤之后,还包括以下步骤:
基于所述网页片段特征信息向服务器发送请求并获取该网页片段对应的网页片段数据,将该网页片段数据生成的网页片段控件在当前桌面显示。
本步骤的作用在于对当前桌面显示的网页片段当中的数据进行更新。具体的执行步骤参见上述步骤S102至S103即可,本步骤中不赘述;根据上述步骤S103-3,以生成的网页片段控件覆盖当前桌面显示的网页片段控件,实现数据更新的过程。
需要说明的是,本步骤中,所述数据更新的过程中,具体为在执行步骤S102-2时,同样节省了接收端浏览器加载所述网页片段数据时的造成的资源消耗。
所述桌面展示网页片段的装置的实施例如下:
在上述的实施例中,提供了一种桌面展示网页片段的方法,与之相对应的,本申请还提供了一种桌面展示网页片段的装置。
参照图3,其示出了根据本实施例提供的一种桌面展示网页片段的装置示意图。由于装置实施例基本相似于方法实施例,所以描述得比较简单,相关的部分请参见方法实施例的对应说明即可。下述描述的装置实施例仅仅是示意性的。
本申请所述的一种桌面展示网页片段的装置,包括:
数据接收单元301,用于接收发送端发送的网页片段对应的网页片段特征信息;
网页片段数据获取单元302,用于基于所述网页片段特征信息向服务器发送请求并获取该网页片段对应的网页片段数据;
网页片段显示单元303,用于将所述网页片段数据渲染至当前桌面。
可选的,所述桌面展示网页片段的装置包括:
数据更新单元,用于基于所述网页片段特征信息向服务器发送请求并获取该网页片段对应的网页片段数据,将该网页片段数据生成的网页片段控件在当前桌面显示。
可选的,所述网页片段数据获取单元包括:
数据请求子单元,用于基于所述网页片段特征信息向代理服务器发出请求;
数据接收子单元,用于接收所述代理服务器传回的该网页片段特征信息对应的网页片段数据。
可选的,所述网页片段显示单元包括:
网页资源加载子单元,用于基于所述网页片段HTML代码加载网页片段资源;
代码解析和执行子单元,用于进行标准的网页片段HTML代码解析和执行后获得网页片段控件;
缩放显示子单元,用于基于当前桌面的屏幕分辨率对所述网页片段控件进行缩放后在当前桌面显示。
所述获取网页片段特征信息并发送的方法的实施例如下:
参照图4,其示出了本实施例提供的一种获取网页片段特征信息并发送的方法处理流程图。
本实施例所述的获取网页片段特征信息并发送的方法是指在发送端桌面截取网页片段并发送至接收端的方法。包括如下步骤:
S401;截取浏览器当前网页获得网页片段。
对应所述网页片段,截取所述网页片段生成网页片段特征信息并发送该网页片段特征信息的一方为发送端,接收并处理该网页片段特征信息的一方为接收端。
本实施例中,所述发送端设置与PC终端,所述接收端设置与手机终端。除此之外,所述接收端还可设置于平板电脑、PC和/或电视等终端设备。
本实施例中,发送端通过所述PC终端安装的浏览器来截取所述网页片段,例如:在Chrome浏览器中,可通过Extension插件截取网页片段,并且在截取网页的过程中还可以获取鼠标拖拽时所框选区域的坐标,如图2所示,图2当中搜索框所对应的灰色区域为所述网页片段。
此外,还可以采用其它的方法来实现截取浏览器当前网页获得网页片段,在此不做限定。
S402;提取该网页片段对应的网页片段特征信息。
发送端截取到所述网页片段之后,提取所述网页片段对应的网页片段信息,发送端提取的网页特征信息包括:所述网页片段的对应网页的URL、发送端所对应设备的屏幕分辨率和该网页片段的大小和位置信息。
2)提取该网页片段对应的网页片段特征信息;
所述网页特征信息包括:该网页片段的对应网页的URL、发送端所对应设备的屏幕分辨率和该网页片段的大小和位置信息。
提取该网页片段对应的网页片段特征信息步骤如下:
a、将所述网页片段表示为:【200,300,591,60】;其中,200为所述网页片段左上角的x坐标,300为所述网页片段左上角y坐标,591为所述网页片段的宽度,60为所述网页片段的高度;
b、通过JavaScript中Window对象获取该网页片段对应网页的URL。
Window对象表示一个浏览器窗口或一个框架。Location对象是Window对象的一个部分,Location对象包含有关当前URL的信息。
Location对象存储在Window对象的Location属性中,表示那个窗口中当前显示的文档的Web地址。它的href属性存放的是文档的完整URL,其他属性则分别描述了URL的各个部分。当一个Location对象被转换成字符串,href属性的值被返回。
本实施例中,通过window.location.herf获取所述网页片段所对应的网页的URL,例如:http://search.taobao.com/;
c、通过JavaScript中Screen对象获取发送端对应PC终端的屏幕分辨率。
Screen对象包含有关客户端显示屏幕的信息,并且所有浏览器都支持该对象。Screen对象中存放着有关显示浏览器屏幕的信息,JavaScript程序将利用这些信息来优化它们的输出,以达到用户的显示要求。
Screen对象的height属性返回显示器屏幕的高度,width属性返回显示器屏幕的宽度。通过Screen.width获得当前屏幕宽度(分辨率值),例如:1366;通过Screen.height获得当前屏幕高度(分辨率值),例如:768。
经过上述三个步骤,获得所述网页片段对应的网页片段特征信息为:
URL:http://search.taobao.com/
Dimemsion:【200,300,591,60】
Screen:【1366*768】
除本步骤所述的提取所述网页片段对应的网页片段特征信息的方法之外,也可以采用其它的方法来提取所述网页片段对应的网页片段特征信息,在此不作限定。
S403;将该网页片段特征信息发送至接收端。
在本步骤之前,还包括以下步骤:
建立与接收端之间的通信链路。
需要说明的是,本步骤以及上述的建立与接收端之间的通信链路步骤,不属于本申请的重点,因此本实施例中不赘述。
所述获取网页片段特征信息并发送的装置的实施例如下:
在上述的实施例中,提供了一种获取网页片段特征信息并发送的方法,与之相对应的,本申请还提供了一种获取网页片段特征信息并发送的装置。
由于装置实施例基本相似于方法实施例,所以描述得比较简单,相关的部分请参见方法实施例的对应说明即可。下述描述的装置实施例仅仅是示意性的。
参照图5,其示出了本实施例提供的一种获取网页片段特征信息并发送的装置示意图。
本申请所述的一种获取网页片段特征信息并发送的装置,包括:
网页片段截取单元501,用于截取浏览器当前网页获得网页片段;
特征信息提取单元502,用于提取该网页片段对应的网页片段特征信息;
数据发送单元503,用于将该网页片段特征信息发送至接收端。
所述获取并处理网页资源的方法的实施例如下:
参照图6,其示出了本实施例提供的一种获取并处理网页资源的方法处理流程图。
本实施例所述的获取并处理网页资源的方法是指在代理服务器端获取并处理网页资源的方法。包括如下步骤:
S601;接收携带有网页片段特征信息的获取网页片段数据的请求。
代理服务器接收所述接收端发送的获取网页片段数据请求之前,所述接收端通过网络与代理服务器之间建立TCP连接,一旦接收端建立了与代理服务器之间的TCP连接,接收端的浏览器就会向代理服务器发送请求,该请求为获取网页片段数据请求,并且所述获取网页片段数据请求当中包含有所述网页片段特征信息。
S602;由所述网页片段特征信息中读取URL。
根据上述步骤S601,代理服务器接收到所述接收端发送的携带网页片段特征信息的获取网页片段数据请求之后,代理服务器基于内置的浏览器内核WebKit读取所述网页片段特征信息当中的所述网页片段对应网页的URL。
S603;基于该URL向Web服务器发出请求。
所述代理服务器部署了浏览器内核WebKit,通过所述WebKit当中的WebCore内核向所述Web服务器发送请求。
WebCore内核本身并不实现HTTP协议,它通过调用不同平台的HTTP库来实现HTTP协议的功能。HTTP协议遵循的是请求→响应的机制,即:一个URL对应一个请求→响应链;而在网页中,任何资源对应的都是一个URL。如果代理服务器想从Web服务器申请一个资源,则代理服务器基于内置的浏览器内核WebKit向Web服务器发起一个HTTP请求。
S604;接收所述Web服务器传回的该URL相关的所有网络资源。
Web服务器接收到所述代理服务器发送的请求之后,读取该请求信息。
例如:Web服务器读取代理服务器的请求信息;
若请求类型是GET,则从请求信息中获取所访问的HTML文件名;
如果HTML文件存在,则打开HTML文件(一个网页对应一个HTML文件),把HTTP头信息和HTML文件内容通过socket传回给代理服务器。
S605;基于所述网页片段特征信息对该网络资源进行解析,获得所述网页片段对应的网页片段数据。
代理服务器通过内置的浏览器内核WebKit获取到该URL相关的所有网络资源后,通过DumpRenderTree的功能可以在指定分辨率下(例如:[1366,768])得到网页中所有元素的渲染后的外观数值,并以DOM数的结构来组织;
这样一来,可以通过片段描述信息中的区域数据(如上例:[200,300,591,60]),确定出与用户所截取的片段相关的DOM元素,从而可以得到渲染此片段所需的最小HTML代码,即:所述网页片段对应的网页片段数据。
本步骤之后,还包括以下步骤:
将所述网页片段数据发送至接收端。
所述获取并处理网页资源的装置的实施例如下:
在上述的实施例中,提供了一种获取并处理网页资源的方法,与之相对应的,本申请还提供了一种获取并处理网页资源的装置。
由于装置实施例基本相似于方法实施例,所以描述得比较简单,相关的部分请参见方法实施例的对应说明即可。下述描述的装置实施例仅仅是示意性的。
参照图7,其示出了本实施例提供的一种获取并处理网页资源的装置示意图。
本申请所述的一种获取并处理网页资源的装置,包括:
请求接收单元701,用于接收携带有网页片段特征信息的获取网页片段数据的请求;
URL读取单元702,用于从所述网页片段特征信息当中读取URL;
数据请求单元703,用于基于该URL向Web服务器发出请求;
网页资源接收单元704,用于接收所述Web服务器传回的该URL相关的所有网络资源;
网络资源解析单元705,用于基于所述网页片段特征信息对该网络资源进行解析获得所述网页片段对应的网页片段数据。
可选的,所述获取并处理网页资源的装置包括:
数据发送单元,用于将所述网页片段数据发送至接收端。
所述截取网页片段至桌面展示的***的实施例如下:
参照图8,其示出了本实施例提供的一种截取网页片段至桌面展示的***示意图。
上述的实施例中,提供了一种获取网页片段特征信息并发送的装置、桌面展示网页片段的装置和获取并处理网页资源的装置,本申请还提供了一种截取网页片段至桌面展示的***。
所述截取网页片段至桌面展示的***包括:
获取网页片段特征信息并发送的装置、桌面展示网页片段的装置和获取并处理网页资源的装置。
所述获取网页片段特征信息并发送的装置、桌面展示网页片段的装置和获取并处理网页资源的装置请参见上述获取网页片段特征信息并发送的方法、桌面展示网页片段的方法和获取并处理网页资源的方法的实施例即可,本实施例不赘述。下述描述的***实施例仅仅是示意性的。
本申请所述的一种截取网页片段至桌面展示的***,包括:
第一终端设备801,所述第一终端设备设置有如上所述的获取网页片段特征信息并发送的装置;
第二终端设备802,所述第二终端设备设置有如上所述桌面展示网页片段的装置;
服务器803,所述服务器设置有如上所述的获取并处理网页资源的装置。
可选的,所述第一终端设备包括:PC。
可选的,所述第二终端设备包括:手机、平板电脑、PC和/或电视。
本申请虽然以较佳实施例公开如上,但其并不是用来限定本申请,任何本领域技术人员在不脱离本申请的精神和范围内,都可以做出可能的变动和修改,因此本申请的保护范围应当以本申请权利要求所界定的范围为准。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
1、计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括非暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
2、本领域技术人员应明白,本申请的实施例可提供为方法、***或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。