CN112099706A - 页面展示方法、装置、电子设备及计算机可读存储介质 - Google Patents

页面展示方法、装置、电子设备及计算机可读存储介质 Download PDF

Info

Publication number
CN112099706A
CN112099706A CN202010923261.6A CN202010923261A CN112099706A CN 112099706 A CN112099706 A CN 112099706A CN 202010923261 A CN202010923261 A CN 202010923261A CN 112099706 A CN112099706 A CN 112099706A
Authority
CN
China
Prior art keywords
screenshot
display area
display
record
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
Application number
CN202010923261.6A
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.)
Guangdong Oppo Mobile Telecommunications Corp Ltd
Shenzhen Huantai Technology Co Ltd
Original Assignee
Guangdong Oppo Mobile Telecommunications Corp Ltd
Shenzhen Huantai 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 Guangdong Oppo Mobile Telecommunications Corp Ltd, Shenzhen Huantai Technology Co Ltd filed Critical Guangdong Oppo Mobile Telecommunications Corp Ltd
Priority to CN202010923261.6A priority Critical patent/CN112099706A/zh
Publication of CN112099706A publication Critical patent/CN112099706A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • 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
    • 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请实施例公开了一种页面展示方法、装置、电子设备及计算机可读存储介质。该方法，包括：响应针对展示界面的第一显示区域的截图操作，截取所述第一显示区域中选择的页面内容，得到截取图像，所述第一显示区域包括浏览的页面内容；生成与所述截取图像对应的截图记录；在所述展示界面的第二显示区域中添加所述截图记录。上述页面展示方法、装置、电子设备及计算机可读存储介质，通过截图操作能够记录页面内容，并方便进行查看。

Description

