发明内容
鉴于上述,本发明提出了一种网页页面截图处理方法及装置,该方法及装置能够针对未进行页面放大的网页页面,截取页面局部内容并根据接收端的屏幕大小进行自适应缩放处理后传输给接收端,从而在接收端上根据屏幕尺寸进行适应性呈现,由此便于接收端的用户进行阅读,提高用户的阅读体验。
根据本发明的一个方面,提供了一种在云端服务器上执行的网页页面截图处理方法,包括:在从第一终端设备接收到当前浏览网页页面的页面URL地址后,根据所述页面URL地址从网页页面内容服务器获取该当前浏览网页页面的网页数据;根据第一终端设备的屏幕尺寸信息和从第一终端设备接收的当前浏览网页页面的页面属性信息,显示所述网页页面;基于从第一终端设备接收的页面截图范围信息,在所显示的网页页面上确定网页截图范围;基于第二终端设备的屏幕尺寸信息,对所显示的网页页面进行适应性缩放处理;以及对进行适应性缩放处理后的网页页面中的所确定出的网页截图范围内的网页内容进行截图处理,以获得网页截图,以供发送给第二终端设备进行显示。
在上述方面的一个或多个示例中,所述网页页面截图处理方法还可以包括:将所截取的网页截图发送给第二终端设备,以在第二终端设备上显示。
在上述方面的一个或多个示例中,所述第一终端设备和第二终端设备的屏幕尺寸信息分别在第一终端设备和第二终端设备连接云端服务器时从第一终端设备和第二终端设备发送给云端服务器。
在上述方面的一个或多个示例中,所述第一终端设备和第二终端设备的屏幕尺寸信息可以按照下述过程获取的:在第一终端设备和第二终端设备连接云端服务器时,将第一终端设备和第二终端设备的型号信息分别从第一终端设备和第二终端设备发送给云端服务器;以及云端服务器根据第一终端设备和第二终端设备的型号信息,获取对应的屏幕尺寸信息。
在上述方面的一个或多个示例中,所述第一终端设备是触摸屏型移动终端。
在上述方面的一个或多个示例中,从第一终端设备接收的页面截图范围信息是第一终端设备的用户的双指在网页页面上的平行滑动范围。
在上述方面的一个或多个示例中,从第一终端设备接收的页面截图范围信息是在第一终端设备上执行的针对网页页面的圈画操作范围。
在上述方面的一个或多个示例中,在将所截取的网页截图发送给第二终端设备之前,所述方法还可以包括:从第二终端设备接收第二终端设备的唯一标识信息,以及将所截取的网页截图发送给第二终端设备包括:根据所接收的第二终端设备的唯一标识信息,将所截取的网页截图发送给第二终端设备。
在上述方面的一个或多个示例中,所述页面属性信息包括页面文字字体大小信息和页面缩放比例信息。
根据本发明的另一方面,提供了一种云端服务器中的网页页面截图处理装置,包括:网页数据获取单元,用于在从第一终端设备接收到当前浏览网页页面的页面URL地址后,根据所述页面URL地址从网页页面内容服务器获取该当前浏览网页页面的网页数据;网页页面显示单元,用于根据第一终端设备的屏幕尺寸信息和从第一终端设备接收的页面属性信息,显示所述网页页面;网页截图范围信息获取单元,用于基于从第一终端设备接收的页面截图范围信息,在所显示的网页页面上确定网页截图范围;缩放处理单元,用于基于第二终端设备的屏幕尺寸信息,对所显示的网页页面进行适应性缩放处理;以及截图单元,用于对进行适应性缩放处理后的网页页面中的所确定出的网页截图范围内的网页内容进行截图处理,以获得网页截图,以供发送给第二终端设备进行显示。
在上述方面的一个或多个示例中,所述网页页面截图处理装置还可以包括:发送单元,用于将所截取的网页截图发送给第二终端设备,以在第二终端设备上显示。
在上述方面的一个或多个示例中,在所述第一终端设备和第二终端设备中至少之一向云端服务器发送型号信息而非屏幕尺寸信息时,所述网页页面截图处理装置还可以包括:屏幕尺寸获取单元,用于在从第一终端设备和/或第二终端设备接收到第一终端设备和/或第二终端设备的型号信息后,根据第一终端设备和/或第二终端设备的型号信息,获取对应的屏幕尺寸信息。
根据本发明的另一方面,提供了一种网页页面截图处理系统,包括:第一终端设备;第二终端设备;以及云端服务器,在所述云端服务器上设置有如上所述的网页页面截图处理装置,其中,所述第一终端设备包括:页面截图范围信息获取单元,用于在第一终端设备上显示的网页页面上获取页面截图范围信息。
利用上述方法及装置,通过针对未进行页面放大的网页页面,截取页面局部内容并根据接收端的屏幕大小进行自适应缩放处理后传输给接收端,可以在接收端上根据屏幕尺寸进行适应性呈现,由此便于接收端的用户进行阅读,提高用户的阅读体验。
为了实现上述以及相关目的,本发明的一个或多个方面包括后面将详细说明并在权利要求中特别指出的特征。下面的说明以及附图详细说明了本发明的某些示例性方面。然而,这些方面指示的仅仅是可使用本发明的原理的各种方式中的一些方式。此外,本发明旨在包括所有这些方面以及它们的等同物。
具体实施方式
下面描述本公开的各个方面。应该明白的是,本文的教导可以以多种多样形式具体体现,并且在本文中公开的任何具体结构、功能或两者仅仅是代表性的。基于本文的教导,本领域技术人员应该明白的是,本文所公开的一个方面可以独立于任何其它方面实现,并且这些方面中的两个或多个方面可以按照各种方式组合。例如,可以使用本文所阐述的任何数目的方面,实现装置或实践方法。另外,可以使用其它结构、功能、或除了本文所阐述的一个或多个方面之外或不是本文所阐述的一个或多个方面的结构和功能,实现这种装置或实践这种方法。此外,本文所描述的任何方面可以包括权利要求的至少一个元素。
下面将参照附图描述本发明的各个实施例。
图1示出了根据本发明的实施例的网页页面截图处理方法的流程图。这里要说明的是,本发明针对的应用场景是第一终端设备A的用户将第一终端设备A上浏览的网页页面内容通过页面截图的方式传输给第二终端设备B,以供第二终端设备B的用户分享(即,浏览)。
如图1所示,在第一终端设备A和第二终端设备B与云端服务器连接时,第一终端设备A将第一终端设备A的屏幕尺寸上传给云端服务器(步骤S110),以及第二终端设备B将第二终端设备B的屏幕尺寸和唯一标识信息上传给云端服务器(步骤S115)。所述第二终端设备B的唯一标识信息可以包括第二终端设备的设备唯一标识信息、第二终端设备的用户的唯一标识信息(比如手机号、设备号、微信号、微博号、和QQ号)等。
此外,在步骤S110中,第一终端设备A还将第一终端设备A的用户正在浏览的当前浏览网页页面的页面URL(统一资源定位符,Uniform Resource Locator)地址以及页面属性信息上传给云端服务器,所述页面属性信息例如可以包括页面文字字体大小信息和页面缩放比例信息。所述字体大小信息比如是四号字、小四字、五号字之类的信息,所述页面缩放比例信息比如是从当前浏览器中获取的当前页面的缩放参数。
在从第一终端设备A接收到当前浏览网页页面的页面URL地址后,在步骤S120,云端服务器根据所述页面URL地址,从网页页面内容服务器获取该当前浏览网页页面的网页数据。
然后,在步骤S125,根据第一终端设备的屏幕尺寸信息和从第一终端设备接收的当前浏览网页页面的页面属性信息,在云端服务器上显示所述网页页面。按照这种方式,在云端服务器上依照与第一终端设备上相同的显示方式显示网页页面。
接着,在步骤S130,在第一终端设备A上,获取用户在网页页面上进行的截图操作的页面截图范围信息。例如,在本发明的一个示例中,所述第一终端设备A是触摸屏型终端设备,所述页面截图范围信息可以是第一终端设备的用户的双指在网页页面上的平行滑动范围(矩阵范围信息),如图2A所示。在这种情况下,所述页面截图范围信息的获取是通过检测第一终端设备A的用户的双指平行滑动范围来获取的,其可以利用坐标形式(比如像素坐标)表示,比如采用矩形的四个角的坐标表示。在本发明的另一示例中,所述页面截图范围信息可以是在第一终端设备上执行的针对网页页面的圈画操作范围。例如,所述页面截图范围信息可以是利用触笔或鼠标在网页页面上进行圈画操作得到的圈画范围,如图2B所示,其可以利用该圈画操作的轮廓边界的坐标(比如,像素坐标)来表示。
在如上在第一终端设备A上获取页面截图范围信息后,在步骤S135,将所获取的页面截图范围信息发送给云端服务器,例如,将用于标识页面截图范围信息的坐标发送给云端服务器。
然后,在步骤S140,云端服务器基于从第一终端设备接收的页面截图范围信息,在所显示的网页页面上确定网页截图范围,例如,根据所接收的坐标信息,确定网页截图范围。接着,在步骤S145,基于第二终端设备的屏幕尺寸信息,对所显示的网页页面进行适应性缩放处理,使得截图范围的内容能够以适应B的屏幕尺寸的方式展现。例如,根据第二终端设备的屏幕尺寸对所显示的页面进行缩放,使得截图范围内的内容刚好能够适应在第二终端屏幕上完整且最大化显示。接着,在步骤S150,在进行适应性缩放处理后的网页页面中,对所确定出的网页截图范围内的网页内容进行截图处理,获得网页截图,以供发送给第二终端设备进行显示,比如立即或稍后发送给第二终端设备。
在本发明的另一示例中,所述方法还可以包括根据第二终端设备的唯一标识信息,将所截取的网页截图发送给第二终端设备,以在第二终端设备上显示(步骤S160)。在这种情况下,在从云端服务器接收到所截取的网页截图后,在第二终端设备上显示所接收到的网页截图(步骤S165)。
此外,在本发明的另一示例中,在步骤S150后,还可以包括将所截取的网页截图保存在云端服务器的存储单元中(步骤S155),然后在需要时发送给第二终端设备。
在上面的实施例中,所述第一终端设备和第二终端设备的屏幕尺寸信息是分别在第一终端设备和第二终端设备连接云端服务器时从第一终端设备和第二终端设备发送给云端服务器的。
在本发明的其它实施例中,所述第一终端设备和第二终端设备的屏幕尺寸信息是按照下述过程获取的:首先,在第一终端设备和第二终端设备连接云端服务器时,将第一终端设备和第二终端设备的型号信息分别从第一终端设备和第二终端设备发送给云端服务器。然后,云端服务器根据第一终端设备和第二终端设备的型号信息,获取对应的屏幕尺寸信息。这里,在云端服务器本地存储有屏幕大小与型号的对应关系表的情况下,可以通过查询该对应关系表来获取对应的屏幕大小。在云端服务器本地没有存储对应关系表或者该对应关系表中不存在对应的屏幕尺寸的情况下,云端服务器可以通过将该型号发送到网络上,经由网络查询来获取对应的屏幕大小。
在本发明的实施例中,所述第一终端设备或第二终端设备可以是触摸屏型终端设备或非触摸屏型终端设备。此外,所述第一终端设备或第二终端设备可以是PC机、IPAD、移动终端等。所述移动终端可以包括智能型移动终端和非智能型移动终端。
在上面的实施例中,所述第二终端设备的唯一标识信息是在第二终端设备与云端服务器连接时发送的。在本发明的其它示例中,所述唯一标识信息也可以在将所截取的网页截图发送给第二终端设备之前的任意时间发送。
同样,在第一终端设备A上获取并向云端服务器发送要在网页页面上进行的截图操作的页面截图范围信息也可以在步骤S140之前的任何时候发生。
图3A-3D示出了网页页面截图处理的示例过程的示意图。图3A示出了第一终端设备A的用户所浏览的当前网页的示图。图3B示出了该用户的双指滑动(矩阵)范围的示图。图3C示出了在云端服务器上经过适应性缩放处理后的网页内容的示图。图3D示出了在第二终端设备B上显示的截图内容的示图。
从上面可以看出,利用本发明的上述方法,可以通过针对未进行页面放大的网页页面,截取页面局部内容并根据接收端的屏幕大小进行自适应缩放处理后传输给接收端,从而在接收端上根据屏幕尺寸进行适应性呈现,由此便于接收端的用户进行阅读,提高用户的阅读体验。
下面采用两个示例来对根据本发明的网页页面截图处理方法进行说明。
实例一示出了用户A(手机)与用户B(PAD)分享页面局部内容。在该实例中,用户A打开H5页面——网易(原生态),想截取一个科技“版块”信息分享给用户B。用户A双指平行滑动科技“版块”信息,点击发送。此时用户B接收到科技版本图片内容与屏幕大小适应(与用户A所打开的页面大小无关)。
实例二示出了用户A(PC)与用户B(手机)分享页面局部内容。在该实例中,用户A在PC查看网易页面,想截取一个科技“版块”信息分享给用户B。用户A双指平行滑动(使用鼠标矩阵框选)科技“版块”信息,点击发送。此时用户B接收到科技版本图片内容与屏幕大小适应(与用户A所打开的页面大小无关)。
如上参照图1、图2A-2B和图3A-图3D描述了根据本发明的网页页面截图处理方法。本发明的上述网页页面截图处理方法,可以采用软件实现,也可以采用硬件实现,或采用软件和硬件组合的方式实现。
图4示出了根据本发明的实施例的网页页面截图处理装置400的方框示意图。如图4所示,网页页面截图处理装置400包括网页数据获取单元410、网页页面显示单元420、网页截图范围确定单元430、缩放处理单元440和截图单元450。
在从第一终端设备接收到当前浏览网页页面的页面URL地址后,网页数据获取单元410根据所述页面URL地址从网页页面内容服务器获取该当前浏览网页页面的网页数据。然后,网页页面显示单元420根据第一终端设备的屏幕尺寸信息和从第一终端设备接收的页面属性信息,显示所述网页页面。
当在云端服务器上显示所述网页页面后,网页截图范围确定单元430基于从第一终端设备接收的页面截图范围信息,在所显示的网页页面上确定网页截图范围。然后,缩放处理单元440基于第二终端设备的屏幕尺寸信息,对所显示的网页页面进行适应性缩放处理。在完成适应性缩放处理后,截图单元450对进行适应性缩放处理后的网页截图范围内的网页内容进行截图处理,获得网页截图,以供发送给第二终端设备进行显示。
在本发明的另一示例中,网页页面截图处理装置400还可以包括发送单元460,用于将所截取的网页截图发送给第二终端设备,以在第二终端设备上显示。
在本发明的另一示例中,网页页面截图处理装置400还可以包括保存单元(未示出),用于保存截图单元450所截取的网页截图。然后,在第二终端设备需要时,通过发送单元460发送给第二终端设备来进行显示。
此外,在第一终端设备和第二终端设备中至少之一向云端服务器发送型号信息而不是屏幕尺寸信息的情况下,网页页面截图处理装置还包括屏幕尺寸获取单元(未示出),用于在从第一终端设备和/或第二终端设备接收到第一终端设备和/或第二终端设备的型号信息后,根据第一终端设备和/或第二终端设备的型号信息,获取对应的屏幕尺寸信息。
图5示出了具有图4中的网页页面截图处理装置400的云端服务器的方框示意图。如图5所示,所述服务器30包括如图4所示的网页页面截图处理装置400。这里要说明的是,图5中包含的网页页面截图处理装置还可以包括图4中所示的网页页面截图处理装置400的各种变型。
图6示出了网页页面截图处理系统1的方框示意图。如图6所示,网页页面截图处理1包括第一终端设备10、第二终端设备20以及云端服务器30。其中,第一终端设备10是用于进行网页页面截图并发送到对端设备进行显示的终端设备。除了终端设备的常用功能之外,所述第一终端设备10还包括页面截图信息获取单元110,用于在第一终端设备上显示的网页页面上获取页面截图范围信息。第二终端设备20是用于从云端服务器接收网页截图的终端设备。所述云端服务器30包括如上所述的网页页面截图处理装置400。
此外,典型地,本发明所述的终端设备可为各种具有蓝牙功能的手持终端设备,例如具有蓝牙功能的手机、个人数字助理(PDA)。
此外,根据本发明的方法还可以被实现为由终端设备中的处理器(比如CPU)执行的计算机程序,并且存储在终端设备的存储器中。在该计算机程序被处理器执行时,执行本发明的方法中限定的上述功能。
此外,根据本发明的方法还可以实现为一种计算机程序产品,该计算机程序产品包括计算机可读介质,在该计算机可读介质上存储有用于执行本发明的方法中限定的上述功能的计算机程序。
此外,上述方法步骤以及系统单元也可以利用控制器以及用于存储使得控制器实现上述步骤或单元功能的计算机程序的计算机可读存储设备实现。
本领域技术人员还将明白的是,结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。为了清楚地说明硬件和软件的这种可互换性,已经就各种示意性组件、方块、模块、电路和步骤的功能对其进行了一般性的描述。这种功能是被实现为软件还是被实现为硬件取决于具体应用以及施加给整个系统的设计约束。本领域技术人员可以针对每种具体应用以各种方式来实现所述的功能,但是这种实现决定不应被解释为导致脱离本发明的范围。
尽管前面公开的内容示出了本发明的示例性实施例,但是应当注意,在不背离权利要求限定的本发明的范围的前提下,可以进行多种改变和修改。根据这里描述的发明实施例的方法权利要求的功能、步骤和/或动作不需以任何特定顺序执行。此外,尽管本发明的元素可以以个体形式描述或要求,但是也可以设想多个,除非明确限制为单数。
虽然如上参照图描述了根据本发明的各个实施例进行了描述,但是本领域技术人员应当理解,对上述本发明所提出的各个实施例,还可以在不脱离本发明内容的基础上做出各种改进。因此,本发明的保护范围应当由所附的权利要求书的内容确定。