一种用于生成网页截图的方法与设备技术

本申请的目的是提供一种用于生成网页截图的方法和设备。用户设备向服务器请求当前网页，并呈现所述当前网页；响应于检测到用户对所述当前网页的截图触发操作，获取所述当前网页对应的页面元素；基于所述页面元素，渲染并生成所述当前网页对应的网页截图。本申请可以提高用户的操作效率和使用体验。

【技术实现步骤摘要】
一种用于生成网页截图的方法与设备
本申请涉及通信领域，尤其涉及一种用于生成网页截图的技术。
技术介绍
截图(Screenshot)是由计算机截取的、能显示在屏幕或其他显示设备上的可视图像，通常由操作系统或专用截图软件截取当前显示于计算机(或者移动设备)屏幕上所显示的内容而得到，用于展示当前状态下的程序界面图标、运行场景等。而在某些情况下，用户需要截取的内容较多，超出了当前屏幕的显示范围(例如在浏览网页时截图)，那么通常可以配合对屏幕上所显示页面的滚动操作而多次截图，例如参考图1a，用户通过用户设备10分三次截取获得截图a、截图b和截图c。而在用户需要在同一张屏幕截图中容纳更多内容的情况下，通常是将多次截图的内容进行“拼接”而得到一张较长的截图，例如参考图1b，用户将三张截图a、截图b和截图c拼合成一张截图d，从而在一张截图d中包含截图a、截图b和截图c中的信息，以便用户保存信息或将信息分享至联系人。其中，类似截图d的包含超过用户设备屏幕一页所能显示内容的截图，有时也被称为“长截图”。
技术实现思路
本申请的一个目的是提供一种用于生成网页截图的方法。根据本申请的一个方面，本申请提供了一种用于生成网页截图的方法，该方法包括以下步骤：向服务器请求当前网页，并呈现所述当前网页；响应于检测到用户对所述当前网页的截图触发操作，获取所述当前网页对应的页面元素；以及，基于所述页面元素，渲染并生成所述网页对应的网页截图。相应地，本申请提供了一种用于生成网页截图的设备，该设备包括：第一模块，用于向服务器请求当前网页，并呈现所述当前网页；第二模块，用于响应于检测到用户对所述当前网页的截图触发操作，获取所述当前网页对应的页面元素；以及，第三模块，用于基于所述页面元素，渲染并生成所述网页对应的网页截图。根据本申请的另一方面，本申请提供了一种用于生成网页截图的设备，其中，该设备包括：处理器；以及被安排成存储计算机可执行指令的存储器，所述可执行指令在被执行时使所述处理器执行上述方法的操作。根据本申请的另一方面，本申请提供了一种存储指令的计算机可读介质，所述指令在被计算机执行时使所述计算机执行上述方法的操作。与现有技术相比，一方面，基于本申请，用户设备生成网页截图完全不依赖于用户设备的屏幕上实际显示的内容；用户设备基于当前网页的页面元素进行渲染并生成相应的网页截图。用户无需将多页截图拼接在一起，即可获得“长截图”，一张截图操作中即可包含超过设备显示界面中一页所能显示的内容。另一方面，由于无需用户对浏览器页面进行滚动即可实现对当前的整个网页进行截图，因此用户的截图操作不会影响其正常继续浏览当前网页。基于这两方面，本申请所提供的用于生成网页截图的方法和设备可以提高用户的操作效率和使用体验。附图说明通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本申请的其它特征、目的和优点将会变得更明显：图1a、图1b分别是现有技术中进行屏幕截图的场景示意图；图2是本申请一实施例中用于生成网页截图的方法流程图；图3示出本申请一实施例中用户设备的功能模块；图4示出一种可用于本申请各实施例的示例性系统的功能模块。附图中相同或相似的附图标记代表相同或相似的部件。具体实施方式下面结合附图对本申请作进一步详细描述。在本申请一个典型的配置中，终端、服务网络的设备和可信方均包括一个或多个处理器(例如，中央处理器(CentralProcessingUnit,CPU))、输入/输出接口、网络接口和内存。内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RandomAccessMemory,RAM)和/或非易失性内存等形式，如只读存储器(ReadOnlyMemory,ROM)或闪存(FlashMemory)。内存是计算机可读介质的示例。计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(Phase-ChangeMemory,PCM)、可编程随机存取存储器(ProgrammableRandomAccessMemory,PRAM)、静态随机存取存储器(StaticRandom-AccessMemory,SRAM)、动态随机存取存储器(DynamicRandomAccessMemory,DRAM)、其他类型的随机存取存储器(RandomAccessMemory,RAM)、只读存储器(Read-OnlyMemory,ROM)、电可擦除可编程只读存储器(Electrically-ErasableProgrammableRead-OnlyMemory,EEPROM)、快闪记忆体(FlashMemory)或其他内存技术、只读光盘只读存储器(CompactDiscRead-OnlyMemory,CD-ROM)、数字多功能光盘(DigitalVersatileDisc,DVD)或其他光学存储、磁盒式磁带，磁带磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。本申请所指设备包括但不限于用户设备、网络设备、或用户设备与网络设备通过网络相集成所构成的设备。所述用户设备包括但不限于任何一种可与用户进行人机交互(例如通过触摸板进行人机交互)的电子产品，例如智能手机、平板电脑、个人电脑等，所述移动电子产品可以采用任意操作系统，如Android操作系统、iOS操作系统等。其中，所述网络设备包括一种能够按照事先设定或存储的指令，自动进行数值计算和信息处理的电子设备，其硬件包括但不限于微处理器、专用集成电路(ApplicationSpecificIntegratedCircuit,ASIC)、可编程逻辑器件(ProgrammableLogicDevice,PLD)、现场可编程门阵列(FieldProgrammableGateArray,FPGA)、数字信号处理器(DigitalSignalProcessor,DSP)、嵌入式设备等。所述网络设备包括但不限于计算机、网络主机、单个网络服务器、多个网络服务器集或多个服务器构成的云；在此，云由基于云计算(CloudComputing)的大量计算机或网络服务器构成，其中，云计算是分布式计算的一种，由一群松散耦合的计算机集组成的一个虚拟超级计算机。所述网络包括但不限于互联网、广域网、城域网、局域网、VPN网络、无线自组织网络(AdHocNetwork)等。优选地，所述设备还可以是运行于所述用户设备、网络设备、或用户设备与网络设备、网络设备、触摸终端或网络设备与触摸终端通过网络相集成所构成的设备上的程序。当然，本领域技术人员应能理解上述设备仅为举例，其他现有的或今后可能出现的设备如可适用于本申请，也应包含在本申请保护范围以内，并在此以引用方式包含于此。在本申请的描述中本文档来自技高网...