页面展示方法、装置、电子设备及计算机可读存储介质
技术领域
本申请涉及计算机技术领域，具体涉及一种页面展示方法、装置、电子设备及计算机可读存储介质。
背景技术
用户在电子设备(如手机、电脑等设备)上浏览页面时，会不断滚动页面，并对页面上的内容进行查看。当用户需要查看之前比较重要的内容时，需要来回滚动页面，并重新找到之前的页面内容，无法对页面内容进行记录，操作繁琐。
发明内容
本申请实施例公开了一种页面展示方法、装置、电子设备及计算机可读存储介质，通过截图操作能够记录页面内容，并方便进行查看。
本申请实施例公开了一种页面展示方法，包括：
响应针对展示界面的第一显示区域的截图操作，截取所述第一显示区域中选择的页面内容，得到截取图像，所述第一显示区域包括浏览的页面内容；
生成与所述截取图像对应的截图记录；
在所述展示界面的第二显示区域中添加所述截图记录。
本申请实施例公开了一种页面展示装置，包括：
截图模块，用于响应针对展示界面的第一显示区域的截图操作，截取所述第一显示区域中选择的页面内容，得到截取图像，所述第一显示区域包括浏览的页面内容；
记录生成模块，用于生成与所述截取图像对应的截图记录；
添加模块，用于在所述展示界面的第二显示区域中添加所述截图记录。
本申请实施例公开了一种电子设备，包括存储器及处理器，所述存储器中存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器实现如上所述的方法。
本申请实施例公开了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如上所述的方法。
本申请实施例公开的页面展示方法、装置、电子设备及计算机可读存储介质，响应针对展示界面的第一显示区域的截图操作，截取第一显示区域中选择的页面内容，得到截取图像，该第一显示区域包括浏览的页面内容，生成与截取图像对应的截图记录，并在展示界面的第二显示区域中添加截图记录，通过截图能够记录页面内容，且在与浏览的页面内容相同的展示界面中显示相应的截图记录，方便用户对截取的图像进行查看，操作简便。
附图说明
为了更清楚地说明本申请实施例中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为一个实施例中页面展示方法的应用场景图；
图2为一个实施例中页面展示方法的流程图；
图3A为一个实施例中展示界面的示意图；
图3B为另一个实施例中展示界面的示意图；
图4为一个实施例中根据移动操作生成截图记录的流程图；
图5为一个实施例中在第二显示区域添加截图记录的示意图；
图6为另一个实施例中页面展示方法的流程图；
图7A为一个实施例中显示截取图像的示意图；
图7B为另一个实施例中显示截取图像的示意图；
图7C为一个实施例中删除截图记录的示意图；
图8为一个实施例中通过截图记录控制页面内容跳转的示意图；
图9为一个实施例中对截图进行保存的示意图；
图10为一个实施例中页面展示装置的框图；
图11为一个实施例中电子设备的结构框图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
需要说明的是，本申请实施例及附图中的术语“包括”和“具有”以及它们任何变形，意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元，而是可选地还包括没有列出的步骤或单元，或可选地还包括对于这些过程、方法、产品或设备固有的其它步骤或单元。
可以理解，本申请所使用的术语“第一”、“第二”等可在本文中用于描述各种元件，但这些元件不受这些术语限制。这些术语仅用于将第一个元件与另一个元件区分。举例来说，在不脱离本申请的范围的情况下，可以将第一显示区域称为第二显示区域，且类似地，可将第二显示区域称为第一显示区域。第一显示区域和第二显示区域两者都是显示区域，但其不是相同的显示区域。
图1为一个实施例中页面展示方法的应用场景图。如图1所示，终端设备10可与服务器20建立网络连接。用户可在终端设备10上浏览页面，在终端设备10进入浏览页面时，可向服务器20发送页面访问请求。服务器20接收到该页面访问请求后，可向终端设备10发送页面资源数据。终端设备10可接收该页面资源数据并对页面内容进行渲染，在渲染完成后，可在显示屏上显示页面内容。
终端设备10显示浏览页面的展示界面可包括第一显示区域及第二显示区域，其中，第一显示区域包括浏览的页面内容，第二显示区域可用于显示截图记录。当终端设备10检测到针对第一显示区域的截图操作时，可响应该截图操作，截取第一显示区域中选择的页面内容，得到截取图像，可生成与该截取图像对应截图记录，并在第二显示区域中添加该截图记录。
如图2所示，在一个实施例中，提供一种页面展示方法，可适用于手机、智能穿戴设备、平板电脑、个人计算机(Personal Computer，PC)等电子设备，本申请实施例不做限定。其中，上述的电子设备的操作系统可包括但不限于Android操作系统、IOS操作系统、Symbian(塞班)操作系统、Windows操作系统等，本申请实施例不做限定。该方法包括以下步骤：
步骤210，响应针对展示界面的第一显示区域的截图操作，截取第一显示区域中选择的页面内容，得到截取图像。
展示界面可指的是用于展示用户所需浏览的页面的界面。展示界面可以是网站的展示界面，针对网站中的不同网页，展示界面可相同；展示界面也可以是页面的展示界面，不同页面之间的展示界面可不同；展示界面还可以是应用程序的展示界面，针对同一应用程序中的各个页面，展示界面相同等。作为一种实施方式，可将属于同一网站/同一应用程序中，具有相同布局结构的页面作为相同展示界面，在展示界面中进行页面切换时，展示界面中的布局不会发生改变，且存在固定的页面内容(例如界面上方的菜单栏或是侧方的菜单栏、下方的版权栏等)不会发生改变。
在本申请实施例中，展示界面可包括第一显示区域及第二显示区域，第一显示区域可包括浏览的页面内容。可选地，第一显示区域可指的是用于显示页面主要内容的区域，页面主要内容可用于描述页面所要传达的主要信息。当页面发生切换时，页面主要内容会发生变化，通常页面主要内容在展示界面中占据的版面最大。可选地，第一显示区域也可指的是用于显示页面主要内容以及位于页面主要内容周边的栏目的区域，也即，第一显示区域可以是展示界面中除第二显示区域以外的区域。
电子设备可检测用户针对第一显示区域的截图操作，在一些实施例中，展示界面中可设置有截图控件(例如截图按钮、截图工具插件等)，当检测到截图控制被触发时，则可确定检测到截图操作。在另一些实施例中，也可预先设置截图操作对应的截图快捷键，该截图快捷键可以是电子设备上的某个物理按键或物理按键组合(如手机上的HOME键+电源键等)，也可以是与电子设备连接的输入设备上的某个物理按键或物理按键组合，例如与电子设备连接的键盘上的Ctrl键+P键组合，与电子设备连接的鼠标的左按键+滚轮按键，或是与电子设备连接的键盘上的Ctrl键+电子设备连接的鼠标的左按键等，但不限于此。截图快捷键可根据实际需求进行设置。当电子设备检测到截图快捷键被触发时，可确定检测到截图操作。
在一些实施例中，也可通过注册操作系统中的截图通知，当操作系统中检测到发生了截图操作时，可生成截图通知，并将该截图通知发送给展示界面对应的应用程序。根据该截图通知可确定检测到截图操作。可选地，也可监听在展示界面中的截图事件，当每次进行截图操作时，都会调用截图接口，通过该截图接口的调用可监听在展示界面中的截图事件。当监听到发生截图事件时，可确定检测到截图操作。可以理解地，检测截图操作的方式可以有多种，并不仅限于上述描述的几种方式。
电子设备在检测到针对展示界面的第一显示区域的截图操作，可响应该截图操作，根据该截图操作获取用户选择的页面内容，并对该选择的页面内容进行截取，生成截取图像。可选地，可在展示界面中显示截图选择框，用户可根据实际需求调整截图选择框的大小及位置，并通过截图选择框选择所需截取的页面内容，生成的截取图像大小可与截图选择框大小保持一致。可选地，截图选择框的大小也可以是固定大小，用户通过移动截图选择框在展示界面中的位置选择所需截取的页面内容，并生成相应的截取图像，每次生成的截取图像的大小一致。可选地，截图操作也可以直接是截屏操作，即对电子设备整个屏幕显示的内容进行截取。
在一些实施例中，由于第一显示区域中的页面主要内容是用户较为关注的，电子设备在获取选择的页面内容后，可确定该选择的页面内容中包括的页面主要内容，并仅截取该页面主要内容，生成截取图像。可自动剔除选择的页面内容中，用户较为不关注的内容(如固定的栏目内容、浮动显示的广告内容等)，仅保留页面主要内容，可以帮助用户更好地对关注的内容进行记录。
步骤220，生成与截取图像对应的截图记录。
截图记录可用于记录生成的截取图像，截图记录的表现形式可包括但不限于以下几种：
1、截图记录可以是截取图像对应的缩略图。可生成截取图像的缩略图，可选地，可以是将截取图像缩小，得到对应的缩略图，也可以按照相同的像素间隔从截取图像中抽取像素点，并根据抽取的像素点生成缩略图等，生成缩略图的方式在此不作限制。
2、截图记录可以是该截取图像对应的截图时间、截图位置等信息记录，其中，截图位置指的是截取图像在浏览的页面中的页面位置。可进行截图时，可记录截图时间，以及得到的截取图像在显示的页面内容中的页面位置，并作为截图位置，并建立截图时间、截图位置及截取图像之间的对应关系。可选地，上述的页面位置可包括截取的页面内容所属的页数、在页面中的div模块、在页面中的行数等信息，其中，展示界面可通过div标签定义页面内容中的分区或节(division/section)，从而可将页面内容划分成多个独立的、不同的模块。
3、截图记录可以是与截取图像对应的链接地址。电子设备得到截取图像后，可对截取图像进行存储，可将存储地址作为链接地址，并建立链接地址与截取图像之间的映射关系。
需要说明的是，截图记录的表现形式可以是上述几种表现形式中的任意一种或多种的组合等，在此不作限定。
步骤230，在展示界面的第二显示区域中添加截图记录。
第二显示区域可用于显示生成的截图记录，第二显示区域中显示的截图记录可以是一个或多个。在生成截取图像对应的截图记录后，可将生成的截图记录添加到第二显示区域中。可选地，第二显示区域的样式及布局可根据实际需求进行设置，例如，第二显示区域可为竖版样式，可显示在第一显示区域的侧边位置，第二显示区域也可为横版样式，可显示在第一显示区域的上边或下边位置等，但不限于此。
在一些实施例中，电子设备可按照第一规则将截图记录添加到第二显示区域中。可选地，该第一规则可包括但不限于以下几种方式：
方式一：将生成的截图记录添加到第二显示区域中的末端位置。第二显示区域中的截图记录可按照截图时间从远到近的距离依次排列，该末端位置可根据第二显示区域的样式确定，如果第二显示区域为竖版样式，则末端位置可为第二显示区域的最下端，如果第二显示区域为横版样式，则末端位置可为第二显示区域的最右端等。
方式二：将生成的截图记录添加到第二显示区域中的顶部位置，第二显示区域中的第一个截图记录永远为最新得到的截取图像对应的截图记录。
方式三：可根据检测到的移动操作确定截图记录在第二显示区域中的添加位置。在电子设备进行截图后，用户可移动得到的截取图像，并将截取图像移动到第二显示区域中。电子设备可获取截取图像被移动到第二显示区域中的位置，并在该位置添加相应的截图记录。
第二显示区域可以是一直显示在展示界面中，也可以是在满足触发条件时才进行显示。在一些实施例中，展示界面中可设置有截图记录按钮，可通过截图记录按钮选择开启第二显示区域及关闭第二显示区域。当截图记录按键被触发时，可在展示界面中显示第二显示区域，并在进行截图操作后，将生成的截图记录添加到该第二显示区域中。若第二显示区域被关闭，则在得到截取图像后，可直接不生成截图记录，或是生成截图记录后对截图记录进行缓存，并在第二显示区域被开启时，显示缓存的截图记录。在一些实施例中，第二显示区域也可仅在检测到截图操作时才显示，若进入展示界面后一直未检测到截图操作，则可不显示第二显示区域，以防止第二显示区域在没有截图的情况下占据不必要的版块面积，影响用户的浏览。
图3A为一个实施例中展示界面的示意图。如图3A所示，电子设备显示网站的展示界面300，该展示界面300可包括第一显示区域310及第二显示区域320，其中，第一显示区域310可用于显示网页的主要内容。用户可在第一显示区域310中进行截图操作，电子设备获得截取图像后，可生成相应的截图记录，并添加到第二显示区域320中。第二显示区域320中可显示N次截图操作对应的截图记录，其中N可为大于或等于1的正整数。可选地，展示界面300还可包括截图记录按钮330，可用于选择开启或关闭第二显示区域320。截图记录按钮330也可用于选择开启或关闭截图记录功能。由于第一显示区域310与第二显示区域320显示在同一展示界面300中，用户通过查看第二显示区域320中的截图记录即可快速查看之前截取的图像，而不需要切换到保存截取图像中的文件夹中翻看，简化了操作过程，提高便捷性。可以理解地，图3仅示出了展示界面的一种显示样式，仅用于说明本申请实施例，展示界面的布局和结构可根据实际需求进行调整，在本申请实施例中不作限制。
在本申请实施例中，响应针对展示界面的第一显示区域的截图操作，截取第一显示区域中选择的页面内容，得到截取图像，该第一显示区域包括浏览的页面内容，生成与截取图像对应的截图记录，并在展示界面的第二显示区域中添加截图记录，通过截图能够记录页面内容，且在与浏览的页面内容相同的展示界面中显示相应的截图记录，方便用户对截取的图像进行查看，操作简便。
在一些实施例中，截取图像对应的截图记录可为截取图像的缩略图。可选地，步骤生成与截取图像对应的截图记录，可包括：按照第一比例对截取图像进行缩小，并将缩小后的截取图像作为截图记录。
第一比例可以是根据实际需求进行设置的比例数值。在得到截取图像后，可按照相同的第一比例对截取图像进行缩小，并将缩小后的截取图像作为截图记录添加到第二显示区域中。例如，可将截取图像按照1：3的比例缩小，按照1：4的比例缩小等。缩放后的截取图像需符合第二显示区域的大小，与第二显示区域适配，以保证截图记录能够在第二显示区域中正常进行显示。
在一些实施例中，也可根据截取图像的大小调整第一比例的数值，以保证截取图像按照第一比例缩小后能够适应第二显示区域的大小。如果截取图像较大，则第一比例可较小，如果截取图像较小，则第一比较可较大，在此不作限定。
在一些实施例中，步骤生成与截取图像对应的截图记录，可包括：将截取图像缩放成具备目标图像大小的图像，并将该具备目标图像大小的图像作为截图记录。
目标图像大小可指的是统一设置的截图记录的大小。可按照相同的目标图像大小对截取图像进行缩放操作，得到截图记录，保证每张截取图像对应的截图记录的大小一致，在能够使截图记录适应第二显示区域的同时，整齐地显示截图记录，提高整体的界面视觉效果。
可选地，该目标图像大小可根据第二显示区域的显示参数进行确定。第二显示区域在展示界面中的显示位置以及大小、样式等显示参数，可以是预先设置的固定参数，也可以根据展示界面的布局结构进行调整。在进入展示界面时，可获取展示界面的样式表及页面内容，可根据该样式表确定展示界面的布局，并确定布局中的每个模块所展示的页面内容。可根据每个模块所展示内容调整第二显示区域在展示界面中的显示参数，以使第二显示区域不对页面主要内容进行遮挡。例如，在确定展示界面中显示页面主要内容的区域为中间区域后，可调整第二显示区域的显示位置为显示页面主要内容的区域的左侧或右侧位置，显示样式可为竖版样式，并设置第二显示区域的大小参数，以保证第二显示区域对显示页面主要内容的区域遮挡。
示例性地，如图3A所示，第二显示区域320显示在第一显示区域310的左侧，截图记录的大小可根据第二显示区域320的宽度调节，保证截图记录在第二显示区域320中正常显示。图3B为另一个实施例是展示界面的示意图。如图3B所示，展示界面300中用于显示页面主要内容的第一显示区域310铺满整个页面，可调整第二显示区域340的显示位置为第一显示区域310的下侧位置，显示样式可为横版样式，截图记录的大小可根据第二显示区域340的高度调节。在图3A和图3B中，截图记录的大小不同。
在本申请实施例中，可对截取图像进行缩小，生成相应的截图记录，以使截图记录与第二显示区域适配，在第二显示区域中正常显示，可提高展示界面整体的视觉显示效果。且截图记录为对应截取图像的缩略图，可使截图记录更加直观地反映所截取的页面内容，帮助用户提高查看截图的效率。
如图4所示，在一个实施例中，步骤生成与截取图像对应的截图记录，可包括以下步骤：
步骤402，当检测到针对截取图像的移动操作时，获取移动操作的移动方向。
在一些实施例中，电子设备在根据截图操作获得截取图像后，可自动生成截取图像对应的截图记录，并将截图记录添加到第二显示区域中进行显示。在一些实施例中，电子设备也可根据用户的控制操作生成截图记录，再将截图记录添加到第二显示区域中进行显示。可选地，该控制操作可以是用户在显示屏上进行触控的触控操作，也可以是用户的手势操作，或是通过输入设备(如手写笔、鼠标等)进行的操作等，在此不作限定。电子设备可监听用户进行的操作，并在检测到该操作与预设操作匹配时，生成截取图像对应的截图记录。
步骤404，若移动方向为向展示界面中的第二显示区域移动，则生成截取图像对应的截图记录。
在本申请实施例中，上述的预设操作可为移动方向为向第二显示区域移动的移动操作。以鼠标为例，用户通过按下鼠标选择截取图像后，可将截取图像往第二显示区域的方向拖拽。电子设备可监听鼠标事件，并在检测到鼠标的按下事件(mousedown事件)时，监听鼠标的移动事件(mousemove事件)，并获取每次监听到的移动事件对应的鼠标位置坐标。截取图像可随着鼠标移动过程中的位置变化进行移动。电子设备可分析获取的多个鼠标位置坐标，得到鼠标的移动方向。在监听到鼠标的松开事件(mouseup事件)时，可结束对移动事件的监听，并判断该移动方向是否为向第二显示区域移动，如果该移动方向为向第二显示区域移动，则可生成截取图像对应的截图记录。
在一些实施例中，在结束对截取图像的移动操作时，可获取结束移动操作时截取图像在第二显示区域中的位置，并在该位置处添加截取图像对应的截图记录。用户通过简单的控制操作即可对截图进行记录，且可根据需求调整截图记录在第二显示区域中的位置，操作简便快捷，提高操作效率，能够满足用户的不同需求。
图5为一个实施例中在第二显示区域添加截图记录的示意图。如图5所示，用户在展示界面300的第一显示区域310中进行截图操作，电子设备根据该截图操作可得到截取图像502，用户可拖拽截取图像502。当电子设备检测到截取图像502往第二显示区域320的方向移动时，可生成该截取图像502对应的截图记录n，并将截图记录n添加到第二显示区域320中。在生成截取图像502对应的截图记录n时，需对截取图像502进行缩小，可在将截取图像502移动到第二显示区域320时，再将截取图像502缩小成与第二显示区域320适配的图像，从而得到截图记录n。也可在移动的过程中，逐渐对截取图像502进行缩小，截取图像502越接近第二显示区域320，截取图像502可越小，直至截取图像502被移动到第二显示区域320时，缩小至与第二显示区域320适配的图像，从而得到截图记录n。可选地，在第二显示区域320中添加截图记录n的位置可为用户拖拽的位置。
在本申请实施例中，用户可根据实际需求通过操作选择是否在第二显示区域中添加截取图像对应的截图记录，操作简便快捷，提高操作效率，且能够满足用户的不同需求。
如图6所示，在一个实施例中，提供另一种页面展示方法，可适用于上述的电子设备。该方法可包括以下骤：
步骤602，响应针对展示界面的第一显示区域的截图操作，截取第一显示区域中选择的页面内容，得到截取图像，并对截取图像进行缓存。
步骤602的描述可参照上述实施例中的相关描述，在此不再赘述。
在电子设备得到截取图像后，可对截取图像进行缓存，暂时对截取图像进行存储，可选地，可将截取图像缓存在内存中，也可缓存在磁盘分配的固定区域中，在此不作限定。
步骤604，生成与截取图像对应的截图记录。
步骤606，在展示界面的第二显示区域中添加截图记录。
步骤602～604可参照上述实施例中的相关描述，在此不再赘述。
在一个实施例中，第二显示区域可按照显示规则对一次或多次截图操作对应的截图记录进行显示。可选地，该显示规则可包括但不限于以下几种规则：
1、显示第一时间段内生成的截图记录。第二显示区域可用于显示在第一时间段内生成的截图记录，该第一时间段可根据实际需求进行设置，例如可在第二显示区域中显示最近30分钟内生成的截图记录，也可在第二显示区域中显示最近25分钟内生成的截图记录等，但不限于此。
2、显示固定数量的截图记录。第二显示区域可用于显示最新生成的第一数量的截图记录。该第一数量可根据实际需求进行设置，例如，可在显示区域中显示最新生成的5次截图记录，或是最新生成的6次截图记录等。若生成的截图记录的数量小于或等于第一数量，则可仅显示所有生成的截图记录，若生成的截图记录数量大于第一数量，则可显示截图时间距离当前时刻最近的第一数量的截图记录，并将其余的截图记录隐藏，或可直接删除其余的截图记录。
3、显示本次进入展示界面生成的所有截图记录。若展示界面为网站的界面，则本次进入展示界面生成的所有截图记录可指的是本次访问网站生成的所有截图记录，若展示界面为应用程序的界面，则本次进入展示界面生成的所有截图记录可指的是本次使用该应用程序生成的所有截图记录等。当检测到展示界面发生变化时，例如切换到其它的网站，或关闭应用程序等，则可对第二显示区域内的截图记录清空。
本申请实施例中，第二显示区域可按照显示规则对一次或多次截图操作对应的截图记录进行显示，可保证第二显示区域所显示的截图记录具有实时性，且不会占用太多的资源，贴合用户需求。
在一个实施例中，用户可选择第二显示区域中显示的截图记录，并查看选择的截图记录对应的截取图像。作为一种具体实施方式，在将生成的截图记录添加到第二显示区域后，可获取该截图记录在第二显示区域中的标签。可选地，该标签可以是div标签，标签中的内容可用于描述截图记录在第二显示区域中的显示样式及显示内容。可在标签中添加截图记录对应的截取图像对应的图层，并根据该截取图像设置图层的显示样式。图层的显示样式可包括图层大小、图层的显示位置及触发显示的条件等。可选地，图层大小可设置与截取图像的大小相同；图层的显示位置可以是在相对截图记录的固定位置，例如截图记录的左侧、右侧、上侧等；触发显示的条件可以是点击截图记录，或是检测到光标在截图记录上悬停等，但不限于此。
电子设备可监听针对第二显示区域的截图记录的第一查看操作，该第一查看操作可为符合触发显示的条件的操作，例如点击截图记录的操作，或是光标在截图记录上悬停的操作等。当检测到针对第二显示区域中的任一截图记录的第一查看操作时，可获取该第一查看操作所选择的截图记录对应图层的显示样式，并根据该显示样式在图层中渲染截取图像，以使得截取图像按照该显示样式进行显示。
图7A为一个实施例中显示截取图像的示意图。如图7A所示，第二显示区域340中可显示有一个或多个截图记录。当用户将鼠标悬停在截图记录2时，可检测到针对该截图记录2的第一查看操作，并根据截图记录2的标签中包含的图层的显示样式，在图层中渲染截图记录2对应的截取图像702(即截取图像2)。可将图层叠加在第一显示区域310和/或第二显示区域340上，从而使截取图像702叠加显示在第一显示区域310和/或第二显示区域340上。
作为另一种具体实施方式，电子设备可监听针对第二显示区域的截图记录的第二查看操作，该第二查看操作可与上述的第一查看操作相同，例如都是点击截图记录的操作，也可以不同，例如第一查看操作为光标在截图记录上悬停，第二查看操作为点击截图记录，或是第二查看操作是通过鼠标右键触发下拉菜单，并在下拉菜单中选择查看截图的操作等，在此不作限定。当检测到针对第二显示区域的任一截图记录的第二查看操作时，可创建显示组件，该显示组件可包括但不限于显示窗口、显示框等。可获取该第二查看操作选择的截图记录对应的截取图像，并在显示组件中渲染该截取图像，并将显示组件悬浮显示在展示界面中。可选地，显示组件在展示界面中悬浮显示的位置可根据实际需求进行设置，例如，可悬浮显示在第一显示区域的上方位置，可悬浮显示在展示界面中的菜单栏位置等，但不限于此。
图7B为另一个实施例中显示截取图像的示意图。如图7B所示，第二显示区域320中可显示有一个或多个截图记录。当用户点击截图记录n时，可检测到针对该截图记录n的第二查看操作，并创建显示组件704，该显示组件704为一个显示窗口。可在显示组件704中渲染截图记录n对应的截取图像n。显示组件704可悬浮显示在第一显示区域310的上方。可选地，显示组件704的大小可以是设置的固定大小，可以是根据渲染的截取图像的大小进行调整，在此不作限定。
在本申请实施例中，可通过不同的方式对第二显示区域中的截图记录对应的截图进行查看，可帮助用户快速查看截图，而不需要打开另外的文件夹等进行查找，可简化查看截图的操作，以提高查看效率。
在一些实施例中，用户也可对第二显示区域中显示的截图记录进行删除。当电子设备检测到针对第二显示区域中任一截图记录的删除操作时，可将该删除操作对应的截图记录从第二显示区域中删除。进一步地，可同步将删除的截图记录对应的截取图像也从缓存中删除。图7C为一个实施例中删除截图记录的示意图。如图7C所示，第二显示区域320中可显示有一个或多个截图记录。当用户将光标移动到截图记录1时，可在截图记录1的角点位置显示删除控件706，用户可点击删除控件706将截图记录1从第二显示区域320中删除。
在一些实施例中，用户可对第二显示区域中显示的截图记录进行跳转操作，控制第一显示区域显示的页面内容跳转到该截图记录对应的页面位置。在电子设备根据截图操作得到截取图像，并生成该截取图像对应的截图记录后，可获取该截取图像在第一显示区域中对应的页面位置，该页面位置可包括截取的页面内容所属的页数、在页面中的div模块、在页面中的行数等信息。可建立生成的截图记录与该页面位置的对应关系。
当检测到针对第二显示区域中的任一截图记录的跳转操作时，可根据上述的对应关系控制第一显示区域跳转到与该跳转操作选择的截图记录对应的页面位置。可根据建立的对应关系获取与跳转操作选择的截图记录对应的页面位置，并控制第一显示区域中显示与该页面位置对应的页面内容。可选地，跳转操作可以是预先设置的操作，例如长按操作、双击操作等，在此不作限定。
图8为一个实施例中通过截图记录控制页面内容跳转的示意图。如图8所示，其中的(a)示出了用户当前浏览的界面，显示界面300中的第一显示区域310显示的是当前正在浏览的网页页面3。当用户双击截图记录2时，电子设备检测到针对截图记录2的跳转操作，可获取截图记录2对应的页面位置为网页页面2，则可控制第一显示区域310跳转。跳转后的界面可如(b)所示，第一显示区域310从网页页面3的页面内容切换为网页页面1的页面内容。通过截图记录可直接跳转到相应的页面位置，可帮助用户快速、精准地找到相应的页面内容，用户无需反复查找，提高操作地简便性。
在一个实施例中，若在第二时间段内未检测到针对第一显示区域的截图操作，可对第二显示区域进行隐藏。可选地，第二时间段可根据需求进行设置，例如10分钟、8分钟、7分钟等。该隐藏的方式可以有多种，例如，可直接取消第二显示区域的显示，也可改变第二显示区域的显示样式，将其透度度设置100％(即完全透明)，或是将第二显示区域隐藏在展示界面相应的侧边等，但不限于此。当检测到触发第二显示区域进行显示的操作时，可重新将隐藏的第二显示区域进行显示。如检测到截图操作时，则触发第二显示区域显示，或是检测到光标移动到第二显示区域隐藏的侧边时，触发第二显示区域显示等。
步骤608，响应针对第二显示区域的保存操作，将第二显示区域中包含的各个截图记录对应的截取图像存储到目标路径中。
在本申请实施例中，用户还可选择对第二显示区域中的截图记录对应的截取图像进行保存。当电子设备检测到针对第二显示区域的保存操作时，可响应该保存操作，并将第二显示区域中包含的各个截图记录对应的截取图像存储到目标路径中。可选地，保存操作可以是预先设置的操作，例如长按第二显示区域的背景区域(指的是第二显示区域中除截图记录以外的区域)等操作。也可在第二显示区域中设置保存按钮，当保存按钮被触发时，可确定检测到保存操作。也可通过语音识别等方式检测保存操作，在此不作限定。通过对第二显示区域进行隐藏，可降低第二显示区域在无用时对展示界面的影响，提高展示界面的视觉显示效果。
图9为一个实施例中对截图进行保存的示意图。如图9所示，第二显示区域320可设置保存按钮322，当保存按钮322被点击时，可将第二显示区域320中显示的响起个截图记录对应的截取图像存储到目标路径中。该目标路径可以是预先建立的文件夹的路径，不同网站或不同应用可分别对应不同的文件夹，也可直接存储到相同文件夹中。
步骤610，若在退出展示界面时未检测到保存操作，则删除缓存的截取图像。
退出展示界面可指的是退出当前网站的访问或是退出当前应用程序等，若本次进入展示界面后一直未检测到保存操作，则在退出时可直接将缓存的截取图像删除，节省存储空间。可选地，用户也可仅选择第二显示区域中的一个或多个截图记录对应的截取图像进行存储。
在本申请实施例中，可对第二显示区域中显示的截图记录进行查看、跳转、删除、保存等各式操作，操作简便，提高第二显示区域的交互性，且通过截图记录可快速查看相应的截图，提高查看效率，满足用户的不同需求。
如图10所示，在一个实施例中，提供一种页面展示装置1000，可应用于上述的电子设备。该页面展示装置1000，可包括截图模块1010、记录生成模块1020及添加模块1030。
截图模块1010，用于响应针对展示界面的第一显示区域的截图操作，截取第一显示区域中选择的页面内容，得到截取图像，第一显示区域包括浏览的页面内容。
记录生成模块1020，用于生成与截取图像对应的截图记录。
添加模块1030，用于在展示界面的第二显示区域中添加截图记录。
在本申请实施例中，响应针对展示界面的第一显示区域的截图操作，截取第一显示区域中选择的页面内容，得到截取图像，该第一显示区域包括浏览的页面内容，生成与截取图像对应的截图记录，并在展示界面的第二显示区域中添加截图记录，通过截图能够记录页面内容，且在与浏览的页面内容相同的展示界面中显示相应的截图记录，方便用户对截取的图像进行查看，操作简便。
在一个实施例中，记录生成模块1020，还用于按照第一比例对截取图像进行缩小，并将缩小后的截取图像作为截图记录。
在一个实施例中，记录生成模块1020，还用于将截取图像缩放成具备目标图像大小的图像，并将具备目标图像大小的图像作为截图记录。
在本申请实施例中，可对截取图像进行缩小，生成相应的截图记录，以使截图记录与第二显示区域适配，在第二显示区域中正常显示，可提高展示界面整体的视觉显示效果。且截图记录为对应截取图像的缩略图，可使截图记录更加直观地反映所截取的页面内容，帮助用户提高查看截图的效率。
在一个实施例中，记录生成模块1020，还用于当检测到针对截取图像的移动操作时，获取移动操作的移动方向，若移动方向为向展示界面中的第二显示区域移动，则生成截取图像对应的截图记录。
在本申请实施例中，用户可根据实际需求通过操作选择是否在第二显示区域中添加截取图像对应的截图记录，操作简便快捷，提高操作效率，且能够满足用户的不同需求。
在一个实施例中，第二显示区域用于显示在第一时间段内生成的截图记录；或第二显示区域用于显示最新生成的第一数量的截图记录；或第二显示区域用于显示本次进入展示界面生成的所有截图记录。
在本申请实施例中，第二显示区域可按照显示规则对一次或多次截图操作对应的截图记录进行显示，可保证第二显示区域所显示的截图记录具有实时性，且不会占用太多的资源，贴合用户需求。
在一个实施例中，上述页面展示装置1000，除了包括截图模块1010、记录生成模块1020及添加模块1030，还包括标签获取模块、图层添加模块及第一渲染模块。
标签获取模块，用于获取截图记录在第二显示区域中的标签。
图层添加模块，用于在标签中添加截取图像对应的图层，并根据截取图像设置图层的显示样式。
第一渲染模块，用于当检测到针对截图记录的第一查看操作时，根据显示样式在图层中渲染截取图像。
在一个实施例中，上述页面展示装置1000，还包括创建模块及第二渲染模块。
创建模块，用于当检测到针对截图记录的第二查看操作时，创建显示组件。
第二渲染模块，用于在显示组件中渲染截取图像，并将显示组件悬浮显示在展示界面中。
在一个实施例中，上述页面展示装置1000，还包括隐藏模块，用于若在第二时间段内未检测到针对第一显示区域的截图操作，对第二显示区域进行隐藏。
在一个实施例中，上述页面展示装置1000，还包括删除模块，用于在检测到针对第二显示区域中任一截图记录的删除操作时，将该删除操作对应的截图记录从第二显示区域中删除。
在一个实施例中，上述页面展示装置1000，还包括关系建立模块及跳转模块。
关系建立模块，用于在记录生成模块1020生成截取图像对应的截图记录之后，获取截取图像在第一显示区域中对应的页面位置，并建立截图记录与页面位置的对应关系。
跳转模块，用于当检测到针对截图记录的跳转操作时，根据对应关系控制第一显示区域跳转到与截图记录对应的页面位置。
在一个实施例中，上述页面展示装置1000，还包括缓存模块及保存模块。
缓存模块，用于对截取图像进行缓存。
保存模块，用于响应针对第二显示区域的保存操作，将第二显示区域中包含的各个截图记录对应的截取图像存储到目标路径中。
缓存模块，还用于若在退出展示界面示未检测到保存操作，则删除缓存的截取图像。
在本申请实施例中，可对第二显示区域中显示的截图记录进行查看、跳转、删除、保存等各式操作，操作简便，提高第二显示区域的交互性，且通过截图记录可快速查看相应的截图，提高查看效率，满足用户的不同需求。
图11为一个实施例中电子设备的结构框图。电子设备可以是手机、平板电脑、智能穿戴设备等设备。如图11所示，电子设备1100可以包括一个或多个如下部件：处理器1110、与处理器1110耦合的存储器1120，其中存储器1120可存储有一个或多个应用程序，一个或多个应用程序可以被配置为由一个或多个处理器1110执行，一个或多个程序配置用于执行如上述各实施例中所描述的方法。
处理器1110可以包括一个或者多个处理核。处理器1110利用各种接口和线路连接整个电子设备1100内的各个部分，通过运行或执行存储在存储器1120内的指令、程序、代码集或指令集，以及调用存储在存储器1120内的数据，执行电子设备1100的各种功能和处理数据。可选地，处理器1110可以采用数字信号处理(Digital Signal Processing，DSP)、现场可编程门阵列(Field－Programmable Gate Array，FPGA)、可编程逻辑阵列(Programmable Logic Array，PLA)中的至少一种硬件形式来实现。处理器1110可集成中央处理器(Central Processing Unit，CPU)、图像处理器(Graphics Processing Unit，GPU)和调制解调器等中的一种或几种的组合。其中，CPU主要处理操作系统、用户界面和应用程序等；GPU用于负责显示内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器1110中，单独通过一块通信芯片进行实现。
存储器1120可以包括随机存储器(Random Access Memory，RAM)，也可以包括只读存储器(Read-Only Memory)。存储器1120可用于存储指令、程序、代码、代码集或指令集。存储器1120可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于实现至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现上述各个方法实施例的指令等。存储数据区还可以存储电子设备1100在使用中所创建的数据等。
可以理解地，电子设备1100可包括比上述结构框图中更多或更少的结构元件，例如，包括电源、输入按键、摄像头、扬声器、屏幕、RF(Radio Frequency，射频)电路、Wi-Fi(Wireless Fidelity，无线保真)模块、蓝牙模块、传感器等，还可在此不进行限定。
本申请实施例公开一种计算机可读存储介质，其存储计算机程序，其中，该计算机程序被处理器执行时实现如上述各实施例中描述的方法。
本申请实施例公开一种计算机程序产品，该计算机程序产品包括存储了计算机程序的非瞬时性计算机可读存储介质，且该计算机程序可被处理器执行时实现如上述各实施例描述的方法。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一非易失性计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)等。
如此处所使用的对存储器、存储、数据库或其它介质的任何引用可包括非易失性和/或易失性存储器。合适的非易失性存储器可包括ROM、可编程ROM(Programmable ROM，PROM)、可擦除PROM(Erasable PROM，EPROM)、电可擦除PROM(Electrically ErasablePROM，EEPROM)或闪存。易失性存储器可包括随机存取存储器(random access memory，RAM)，它用作外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(Static RAM，SRAM)、动态RAM(Dynamic Random Access Memory，DRAM)、同步DRAM(synchronous DRAM，SDRAM)、双倍数据率SDRAM(Double Data Rate SDRAM，DDR SDRAM)、增强型SDRAM(Enhanced Synchronous DRAM，ESDRAM)、同步链路DRAM(Synchlink DRAM，SLDRAM)、存储器总线直接RAM(Rambus DRAM，RDRAM)及直接存储器总线动态RAM(DirectRambus DRAM，DRDRAM)。
应理解，说明书通篇中提到的“一个实施例”或“一实施例”意味着与实施例有关的特定特征、结构或特性包括在本申请的至少一个实施例中。因此，在整个说明书各处出现的“在一个实施例中”或“在一实施例中”未必一定指相同的实施例。此外，这些特定特征、结构或特性可以以任意适合的方式结合在一个或多个实施例中。本领域技术人员也应该知悉，说明书中所描述的实施例均属于可选实施例，所涉及的动作和模块并不一定是本申请所必须的。
在本申请的各种实施例中，应理解，上述各过程的序号的大小并不意味着执行顺序的必然先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本申请实施例的实施过程构成任何限定。
上述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物单元，即可位于一个地方，或者也可以分布到多个网络单元上。可根据实际的需要选择其中的部分或全部单元来实现本实施例方案的目的。
另外，在本申请各实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
上述集成的单元若以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可获取的存储器中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或者部分，可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储器中，包括若干请求用以使得一台计算机设备(可以为个人计算机、服务器或者网络设备等，具体可以是计算机设备中的处理器)执行本申请的各个实施例上述方法的部分或全部步骤。
以上对本申请实施例公开的一种页面展示方法、装置、电子设备及计算机可读存储介质进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想。同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims (13)

