CN111382386A - 一种用于生成网页截图的方法与设备 - Google Patents
一种用于生成网页截图的方法与设备 Download PDFInfo
- Publication number
- CN111382386A CN111382386A CN202010140324.0A CN202010140324A CN111382386A CN 111382386 A CN111382386 A CN 111382386A CN 202010140324 A CN202010140324 A CN 202010140324A CN 111382386 A CN111382386 A CN 111382386A
- Authority
- CN
- China
- Prior art keywords
- intermediate image
- user
- screenshot
- webpage
- image
- 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
Images
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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请的目的是提供一种用于生成网页截图的方法和设备。用户设备向服务器请求当前网页,并呈现所述当前网页;响应于检测到用户对所述当前网页的截图触发操作,获取所述当前网页对应的页面元素;基于所述页面元素,渲染并生成所述当前网页对应的网页截图。本申请可以提高用户的操作效率和使用体验。
Description
技术领域
本申请涉及通信领域,尤其涉及一种用于生成网页截图的技术。
背景技术
截图(Screenshot)是由计算机截取的、能显示在屏幕或其他显示设备上的可视图像,通常由操作系统或专用截图软件截取当前显示于计算机(或者移动设备)屏幕上所显示的内容而得到,用于展示当前状态下的程序界面图标、运行场景等。而在某些情况下,用户需要截取的内容较多,超出了当前屏幕的显示范围(例如在浏览网页时截图),那么通常可以配合对屏幕上所显示页面的滚动操作而多次截图,例如参考图1a,用户通过用户设备10分三次截取获得截图a、截图b和截图c。而在用户需要在同一张屏幕截图中容纳更多内容的情况下,通常是将多次截图的内容进行“拼接”而得到一张较长的截图,例如参考图1b,用户将三张截图a、截图b和截图c拼合成一张截图d,从而在一张截图d中包含截图a、截图b和截图c中的信息,以便用户保存信息或将信息分享至联系人。其中,类似截图d的包含超过用户设备屏幕一页所能显示内容的截图,有时也被称为“长截图”。
发明内容
本申请的一个目的是提供一种用于生成网页截图的方法。
根据本申请的一个方面,本申请提供了一种用于生成网页截图的方法,该方法包括以下步骤:
向服务器请求当前网页,并呈现所述当前网页;
响应于检测到用户对所述当前网页的截图触发操作,获取所述当前网页对应的页面元素;以及,
基于所述页面元素,渲染并生成所述网页对应的网页截图。
相应地,本申请提供了一种用于生成网页截图的设备,该设备包括:
第一模块,用于向服务器请求当前网页,并呈现所述当前网页;
第二模块,用于响应于检测到用户对所述当前网页的截图触发操作,获取所述当前网页对应的页面元素;以及,
第三模块,用于基于所述页面元素,渲染并生成所述网页对应的网页截图。
根据本申请的另一方面,本申请提供了一种用于生成网页截图的设备,其中,该设备包括:
处理器;以及
被安排成存储计算机可执行指令的存储器,所述可执行指令在被执行时使所述处理器执行上述方法的操作。
根据本申请的另一方面,本申请提供了一种存储指令的计算机可读介质,所述指令在被计算机执行时使所述计算机执行上述方法的操作。
与现有技术相比,一方面,基于本申请,用户设备生成网页截图完全不依赖于用户设备的屏幕上实际显示的内容;用户设备基于当前网页的页面元素进行渲染并生成相应的网页截图。用户无需将多页截图拼接在一起,即可获得“长截图”,一张截图操作中即可包含超过设备显示界面中一页所能显示的内容。另一方面,由于无需用户对浏览器页面进行滚动即可实现对当前的整个网页进行截图,因此用户的截图操作不会影响其正常继续浏览当前网页。基于这两方面,本申请所提供的用于生成网页截图的方法和设备可以提高用户的操作效率和使用体验。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本申请的其它特征、目的和优点将会变得更明显:
图1a、图1b分别是现有技术中进行屏幕截图的场景示意图;
图2是本申请一实施例中用于生成网页截图的方法流程图;
图3示出本申请一实施例中用户设备的功能模块;
图4示出一种可用于本申请各实施例的示例性系统的功能模块。
附图中相同或相似的附图标记代表相同或相似的部件。
具体实施方式
下面结合附图对本申请作进一步详细描述。
在本申请一个典型的配置中,终端、服务网络的设备和可信方均包括一个或多个处理器(例如,中央处理器(Central Processing Unit,CPU))、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RandomAccess Memory,RAM)和/或非易失性内存等形式,如只读存储器(Read Only Memory,ROM)或闪存(Flash Memory)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(Phase-Change Memory,PCM)、可编程随机存取存储器(Programmable Random Access Memory,PRAM)、静态随机存取存储器(Static Random-Access Memory,SRAM)、动态随机存取存储器(Dynamic Random AccessMemory,DRAM)、其他类型的随机存取存储器(Random Access Memory,RAM)、只读存储器(Read-Only Memory,ROM)、电可擦除可编程只读存储器(Electrically-ErasableProgrammable Read-Only Memory,EEPROM)、快闪记忆体(Flash Memory)或其他内存技术、只读光盘只读存储器(Compact Disc Read-Only Memory,CD-ROM)、数字多功能光盘(Digital Versatile Disc,DVD)或其他光学存储、磁盒式磁带,磁带磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。
本申请所指设备包括但不限于用户设备、网络设备、或用户设备与网络设备通过网络相集成所构成的设备。所述用户设备包括但不限于任何一种可与用户进行人机交互(例如通过触摸板进行人机交互)的电子产品,例如智能手机、平板电脑、个人电脑等,所述移动电子产品可以采用任意操作系统,如Android操作系统、iOS操作系统等。其中,所述网络设备包括一种能够按照事先设定或存储的指令,自动进行数值计算和信息处理的电子设备,其硬件包括但不限于微处理器、专用集成电路(Application Specific IntegratedCircuit,ASIC)、可编程逻辑器件(Programmable Logic Device,PLD)、现场可编程门阵列(Field Programmable Gate Array,FPGA)、数字信号处理器(Digital Signal Processor,DSP)、嵌入式设备等。所述网络设备包括但不限于计算机、网络主机、单个网络服务器、多个网络服务器集或多个服务器构成的云;在此,云由基于云计算(Cloud Computing)的大量计算机或网络服务器构成,其中,云计算是分布式计算的一种,由一群松散耦合的计算机集组成的一个虚拟超级计算机。所述网络包括但不限于互联网、广域网、城域网、局域网、VPN网络、无线自组织网络(Ad Hoc Network)等。优选地,所述设备还可以是运行于所述用户设备、网络设备、或用户设备与网络设备、网络设备、触摸终端或网络设备与触摸终端通过网络相集成所构成的设备上的程序。
当然,本领域技术人员应能理解上述设备仅为举例,其他现有的或今后可能出现的设备如可适用于本申请,也应包含在本申请保护范围以内,并在此以引用方式包含于此。
在本申请的描述中,“多个”的含义是两个或者更多,除非另有明确具体的限定。
本申请的一些具体实施方式基于用户设备(如上所述,用户设备可以是,但不限于,智能手机、平板电脑、个人电脑)而实现。在一些实施例中,本申请用于生成网页截图的方法在用户通过浏览器浏览网页时实施,例如通过前述浏览器的浏览器插件实现,或者第三方应用使用jsSDK项目本地引入使用。
以下基于一用户设备详细描述本申请的一些具体实施方式。
参考图2,本申请提供了一种用于生成网页截图的方法,该方法包括步骤S100、步骤S200和步骤S300。
其中,在步骤S100中,用户设备向服务器请求当前网页,并呈现所述当前网页。例如,在一个典型实施例中,用户设备解析用户访问的网络地址、获得对应的域名,并将域名转换为相应的IP地址;基于解析出的端口号,用户设备建立其与相应服务器的连接(例如TCP连接);随后浏览器向服务器发送HTTP或HTTPS请求,并接收服务器基于该请求而返回的URL数据;在下载数据(页面元素)后用户设备加载HTML源文件,进行解析渲染,实现对页面的排版,在浏览器中显示基础的页面;如果遇到请求外部资源(其他页面元素,例如图片、外链的CSS、iconfont等),可以进行异步请求并显示。在所有的页面元素均已被请求至本地后,完成页面的全部显示。
在步骤S200中,用户设备响应于检测到用户对所述当前网页的截图触发操作,获取所述当前网页对应的页面元素,用于生成当前网页的网页截图。例如,用户设备获取已经由服务器发送至用户设备本地的页面元素,可选地当前网页的所有页面元素均已被下载至用户设备本地;或者,用户设备还从服务器加载新的页面元素。用户的截图触发操作在一些实施例中可以是包括但不限于通过定位设备(例如鼠标)在屏幕上的控件或虚拟按钮等区域内进行点击,或者通过其他输入设备执行(例如通过键盘输入,例如按下某个按键、按下组合键/快捷键等)。随后在步骤S300中,用户设备基于所述页面元素,渲染并生成所述当前网页对应的网页截图。例如,用户设备首先基于与步骤S100中呈现当前网页的方式相同或基本相同的方式渲染获得当前网页的图像(中间图像),该图像在一些实施例中可供用户预览和编辑;随后,用户设备将该图像转换为目标格式(例如,.jpg/.png等格式)的图像,即,生成当前网页对应的网页截图。
由此可见,用户设备生成网页截图完全不依赖于用户设备的屏幕上实际显示的内容。因此,在无需用户从当前的网页浏览活动中抽离的情况下,用户设备即可生成当前网页的网页截图,以供后续使用。此外,用户无需将多页截图拼接在一起,即可获得“长截图”,一张截图操作中即可包含超过设备显示界面中一页所能显示的内容。
在一些实施例中,基于所述页面元素,渲染并在目标位置生成所述网页对应的网页截图。例如,在完成渲染后,将头像转换为目标格式并存储于目标位置,从而在目标位置生成目标格式的网页截图。在此,目标位置在一些实施例中可以是预设位置(例如剪切板)或者用户指定的位置(例如硬盘等外部存储器上的指定存储位置),以满足用户对网页截图的使用需求,提高用户的使用效率。例如,当目标位置为剪切板,则用户可以直接在其他应用中粘贴该网页截图;而当目标位置为外部存储器上用户指定的存储位置,则用户可以在保存网页截图后进一步处理该网页截图(例如裁剪、标注、涂抹等)。
在一些实施例中,在步骤S100中,用户设备向服务器请求当前网页,并接收所述服务器返回的、所述当前网页对应的页面元素,并基于所述页面元素呈现所述当前网页。在此,当前网页对应的页面元素在用户浏览网页的过程中用于实现对当前网页的呈现,而在渲染、生成网页截图的过程中则用于渲染当前网页的图像(中间图像)。由于渲染、生成网页截图是基于已经取得的页面元素(下载至用户设备本地)而不是屏幕显示内容,因此相较于现有的基于屏幕内容的实现方式而言,截图效率大大提高,几乎可在瞬间完成,且处理过程不影响用户的网页浏览。
具体而言,基于上述页面元素,用户设备先进行渲染获得中间图像(例如该中间图像供用户进行预览,或者进行裁剪以获得其中所需的部分),并在获得该中间图像后再生成当前网页的网页截图,以便于用户在实际生成网页截图前进行预览、确认,从而获得自己需要的网页截图。在一些实施例中,上述步骤S300又包括步骤S310和步骤S320(均未示出)。其中,在步骤S310中,用户设备基于所述页面元素渲染所述当前网页对应的中间图像;随后,在步骤S320中,用户设备基于所述中间图像以及目标图像格式生成所述中间图像对应的网页截图。
例如,在一些实施例中,在生成网页截图之前,上述步骤S310又包括步骤S311(未示出)。在该步骤S311中,用户设备基于前述中间图像为用户提供网页截图的预览供用户确认。具体而言,上述步骤S300又包括步骤S330(未示出)。在该步骤S330中,用户设备提供所述中间图像以预览,例如在前述中间图像渲染(即绘制)完成后,获取该中间图像的URI,并基于该URI将中间图像显示在用户设备屏幕上的预览区;可选地,用户设备在一些实施例中响应于用户的缩放、拖动等操作而改变该中间图像在用户设备屏幕上的显示比例、显示位置等,以确保随后生成的网页截图是用户所需的网页截图,例如用户可以在需要时对中间图像进行修改,用户设备基于用户修改后的中间图像而生成对应的网页截图。
其中,在一些实施例中,在上述步骤S311中,用户设备提供所述中间图像以预览(例如在用户设备屏幕上的预览区显示中间图像以供用户预览),并提供第一问询信息;该第一问询信息用于提示用户确认前述中间图像是否对应于当前网页中自己所需要的部分,确保后续生成的网页截图满足用户需求。在提供该第一问询信息后,用户设备等待用户的进一步输入。当用户的进一步输入是对前述第一问询信息的确认操作(例如用户点击屏幕上相应的控件或虚拟按钮,或者用户通过键盘输入相关指令)时,在上述步骤S320中,用户设备响应于检测到用户对所述第一问询信息的确认操作,基于所述中间图像以及目标图像格式,在目标位置生成所述中间图像对应的网页截图。其中,该目标位置可选地是用户预设的、或者用户在执行确认操作时指定的存储位置(例如剪切板,或者外部存储器)。
可选地,上述步骤S310还包括步骤S312(未示出)。在步骤S312中,用户设备基于用户输入的预览样式设置信息,更新所述中间图像的预览样式。例如,中间图像的预览样式用于确定中间图像在用户设备的屏幕上的显示比例、显示位置等;而用户输入的预览样式设置信息则用于更新中间图像的预览样式,例如用于设置中间图像的显示比例、显示位置,以便用户查看中间图像的概况或具体细节,确保后续生成的网页截图满足用户需求。
在提供预览的基础上,用户设备在一些实施例中还提供对中间图像的编辑操作,以使后续生成的网页截图对应于当前网页中用户需要的部分(而去除不需要的部分),或者供用户进行标注、隐去图像的某些部分等。相应地,上述步骤S311又包括步骤S3111、步骤S3112、步骤S3113和步骤S3114。其中在步骤S3111中,用户设备提供所述中间图像以预览,并提供第二问询信息,其中该第二问询信息用于供用户确认是否对当前预览中的中间图像进行编辑(例如调整大小、裁剪、打马赛克、标注/写字等)。随后用户设备等待用户的输入。在步骤S3112中,用户设备响应于检测到用户对所述第二问询信息的确认操作(例如用户点击屏幕上相应的控件或虚拟按钮,或者用户通过键盘输入相关指令,确认对中间图像进行修改),提供第一操作接口。用户设备在步骤S3113中通过所述第一操作接口获取用户的图像编辑指令,并在步骤S3114中基于所述图像编辑指令更新所述中间图像,例如用户通过前述第一操作接口调整中间图像的大小、裁剪中间图像中需要的部分、在中间图像上的某些区域打“马赛克”、在中间图像上添加标注符号或者文字等。
概括而言,上述图像编辑指令用于执行以下任一项操作:
-调整所述中间图像的图像参数,例如调整中间图像的分辨率、长宽比、像素密度(ppi)等;
-裁剪所述中间图像;
-更新所述中间图像中至少一个像素的像素值,例如在中间图像上的相应位置添加“马赛克”、标注符号或者文字等。
其中对于图像编辑指令用于裁剪中间图像的情形而言,在一些实施例中,用户设备根据用户在中间图像上的区域指定操作,确定中间图像在裁剪后所需保留的部分。具体而言,在步骤S3113中,用户设备通过所述第一操作接口获取用户的图像编辑指令,其中所述图像编辑指令包括区域指定指令;并基于所述区域指定指令,确定所述中间图像的目标区域。可选地,用户设备将目标区域相对于中间图像的其他区域区分显示,以便用户进行调整、确认。随后在步骤S314中,用户设备将所述中间图像更新为所述目标区域对应的图像,完成裁剪。
在本申请的一些实施例中,在步骤S200中,用户设备响应于检测到用户对所述当前网页的截图触发操作,定位所述当前网页对应的页面目标节点,随后在所述页面目标节点中获取所述当前网页对应的页面元素,以便定位和获取相应的页面元素并进行渲染。例如,前述页面目标节点对应于网页代码中的body等元素内容区;将从内容区获取的元素进行渲染绘制即可得到中间图像。元素内容区可以通过js方法获取。
其中,中间图像是基于预设获得的,通过调整预设信息,用户可以高效地获得中间图像、网页截图,而无需每次单独设置。具体而言,在一些实施例中,在上述步骤S300中,用户设备基于所述页面元素及预设渲染参数,渲染所述当前网页对应的中间图像,随后基于所述中间图像以及目标图像格式生成所述中间图像对应的网页截图。其中,预设渲染参数包括但不限于图像的宽度、高度、背景色等信息。
在一个具体实施例中,渲染以获得中间图像,以及生成网页截图,是基于canvas实现的。相关代码如下:
在一些实施例中,用户设备在最终生成网页截图后,仍向用户提供一次修改机会,以便用户及时修正网页截图的内容或者进行裁剪/标注等。相应地,上述方法还包括步骤S400(未示出)。在步骤S400中,用户设备提供第三问询信息,并响应于检测到用户对所述第三问询信息的确认操作而提供第二操作接口,所述第二操作接口用于获取用户对所述网页截图的操作指令。其中,该第三问询信息用于供用户确认是否在网页截图生成后对其进行编辑;若用户执行了上述确认操作,则用户设备从目标位置(该网页截图所保存的位置,例如剪切板,或者外部存储器)读取网页截图,并在用户完成编辑后,将经编辑的网页截图重新保存至前述目标位置。而若用户无需编辑生成的网页截图,例如用户希望继续浏览网页而不希望被打扰,则在上述步骤S400中,用户设备响应于检测到用户对所述第三问询信息的取消操作,消除所述第三问询信息,避免干扰用户对当前网页的浏览。
在上述基础上,进一步地,在一些实施例中,用户设备根据预设配置确定是否提供上述第三问询信息。具体而言,在步骤S400中,用户设备读取预设配置信息,其中该预设配置信息包括关于第三问询信息的有效性设置;若第三问询信息被配置为有效,则用户设备提供第三问询信息,并响应于检测到用户对所述第三问询信息的确认操作而提供第二操作接口,其中所述第二操作接口用于获取用户对所述网页截图的操作指令;否则(第三问询信息被配置为无效),不执行操作,或关闭目标插件的进程,其中该目标插件用于执行上述步骤S200、步骤S300。
以上详述了本申请的一些具体实施方式。须知,这些实施方式仅为举例,而非对本申请具体实施方式的限定。
根据本申请的另一方面,本申请还提供了一种用于生成网页截图的用户设备。参考图3,该用户设备包括第一模块100、第二模块200、第三模块300。其中,第一模块100、第二模块200、第三模块300分别用于执行上述步骤S100、步骤S200、步骤S300的操作,具体请参考图2及相关实施例,在此不予赘述,并以引用的方式包含于此。
在一些实施例中,上述用户设备还包括第四模块400(未示出)。其中,第四模块400用于执行上述步骤S400的操作,具体请参考图2及相关实施例,在此不予赘述,并以引用的方式包含于此。
本申请还提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机代码,当所述计算机代码被执行时,如前任一项所述的方法被执行。
本申请还提供了一种计算机程序产品,当所述计算机程序产品被计算机设备执行时,如前任一项所述的方法被执行。
本申请还提供了一种计算机设备,所述计算机设备包括:
一个或多个处理器;
存储器,用于存储一个或多个计算机程序;
当所述一个或多个计算机程序被所述一个或多个处理器执行时,使得所述一个或多个处理器实现如前任一项所述的方法。
图4示出了可被用于实施本申请中所述的各个实施例的示例性系统。
如图4所示,在一些实施例中,系统1000能够作为各所述实施例中的任意一个用户设备。在一些实施例中,系统1000可包括具有指令的一个或多个计算机可读介质(例如,系统存储器或NVM/存储设备1020)以及与该一个或多个计算机可读介质耦合并被配置为执行指令以实现模块从而执行本申请中所述的动作的一个或多个处理器(例如,(一个或多个)处理器1005)。
对于一个实施例,系统控制模块1010可包括任意适当的接口控制器,以向(一个或多个)处理器1005中的至少一个和/或与系统控制模块1010通信的任意适当的设备或组件提供任意适当的接口。
系统控制模块1010可包括存储器控制器模块1030,以向系统存储器1015提供接口。存储器控制器模块1030可以是硬件模块、软件模块和/或固件模块。
系统存储器1015可被用于例如为系统1000加载和存储数据和/或指令。对于一个实施例,系统存储器1015可包括任意适当的易失性存储器,例如,适当的DRAM。在一些实施例中,系统存储器1015可包括双倍数据速率类型四同步动态随机存取存储器(DDR4SDRAM)。
对于一个实施例,系统控制模块1010可包括一个或多个输入/输出(I/O)控制器,以向NVM/存储设备1020及(一个或多个)通信接口1025提供接口。
例如,NVM/存储设备1020可被用于存储数据和/或指令。NVM/存储设备1020可包括任意适当的非易失性存储器(例如,闪存)和/或可包括任意适当的(一个或多个)非易失性存储设备(例如,一个或多个硬盘驱动器(Hard Disk,HDD)、一个或多个光盘(CD)驱动器和/或一个或多个数字通用光盘(DVD)驱动器)。
NVM/存储设备1020可包括在物理上作为系统1000被安装在其上的设备的一部分的存储资源,或者其可被该设备访问而不必作为该设备的一部分。例如,NVM/存储设备1020可通过网络经由(一个或多个)通信接口1025进行访问。
(一个或多个)通信接口1025可为系统1000提供接口以通过一个或多个网络和/或与任意其他适当的设备通信。系统1000可根据一个或多个无线网络标准和/或协议中的任意标准和/或协议来与无线网络的一个或多个组件进行无线通信。
对于一个实施例,(一个或多个)处理器1005中的至少一个可与系统控制模块1010的一个或多个控制器(例如,存储器控制器模块1030)的逻辑封装在一起。对于一个实施例,(一个或多个)处理器1005中的至少一个可与系统控制模块1010的一个或多个控制器的逻辑封装在一起以形成系统级封装(SiP)。对于一个实施例,(一个或多个)处理器1005中的至少一个可与系统控制模块1010的一个或多个控制器的逻辑集成在同一模具上。对于一个实施例,(一个或多个)处理器1005中的至少一个可与系统控制模块1010的一个或多个控制器的逻辑集成在同一模具上以形成片上系统(SoC)。
在各个实施例中,系统1000可以但不限于是:服务器、工作站、台式计算设备或移动计算设备(例如,膝上型计算设备、手持计算设备、平板电脑、上网本等)。在各个实施例中,系统1000可具有更多或更少的组件和/或不同的架构。例如,在一些实施例中,系统1000包括一个或多个摄像机、键盘、液晶显示器(LCD)屏幕(包括触屏显示器)、非易失性存储器端口、多个天线、图形芯片、专用集成电路(ASIC)和扬声器。
需要注意的是,本申请可在软件和/或软件与硬件的组合体中被实施,例如,可采用专用集成电路(ASIC)、通用目的计算机或任何其他类似硬件设备来实现。在一个实施例中,本申请的软件程序可以通过处理器执行以实现上文所述步骤或功能。同样地,本申请的软件程序(包括相关的数据结构)可以被存储到计算机可读记录介质中,例如,RAM存储器,磁或光驱动器或软磁盘及类似设备。另外,本申请的一些步骤或功能可采用硬件来实现,例如,作为与处理器配合从而执行各个步骤或功能的电路。
另外,本申请的一部分可被应用为计算机程序产品,例如计算机程序指令,当其被计算机执行时,通过该计算机的操作,可以调用或提供根据本申请的方法和/或技术方案。本领域技术人员应能理解,计算机程序指令在计算机可读介质中的存在形式包括但不限于源文件、可执行文件、安装包文件等,相应地,计算机程序指令被计算机执行的方式包括但不限于:该计算机直接执行该指令,或者该计算机编译该指令后再执行对应的编译后程序,或者该计算机读取并执行该指令,或者该计算机读取并安装该指令后再执行对应的安装后程序。在此,计算机可读介质可以是可供计算机访问的任意可用的计算机可读存储介质或通信介质。
通信介质包括藉此包含例如计算机可读指令、数据结构、程序模块或其他数据的通信信号被从一个系统传送到另一系统的介质。通信介质可包括有导的传输介质(诸如电缆和线(例如,光纤、同轴等))和能传播能量波的无线(未有导的传输)介质,诸如声音、电磁、RF、微波和红外。计算机可读指令、数据结构、程序模块或其他数据可被体现为例如无线介质(诸如载波或诸如被体现为扩展频谱技术的一部分的类似机制)中的已调制数据信号。术语“已调制数据信号”指的是其一个或多个特征以在信号中编码信息的方式被更改或设定的信号。调制可以是模拟的、数字的或混合调制技术。
作为示例而非限制,计算机可读存储介质可包括以用于存储诸如计算机可读指令、数据结构、程序模块或其它数据的信息的任何方法或技术实现的易失性和非易失性、可移动和不可移动的介质。例如,计算机可读存储介质包括,但不限于,易失性存储器,诸如随机存储器(RAM,DRAM,SRAM);以及非易失性存储器,诸如闪存、各种只读存储器(ROM,PROM,EPROM,EEPROM)、磁性和铁磁/铁电存储器(MRAM,FeRAM);以及磁性和光学存储设备(硬盘、磁带、CD、DVD);或其它现在已知的介质或今后开发的能够存储供计算机系统使用的计算机可读信息/数据。
在此,根据本申请的一个实施例包括一个装置,该装置包括用于存储计算机程序指令的存储器和用于执行程序指令的处理器,其中,当该计算机程序指令被该处理器执行时,触发该装置运行基于前述根据本申请的多个实施例的方法和/或技术方案。
对于本领域技术人员而言,显然本申请不限于上述示范性实施例的细节,而且在不背离本申请的精神或基本特征的情况下,能够以其他的具体形式实现本申请。因此,无论从哪一点来看,均应将实施例看作是示范性的,而且是非限制性的,本申请的范围由所附权利要求而不是上述说明限定,因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本申请内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外,显然“包括”一词不排除其他单元或步骤,单数不排除复数。装置权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一,第二等词语用来表示名称,而并不表示任何特定的顺序。
Claims (15)
1.一种用于生成网页截图的方法,其中,所述方法包括:
向服务器请求当前网页,并呈现所述当前网页;
响应于检测到用户对所述当前网页的截图触发操作,获取所述当前网页对应的页面元素;
基于所述页面元素,渲染并生成所述当前网页对应的网页截图。
2.根据权利要求1所述的方法,其中,所述基于所述页面元素,渲染并生成所述当前网页对应的网页截图,包括:
基于所述页面元素,渲染并在目标位置生成所述网页对应的网页截图。
3.根据权利要求1所述的方法,其中,所述向服务器请求当前网页,并呈现所述当前网页,包括:
向服务器请求当前网页,并接收所述服务器返回的、所述当前网页对应的页面元素;
基于所述页面元素呈现所述当前网页。
4.根据权利要求1所述的方法,其中,所述基于所述页面元素,渲染并生成所述当前网页对应的网页截图,包括:
基于所述页面元素渲染所述当前网页对应的中间图像;
基于所述中间图像以及目标图像格式生成所述中间图像对应的网页截图。
5.根据权利要求4所述的方法,其中,在所述基于所述中间图像以及目标图像格式生成所述中间图像对应的网页截图之前,所述方法还包括:
提供所述中间图像以预览。
6.根据权利要求5所述的方法,其中,所述提供所述中间图像以预览,包括:
提供所述中间图像以预览,并提供第一问询信息;
所述基于所述中间图像以及目标图像格式生成所述中间图像对应的网页截图,包括:
响应于检测到用户对所述第一问询信息的确认操作,基于所述中间图像以及目标图像格式,在目标位置生成所述中间图像对应的网页截图。
7.根据权利要求5所述的方法,其中,所述方法还包括:
基于用户输入的预览样式设置信息,更新所述中间图像的预览样式。
8.根据权利要求5所述的方法,其中,所述提供所述中间图像以预览,包括:
提供所述中间图像以预览,并提供第二问询信息;
响应于检测到用户对所述第二问询信息的确认操作,提供第一操作接口;
通过所述第一操作接口获取用户的图像编辑指令;
基于所述图像编辑指令更新所述中间图像。
9.根据权利要求8所述的方法,其中,所述图像编辑指令用于执行以下任一项操作:
调整所述中间图像的图像参数;
裁剪所述中间图像;
更新所述中间图像中至少一个像素的像素值。
10.根据权利要求8或9所述的方法,其中,所述图像编辑指令用于裁剪所述中间图像;
所述通过所述第一操作接口获取用户的图像编辑指令,包括:
通过所述第一操作接口获取用户的图像编辑指令,其中所述图像编辑指令包括区域指定指令;
基于所述区域指定指令,确定所述中间图像的目标区域;
所述基于所述图像编辑指令更新所述中间图像,包括:
将所述中间图像更新为所述目标区域对应的图像。
11.根据权利要求1所述的方法,其中,所述响应于检测到用户对所述当前网页的截图触发操作,获取所述当前网页对应的页面元素,包括:
响应于检测到用户对所述当前网页的截图触发操作,定位所述当前网页对应的页面目标节点;
在所述页面目标节点中获取所述当前网页对应的页面元素。
12.根据权利要求1或11所述的方法,其中,所述基于所述页面元素,渲染并生成所述当前网页对应的网页截图,包括:
基于所述页面元素及预设渲染参数,渲染所述当前网页对应的中间图像;
基于所述中间图像以及目标图像格式生成所述中间图像对应的网页截图。
13.根据权利要求1所述的方法,其中,所述方法还包括:
提供第三问询信息;
响应于检测到用户对所述第三问询信息的确认操作,提供第二操作接口,所述第二操作接口用于获取用户对所述网页截图的操作指令。
14.一种用于生成网页截图的设备,其中,该设备包括:
处理器;以及
被安排成存储计算机可执行指令的存储器,所述可执行指令在被执行时使所述处理器执行根据权利要求1至13中任一项所述方法的操作。
15.一种存储指令的计算机可读介质,所述指令在被计算机执行时使所述计算机执行根据权利要求1至13中任一项所述方法的操作。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010140324.0A CN111382386A (zh) | 2020-03-03 | 2020-03-03 | 一种用于生成网页截图的方法与设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010140324.0A CN111382386A (zh) | 2020-03-03 | 2020-03-03 | 一种用于生成网页截图的方法与设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111382386A true CN111382386A (zh) | 2020-07-07 |
Family
ID=71221371
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010140324.0A Pending CN111382386A (zh) | 2020-03-03 | 2020-03-03 | 一种用于生成网页截图的方法与设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111382386A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112596833A (zh) * | 2020-12-21 | 2021-04-02 | 北京鸿腾智能科技有限公司 | 网页截图生成方法、装置、设备以及存储介质 |
CN113382083A (zh) * | 2021-06-30 | 2021-09-10 | 建信金融科技有限责任公司 | 一种网页截图方法和装置 |
CN113434243A (zh) * | 2021-08-27 | 2021-09-24 | 深圳市活力天汇科技股份有限公司 | 基于Weex页面的截图方法、装置、设备及存储介质 |
WO2022174655A1 (zh) * | 2021-02-19 | 2022-08-25 | 华为技术有限公司 | 一种长页面截屏方法及电子设备 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103365862A (zh) * | 2012-03-28 | 2013-10-23 | 北京百度网讯科技有限公司 | 一种用于生成与页面对应的图片的方法与设备 |
CN104462125A (zh) * | 2013-09-18 | 2015-03-25 | 腾讯科技(深圳)有限公司 | 生成网页截图的方法及装置 |
CN104834753A (zh) * | 2015-05-28 | 2015-08-12 | 百度在线网络技术(北京)有限公司 | 生成网页截图的方法及其装置 |
CN107797838A (zh) * | 2017-09-08 | 2018-03-13 | 百度在线网络技术(北京)有限公司 | 一种截图方法与装置 |
CN108279966A (zh) * | 2018-02-13 | 2018-07-13 | 广东欧珀移动通信有限公司 | 网页截图方法、装置、终端及存储介质 |
-
2020
- 2020-03-03 CN CN202010140324.0A patent/CN111382386A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103365862A (zh) * | 2012-03-28 | 2013-10-23 | 北京百度网讯科技有限公司 | 一种用于生成与页面对应的图片的方法与设备 |
CN104462125A (zh) * | 2013-09-18 | 2015-03-25 | 腾讯科技(深圳)有限公司 | 生成网页截图的方法及装置 |
CN104834753A (zh) * | 2015-05-28 | 2015-08-12 | 百度在线网络技术(北京)有限公司 | 生成网页截图的方法及其装置 |
CN107797838A (zh) * | 2017-09-08 | 2018-03-13 | 百度在线网络技术(北京)有限公司 | 一种截图方法与装置 |
CN108279966A (zh) * | 2018-02-13 | 2018-07-13 | 广东欧珀移动通信有限公司 | 网页截图方法、装置、终端及存储介质 |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112596833A (zh) * | 2020-12-21 | 2021-04-02 | 北京鸿腾智能科技有限公司 | 网页截图生成方法、装置、设备以及存储介质 |
WO2022174655A1 (zh) * | 2021-02-19 | 2022-08-25 | 华为技术有限公司 | 一种长页面截屏方法及电子设备 |
CN114968423A (zh) * | 2021-02-19 | 2022-08-30 | 华为技术有限公司 | 一种长页面截屏方法及电子设备 |
CN114968423B (zh) * | 2021-02-19 | 2024-05-14 | 华为技术有限公司 | 一种长页面截屏方法及电子设备 |
CN113382083A (zh) * | 2021-06-30 | 2021-09-10 | 建信金融科技有限责任公司 | 一种网页截图方法和装置 |
CN113434243A (zh) * | 2021-08-27 | 2021-09-24 | 深圳市活力天汇科技股份有限公司 | 基于Weex页面的截图方法、装置、设备及存储介质 |
CN113434243B (zh) * | 2021-08-27 | 2021-12-10 | 深圳市活力天汇科技股份有限公司 | 基于Weex页面的截图方法、装置、设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111382386A (zh) | 一种用于生成网页截图的方法与设备 | |
US20140380142A1 (en) | Capturing website content through capture services | |
CN109669657B (zh) | 一种用于进行远程文档协作的方法与设备 | |
CN109669617B (zh) | 用于切换页面的方法和装置 | |
US20140375648A1 (en) | Image display system, image display method, image display program, and computer-readable recording medium storing said program | |
CN110321189B (zh) | 一种在宿主程序中呈现寄宿程序的方法与设备 | |
CN104636396A (zh) | 一种页面定位方法及装置 | |
CN110519250B (zh) | 一种提供信息流的方法与设备 | |
CN111427650A (zh) | 一种用于提供呈现信息的方法与设备 | |
JP7399999B2 (ja) | 情報表示方法および装置 | |
CN110430253B (zh) | 一种提供小说更新通知信息的方法与设备 | |
CN109254781B (zh) | 一种用于在用户设备上安装应用的方法与设备 | |
CN111506232B (zh) | 一种用于在阅读应用中控制菜单显示的方法与设备 | |
US10931610B2 (en) | Method, device, user terminal and electronic device for sharing online image | |
CN109857964B (zh) | 一种页面操作的热力图绘制方法、装置、存储介质及处理器 | |
CN114756228A (zh) | 页面处理方法、装置、设备及存储介质 | |
CN110069186B (zh) | 显示应用的操作界面的方法和设备 | |
CN113676677B (zh) | 动态图片合成方法、装置、电子设备及可读存储介质 | |
CN113157162B (zh) | 一种用于撤回会话消息的方法、设备、介质及程序产品 | |
CN111079038B (zh) | 一种在应用中输入信息的方法与设备 | |
CN112256992A (zh) | 一种融合多链接地址的信息流的原生渲染的方法与设备 | |
CN113297827B (zh) | 一种呈现内容信息的方法与设备 | |
CN110780788A (zh) | 一种执行触控操作的方法与设备 | |
CN112446936A (zh) | 图像处理方法和装置 | |
CN112241500A (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 |