一种显示方法、装置及设备制造方法及图纸

本申请公开了一种显示方法、装置及设备，其中，所述方法包括：响应于对网页的框选操作，确定目标区域；创建浮窗；将所述目标区域中的内容显示于所述浮窗。内容显示于所述浮窗。内容显示于所述浮窗。

【技术实现步骤摘要】
一种显示方法、装置及设备


[0001]本申请实施例涉及网络
，涉及但不限于一种显示方法、装置及设备。

技术介绍

[0002]用户在访问全球广域网(World Wide Web，Web)页面时，有时仅需要关注某一区域的内容变化，同时需要处理其它事务，如去使用别的应用，或者查看其它页面等。
[0003]现有解决方案和问题如下：
[0004]解决方案一、视频内容开启画中画功能，将视频小窗口拖拽到合适位置查看，但存在仅限于视频内容的问题；解决方案二、对查看的区域内容进行截图，但存在只能查看静态不变的内容，不适用要实时更新的场景；解决方案三、手动调节浏览器窗口大小，并保持查看内容更好在窗口可显示区域内，但是存在操作繁琐的问题。

技术实现思路

[0005]有鉴于此，本申请实施例提供一种显示方法、装置、设备及存储介质。
[0006]本申请实施例的技术方案是这样实现的：
[0007]第一方面，本申请实施例提供一种显示方法，所述方法包括：
[0008]响应于对网页的框选操作，确定目标区域；
[0009]创建浮窗；
[0010]将所述目标区域中的内容显示于所述浮窗。
[0011]第二方面，本申请实施例提供一种显示装置，所述装置包括：
[0012]确定模块，用于响应于对网页的框选操作，确定目标区域；
[0013]创建模块，用于创建浮窗；
[0014]第一显示模块，用于将所述目标区域中的内容显示于所述浮窗。
[0015]第三方面，本申请实施例提供一种电子设备，包括存储器和处理器，所述存储器存储有可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述方法。
[0016]第四方面，本申请实施例提供一种存储介质，存储有可执行指令，用于处理器执行时，实现上述方法。
[0017]本申请实施例中，首先响应于对网页的框选操作，确定目标区域；然后创建浮窗；最后将所述目标区域中的内容显示于所述浮窗。这样，可以对页面中的目标区域进行复制，生成对应浮窗，且浮窗中的显示内容始终和目标区域保持一致，即浮窗中的显示内容可以实时更新。
附图说明
[0018]图1为本申请实施例提供的一种显示方法的实现流程示意图；
[0019]图2为本申请实施例提供的一种显示方法的实现流程示意图；
[0020]图3为本申请实施例提供的一种更新显示方法的实现流程示意图；
[0021]图4为本申请实施例提供的一种显示方法的实现流程示意图；
[0022]图5为本申请实施例提供的一种显示装置的组成结构示意图；
[0023]图6为本申请实施例提供的电子设备的一种硬件实体示意图。
具体实施方式
[0024]为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对申请实施例的具体技术方案做进一步详细描述。以下实施例用于说明本申请，但不用来限制本申请的范围。
[0025]在以下的描述中，涉及到“一些实施例”，其描述了所有可能实施例的子集，但是可以理解，“一些实施例”可以是所有可能实施例的相同子集或不同子集，并且可以在不冲突的情况下相互结合。
[0026]在以下的描述中，所涉及的术语“第一\第二\第三”仅仅是是区别类似的对象，不代表针对对象的特定排序，可以理解地，“第一\第二\第三”在允许的情况下可以互换特定的顺序或先后次序，以使这里描述的本申请实施例能够以除了在这里图示或描述的以外的顺序实施。
[0027]除非另有定义，本文所使用的所有的技术和科学术语与属于本申请的
的技术人员通常理解的含义相同。本文中所使用的术语只是为了描述本申请实施例的目的，不是旨在限制本申请。
[0028]本申请实施例提供一种显示方法，如图1所示，该方法包括：
[0029]步骤S110、响应于对网页的框选操作，确定目标区域；
[0030]在实施过程中，用户可以利用鼠标对浏览器中的网页进行框选操作，以确定需要浮窗显示的网页中的目标区域。
[0031]步骤S120、创建浮窗；
[0032]这里，浮窗是浮动窗口的简称。浮窗的显示层级高于其它所有用户界面的显示层级，因此浮窗在被显示之后，不论浮窗下面的用户界面如何切换，都不会影响到浮窗的正常显示。举例来说，当用户切换除了浮窗外其它页面的情况下，具有浮窗显示功能的浮窗，可以以窗口的形式显示于其它页面之上，用户可以同时看其它页面和浮窗中显示的内容。
[0033]在实施过程中，可以基于浮窗创建指令，触发创建浮窗。其中，浮窗创建指令可以由用户触发生成，例如用户可以通过触控操作、语音、手势、表情等方式触发生成浮窗创建指令。
[0034]步骤S130、将所述目标区域中的内容显示于所述浮窗。
[0035]在实施过程中，目标区域中的内容是随着网页的更新而实时更新的，这样，显示于浮窗中目标区域中的内容也可以随着网页的更新而实时更新。即，浮窗中的显示更新与目标区域中的显示更新可以保持一致，同步显示目标区域中的内容。
[0036]本申请实施例中，首先响应于对网页的框选操作，确定目标区域；然后创建浮窗；最后将所述目标区域中的内容显示于所述浮窗。这样，可以对页面中的目标区域进行复制，生成对应浮窗，且浮窗中的显示内容始终和目标区域保持一致，即浮窗中的显示内容可以实时更新。
[0037]在一些实施例中，如图2所示，以上步骤S130“将所述目标区域中的内容显示于所
述浮窗”可以通过以下步骤实现：
[0038]步骤S210、对所述目标区域中最外层的元素进行标识，以确定所述目标区域的标识；
[0039]这里，网页是构成网站的基本元素，是承载各种网站应用的平台。网页是一个包含HTML标签的纯文本文件，可以存放在某一台计算终端中，是万维网中的一“页”，是超文本标记语言格式(标准通用标记语言的一个应用，文件扩展名为.html或.htm)。网页是一个纯文本文件，可以通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述。页面中所有的标签都是元素，文档对象模型(Document Object Model，DOM)中可以使用element表示。
[0040]在实施过程中，可以获取目标区域所包含的所有页面元素；确定上述页面元素构成的文档对象模型DOM树中的子节点的公共父节点，将所述公共父节点对应的页面元素作为该目标区域中最外层的元素。并对该元素进行标识，使用此标识作为目标区域的标识。
[0041]步骤S220、基于所述目标区域的标识获取所述目标区域中的元素，以将所述元素对应的内容显示于所述浮窗；
[0042]在实施过程中，由于浮窗中对应显示的是目标区域的内容，所以可以基于目标区域的标识获取该目标区域中的所有元素，并将目标区域中的元素显示于浮窗。
[0043]步骤S230、在确定所述目标区域中的任一元素发生变化的情况下，更新所述浮窗中的显示。
[0044]在本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种显示方法，所述方法包括：响应于对网页的框选操作，确定目标区域；创建浮窗；将所述目标区域中的内容显示于所述浮窗。2.如权利要求1所述的方法，所述将所述目标区域中的内容显示于所述浮窗，包括：对所述目标区域中最外层的元素进行标识，以确定所述目标区域的标识；基于所述目标区域的标识获取所述目标区域中的元素，以将所述元素对应的内容显示于所述浮窗；在确定所述目标区域中的任一元素发生变化的情况下，更新所述浮窗中的显示。3.如权利要2求所述的方法，所述基于所述目标区域的标识获取所述目标区域中的元素，以将所述元素对应的内容显示于所述浮窗，包括：基于所述目标区域的标识获取所述目标区域中的原始元素；基于所述原始元素生成对应所述目标区域的虚拟对象，其中，所述虚拟对象为虚拟文本对象模型；基于所述虚拟对象创建目标元素，其中，所述目标元素为文本对象模型类型的元素；将所述目标元素置于所述浮窗，以将所述内容显示于所述浮窗。4.如权利要求2所述的方法，所述基于所述目标区域的标识获取所述目标区域中的元素，包括：设置定时器；在第一时刻，基于所述目标区域的标识获取所述目标区域中的第一元素；将所述第一元素显示在所述浮窗；在第二时刻，基于所述目标区域的标识获取所述目标区域中的第二元素，其中，所述第一时刻与所述第二时刻的时间差基于所述定时器确定的。5.如权利要求4所述的方法，所述在确定所述目标区域中的任一元素发生变...

【专利技术属性】
技术研发人员：刘磊，张金应，曹凯，
申请(专利权)人：联想北京有限公司，
类型：发明
国别省市：