1.一种页面展示方法，其特征在于，包括：
响应针对展示界面的第一显示区域的截图操作，截取所述第一显示区域中选择的页面内容，得到截取图像，所述第一显示区域包括浏览的页面内容；
生成与所述截取图像对应的截图记录；
在所述展示界面的第二显示区域中添加所述截图记录。
2.根据权利要求1所述的方法，其特征在于，所述生成与所述截取图像对应的截图记录，包括：
按照第一比例对所述截取图像进行缩小，并将缩小后的截取图像作为截图记录。
3.根据权利要求1所述的方法，其特征在于，所述生成与所述截取图像对应的截图记录，包括：
将所述截取图像缩放成具备目标图像大小的图像，并将所述具备目标图像大小的图像作为截图记录。
4.根据权利要求1所述的方法，其特征在于，所述生成与所述截取图像对应的截图记录，包括：
当检测到针对所述截取图像的移动操作时，获取所述移动操作的移动方向；
若所述移动方向为向所述展示界面中的第二显示区域移动，则生成所述截取图像对应的截图记录。
5.根据权利要求1至4任一所述的方法，其特征在于，所述第二显示区域用于显示在第一时间段内生成的截图记录；或
所述第二显示区域用于显示最新生成的第一数量的截图记录；或
所述第二显示区域用于显示本次进入所述展示界面生成的所有截图记录。
6.根据权利要求1至4任一所述的方法，其特征在于，在所述添加所述截图记录之后，所述方法还包括：
获取所述截图记录在所述第二显示区域中的标签；
在所述标签中添加所述截取图像对应的图层，并根据所述截取图像设置所述图层的显示样式；
当检测到针对所述截图记录的第一查看操作时，根据所述显示样式在所述图层中渲染所述截取图像。
7.根据权利要求1至4任一所述的方法，其特征在于，在所述添加所述截图记录之后，所述方法还包括：
当检测到针对所述截图记录的第二查看操作时，创建显示组件；
在所述显示组件中渲染所述截取图像，并将所述显示组件悬浮显示在所述展示界面中。
8.根据权利要求1所述的方法，其特征在于，所述方法还包括：
若在第二时间段内未检测到针对所述第一显示区域的截图操作，对所述第二显示区域进行隐藏。
9.根据权利要求1至4任一所述的方法，其特征在于，在所述生成与所述截取图像对应的截图记录之后，所述方法还包括：
获取所述截取图像在所述第一显示区域中对应的页面位置；
建立所述截图记录与所述页面位置的对应关系；
在所述添加所述截图记录之后，所述方法还包括：
当检测到针对所述截图记录的跳转操作时，根据所述对应关系控制所述第一显示区域跳转到与所述截图记录对应的页面位置。
10.根据权利要求1所述的方法，其特征在于，在所述得到截取图像之后，所述方法还包括：
对所述截取图像进行缓存；
在所述添加所述截图记录之后，所述方法还包括：
响应针对所述第二显示区域的保存操作，将所述第二显示区域中包含的各个截图记录对应的截取图像存储到目标路径中；
若在退出所述展示界面时未检测到所述保存操作，则删除缓存的截取图像。
11.一种页面展示装置，其特征在于，包括：
截图模块，用于响应针对展示界面的第一显示区域的截图操作，截取所述第一显示区域中选择的页面内容，得到截取图像，所述第一显示区域包括浏览的页面内容；
记录生成模块，用于生成与所述截取图像对应的截图记录；
添加模块，用于在所述展示界面的第二显示区域中添加所述截图记录。
12.一种电子设备，其特征在于，包括存储器及处理器，所述存储器中存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器实现如权利要求1至10任一所述的方法。
13.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至10任一所述的方法。
CN202010923261.6A 2020-09-04 2020-09-04 页面展示方法、装置、电子设备及计算机可读存储介质 Pending CN112099706A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010923261.6A CN112099706A (zh) 2020-09-04 2020-09-04 页面展示方法、装置、电子设备及计算机可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010923261.6A CN112099706A (zh) 2020-09-04 2020-09-04 页面展示方法、装置、电子设备及计算机可读存储介质