【技术保护点】
1.一种用于生成网页截图的方法，其中，所述方法包括：/n向服务器请求当前网页，并呈现所述当前网页；/n响应于检测到用户对所述当前网页的截图触发操作，获取所述当前网页对应的页面元素；/n基于所述页面元素，渲染并生成所述当前网页对应的网页截图。/n

【技术特征摘要】
1.一种用于生成网页截图的方法，其中，所述方法包括：
向服务器请求当前网页，并呈现所述当前网页；
响应于检测到用户对所述当前网页的截图触发操作，获取所述当前网页对应的页面元素；
基于所述页面元素，渲染并生成所述当前网页对应的网页截图。


2.根据权利要求1所述的方法，其中，所述基于所述页面元素，渲染并生成所述当前网页对应的网页截图，包括：
基于所述页面元素，渲染并在目标位置生成所述网页对应的网页截图。


3.根据权利要求1所述的方法，其中，所述向服务器请求当前网页，并呈现所述当前网页，包括：
向服务器请求当前网页，并接收所述服务器返回的、所述当前网页对应的页面元素；
基于所述页面元素呈现所述当前网页。


4.根据权利要求1所述的方法，其中，所述基于所述页面元素，渲染并生成所述当前网页对应的网页截图，包括：
基于所述页面元素渲染所述当前网页对应的中间图像；
基于所述中间图像以及目标图像格式生成所述中间图像对应的网页截图。


5.根据权利要求4所述的方法，其中，在所述基于所述中间图像以及目标图像格式生成所述中间图像对应的网页截图之前，所述方法还包括：
提供所述中间图像以预览。


6.根据权利要求5所述的方法，其中，所述提供所述中间图像以预览，包括：
提供所述中间图像以预览，并提供第一问询信息；
所述基于所述中间图像以及目标图像格式生成所述中间图像对应的网页截图，包括：
响应于检测到用户对所述第一问询信息的确认操作，基于所述中间图像以及目标图像格式，在目标位置生成所述中间图像对应的网页截图。


7.根据权利要求5所述的方法，其中，所述方法还包括：
基于用户输入的预览样式设置信息，更新所述中间图像的预览样式。


8.根据权利要求5所述的方法，其中，所述提供所述中间图像以预览，包括：
提供所述中间图像以预览，并提供第二问询信息；
响应于检测到用户对所述第二问询信息的确认操作，提供第一操作接口；
通过所述第一操作接口获取用...

【专利技术属性】
技术研发人员：李勇生，高志超，
申请(专利权)人：上海掌门科技有限公司，
类型：发明
国别省市：上海;31