Publications (1)

Publication Number Publication Date
CN112099706A true CN112099706A (zh) 2020-12-18

Family

ID=73757344

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010923261.6A Pending CN112099706A (zh) 2020-09-04 2020-09-04 页面展示方法、装置、电子设备及计算机可读存储介质

Country Status (1)

Country Link
CN (1) CN112099706A (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113485621A (zh) * 2021-07-19 2021-10-08 维沃移动通信有限公司 图像截取方法、装置、电子设备及存储介质
CN114047985A (zh) * 2021-10-21 2022-02-15 盐城金堤科技有限公司 截图方法、装置、存储介质及电子设备
CN115129200A (zh) * 2022-07-07 2022-09-30 金蝶软件（中国）有限公司 列表内容项的处理方法、装置、设备及存储介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107798075A (zh) * 2017-09-29 2018-03-13 维沃移动通信有限公司 一种截屏方法及移动终端
CN107896279A (zh) * 2017-11-16 2018-04-10 维沃移动通信有限公司 一种移动终端的截屏处理方法、装置及移动终端
CN110602565A (zh) * 2019-08-30 2019-12-20 维沃移动通信有限公司 一种图像处理方法及电子设备

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107798075A (zh) * 2017-09-29 2018-03-13 维沃移动通信有限公司 一种截屏方法及移动终端
CN107896279A (zh) * 2017-11-16 2018-04-10 维沃移动通信有限公司 一种移动终端的截屏处理方法、装置及移动终端
CN110602565A (zh) * 2019-08-30 2019-12-20 维沃移动通信有限公司 一种图像处理方法及电子设备

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113485621A (zh) * 2021-07-19 2021-10-08 维沃移动通信有限公司 图像截取方法、装置、电子设备及存储介质
CN113485621B (zh) * 2021-07-19 2024-05-28 维沃移动通信有限公司 图像截取方法、装置、电子设备及存储介质
CN114047985A (zh) * 2021-10-21 2022-02-15 盐城金堤科技有限公司 截图方法、装置、存储介质及电子设备
CN115129200A (zh) * 2022-07-07 2022-09-30 金蝶软件（中国）有限公司 列表内容项的处理方法、装置、设备及存储介质

Similar Documents

Publication Publication Date Title
US10268658B2 (en) Page loading method and system, and computer-readable storage medium
US9164658B2 (en) Flexible selection tool for mobile devices
US10180767B2 (en) Portable device and method facilitating execution of multiple applications simultaneously
AU2014200547B2 (en) Page search method and electronic device supporting the same
JP6051338B2 (ja) ページロールバック制御方法、ページロールバック制御装置、端末、プログラム及び記録媒体
US20110022957A1 (en) Web browsing method and web browsing device
CN112099706A (zh) 页面展示方法、装置、电子设备及计算机可读存储介质
US20140157201A1 (en) Touch screen hover input handling
US11604580B2 (en) Configuration of application execution spaces and sub-spaces for sharing data on a mobile touch screen device
KR20170041219A (ko) 렌더링된 콘텐츠와의 호버 기반 상호작용
KR102345098B1 (ko) 스크린 디스플레이 방법 및 단말
CN108628510B (zh) 内容显示方法、装置、电子设备及可读存储介质
US20160110035A1 (en) Method for displaying and electronic device thereof
KR20140097820A (ko) 전자장치에서 웹페이지 내의 특정 객체의 속성을 조절하기 위한 방법 및 장치
KR20150095540A (ko) 사용자 단말 장치 및 이의 디스플레이 방법
CN106681616B (zh) 一种浏览器功能栏显示方法、装置及设备
KR20160073714A (ko) 전자 기기 및 이의 웹 페이지 디스플레이 방법
CN112099710A (zh) 一种应用启动方法、装置、设备及计算机可读存储介质
CN110909274B (zh) 页面浏览方法、装置及电子设备
CN111324398A (zh) 最近内容的处理方法、装置、终端及存储介质
CN110908552B (zh) 多窗口操作控制方法、装置、设备及存储介质
CN111124584A (zh) 快捷面板显示方法、终端及可读存储介质
KR20140132938A (ko) 웹 페이지 표시 방법 및 그 장치
CN115640782A (zh) 用于文档演示的方法、装置、设备和存储介质
CN114879872A (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