CN110262749B - 一种网页操作方法、装置、容器、设备及介质 - Google Patents

一种网页操作方法、装置、容器、设备及介质 Download PDF

Info

Publication number
CN110262749B
CN110262749B CN201910569426.1A CN201910569426A CN110262749B CN 110262749 B CN110262749 B CN 110262749B CN 201910569426 A CN201910569426 A CN 201910569426A CN 110262749 B CN110262749 B CN 110262749B
Authority
CN
China
Prior art keywords
webpage view
layer
view
preset threshold
processing action
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.)
Active
Application number
CN201910569426.1A
Other languages
English (en)
Other versions
CN110262749A (zh
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.)
Beijing Mind Creation Information Technology Co ltd
Original Assignee
Beijing Mind Creation Information 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 Beijing Mind Creation Information Technology Co ltd filed Critical Beijing Mind Creation Information Technology Co ltd
Priority to CN201910569426.1A priority Critical patent/CN110262749B/zh
Publication of CN110262749A publication Critical patent/CN110262749A/zh
Application granted granted Critical
Publication of CN110262749B publication Critical patent/CN110262749B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
    • 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
    • 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

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本说明书实施例公开了一种网页操作方法、装置、容器、设备及介质，网页操作方法包括：建立上下两层网页视图，上层网页视图用于与外界交互；监听对所述网页视图所在终端的操作事件，所述操作事件包括所述终端屏幕是否受到触摸或发生鼠标点击；若对所述终端屏幕的触摸持续时长达到第一预设阈值或单次鼠标点击持续时长达到第一预设阈值，则执行第一处理动作，所述第一处理动作指向所述下层网页视图；和/或，若所述网页视图所在终端屏幕受到触摸或发生鼠标点击，且触摸持续时长或单次鼠标点击持续时长未达到第一预设阈值，则确定所述操作事件是否改变了上层网页视图内容；若是，则执行第二处理动作，所述第二处理动作指向所述上层和下层网页视图。

Description

一种网页操作方法、装置、容器、设备及介质
技术领域
本申请涉及计算机技术领域，尤其涉及一种网页操作方法、装置、容器、设备及介质。
背景技术
现有技术中，用户可以对终端网页中的元素进行多种操作，例如可以对网页中的图片进行保存或分享。具体的，图片保存或分享的前提是用户必须长按在网页中的图片位置上，且不能有任何其他网页元素覆盖待保存或分享的图片，否则会出现保存或分享错误等各种问题。另外，用户还可以与网页进行交互，从而改变网页中的图片的展示内容，但现有技术中，所保存或分享的图片并不体现改变后的展示内容。
有鉴于此，需要更有效和更高效的网页操作方案。
发明内容
本说明书实施例提供一种网页操作方法、装置、容器、设备及介质，用以解决如何更有效和更高效地进行网页操作的技术问题。
为解决上述技术问题，本说明书实施例是这样实现的：
本说明书实施例提供一种网页操作方法，包括：
建立上下两层网页视图，上层网页视图用于与外界交互；
监听对所述网页视图所在终端的操作事件，所述操作事件包括所述终端屏幕是否受到触摸或发生鼠标点击；
若对所述终端屏幕的触摸持续时长达到第一预设阈值或单次鼠标点击持续时长达到第一预设阈值，则执行第一处理动作，所述第一处理动作指向所述下层网页视图；
和/或，
若所述网页视图所在终端屏幕受到触摸或发生鼠标点击，且触摸持续时长或单次鼠标点击持续时长未达到第一预设阈值，则确定所述操作事件是否改变了上层网页视图内容；若是，则执行第二处理动作，所述第二处理动作指向所述上层和下层网页视图。
本说明书实施例提供一种网页操作装置，包括：
视图构建模块，用于建立上下两层网页视图，上层网页视图用于与外界交互；
监听模块，用于监听对所述网页视图所在终端的操作事件，所述操作事件包括所述终端屏幕是否受到触摸或发生鼠标点击；
处理模块，用于若对所述终端屏幕的触摸持续时长达到第一预设阈值或单次鼠标点击持续时长达到第一预设阈值，则执行第一处理动作，所述第一处理动作指向所述下层网页视图；和/或，若所述网页视图所在终端屏幕受到触摸或发生鼠标点击，且触摸持续时长或单次鼠标点击持续时长未达到第一预设阈值，则确定所述操作事件是否改变了上层网页视图内容；若是，则执行第二处理动作，所述第二处理动作指向所述上层和下层网页视图。
本说明书实施例提供一种网页生产及操作容器，包括：
视图构建模块，用于建立上下两层网页视图，上层网页视图用于与外界交互；
监听模块，包括计时器和计时还原器，所述计时器用于监听对所述网页视图所在终端的操作事件，所述操作事件包括所述终端屏幕是否受到触摸或发生鼠标点击，以及确定鼠标点击时长或对所述终端屏幕的触摸持续时长，以及确定所述时长是否达到第一预设阈值；计时还原器用于在所述时长达到第一预设阈值后清除所述计时器的计时数据，以使所述计时器能够重新计时；
处理模块，用于若对所述终端屏幕的触摸持续时长达到第一预设阈值或单次鼠标点击持续时长达到第一预设阈值，则执行第一处理动作，所述第一处理动作指向所述下层网页视图；和/或，若所述网页视图所在终端屏幕受到触摸或发生鼠标点击，且触摸持续时长或单次鼠标点击持续时长未达到第一预设阈值，则确定所述操作事件是否改变了上层网页视图内容；若是，则执行第二处理动作，所述第二处理动作指向所述上层和下层网页视图。
本说明书实施例提供一种网页操作设备，包括：
至少一个处理器；
以及，
与所述至少一个处理器通信连接的存储器；
其中，
所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：
建立上下两层网页视图，上层网页视图用于与外界交互；
监听对所述网页视图所在终端的操作事件，所述操作事件包括所述终端屏幕是否受到触摸或发生鼠标点击；
若对所述终端屏幕的触摸持续时长达到第一预设阈值或单次鼠标点击持续时长达到第一预设阈值，则执行第一处理动作，所述第一处理动作指向所述下层网页视图；
和/或，
若所述网页视图所在终端屏幕受到触摸或发生鼠标点击，且触摸持续时长或单次鼠标点击持续时长未达到第一预设阈值，则确定所述操作事件是否改变了上层网页视图内容；若是，则执行第二处理动作，所述第二处理动作指向所述上层和下层网页视图。
本说明书实施例提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可执行指令，所述计算机可执行指令被处理器执行时实现如下的步骤：
建立上下两层网页视图，上层网页视图用于与外界交互；
监听对所述网页视图所在终端的操作事件，所述操作事件包括所述终端屏幕是否受到触摸或发生鼠标点击；
若对所述终端屏幕的触摸持续时长达到第一预设阈值或单次鼠标点击持续时长达到第一预设阈值，则执行第一处理动作，所述第一处理动作指向所述下层网页视图；
和/或，
若所述网页视图所在终端屏幕受到触摸或发生鼠标点击，且触摸持续时长或单次鼠标点击持续时长未达到第一预设阈值，则确定所述操作事件是否改变了上层网页视图内容；若是，则执行第二处理动作，所述第二处理动作指向所述上层和下层网页视图。
本说明书实施例采用的上述至少一个技术方案能够达到以下有益效果：
建立上下两层视图，若对所述终端屏幕的触摸持续时长达到第一预设阈值或单次鼠标点击持续时长达到第一预设阈值，则执行第一处理动作，所述第一处理动作指向所述下层网页视图，从而使得对下层网页视图的处理不受用户对终端屏幕的触摸位置或鼠标点击位置的确定，也不影响用户与上层视图的交互；若所述网页视图所在终端屏幕受到触摸或发生鼠标点击，且触摸持续时长或单次鼠标点击持续时长未达到第一预设阈值，则确定所述操作事件是否改变了上层网页视图内容；若是，则执行第二处理动作，所述第二处理动作指向所述上层和下层网页视图，一方面使得上层和下层网页视图都能够随用户的操作而同步变更或更新，另一方面即使再对下层视图进行处理，也是对更新后的下层视图进行处理，保证了网页视图的时效性和有效性。
附图说明
为了更清楚地说明本说明书实施例或现有技术中的技术方案，下面将对本说明书实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本说明书中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1是现有技术中的一种网页示意图。
图2是现有技术中的另一种网页示意图。
图3是本说明书第一个实施例中的网页操作方法的流程示意图。
图4是本说明书第一个实施例的工作流程示意图。
图5是本说明书第一个实施例中的网页视图及其交互示意图。
图6是本说明书第二个实施例中的网页操作装置的结构示意图。
图7是本说明书第三个实施例中的网页生产及操作容器的结构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
现有技术中，终端屏幕所显示的网页中可以存在文字、图片等元素，图片的数量以及网页在网页中的位置不固定，例如图1所示。若用户想要保存或分享网页中的图片，需要在图片所在的位置长按达到一定时长。这意味着：用户需要按压图片所在的位置或图片所在位置上的特定区域(例如图片所在位置的中心区域)，不能按压在图片以外的区域；图片上不能有任何网页元素覆盖，例如文字；否则会出现保存或分享错误等各种问题。另外，用户还可以与网页进行交互，例如图2所示，网页中的图片中可以存在可选中框(图2中的“是”或“否”选中框)，用户可以选中可选中框。若用户选中了可选中框，即网页上展示的是选中状态，然后分享或保存该图片，那么分享或保存的图片仍然是非选中状态的，即分享或保存的图片与网页展示内容不一致。此外，若网页主动改变了展示内容，也会出现分享或保存的图片与网页展示内容不一致的情况。对于分享或保存的图片与网页展示内容不一致的问题，现有解决方案是使用画板(Canvas)技术将网页内容动态生成为分享或保存的图片，但是延时较高，比较耗费性能。
图3是本说明书第一个实施例中的网页操作方法的流程示意图，图4是本说明书第一个实施例的工作流程示意图。结合图3和图4，本实施例中的网页操作方法包括：
S101：建立上下两层网页视图，上层网页视图用于与外界交互。
本实施例中，网页可以是在终端上显示的，终端可以是多种多样的，包括但不限于(用户所持有的)手机、计算机等。
本实施例中，可以建立上下两层网页视图(也可以称为网页图层或展示图层)，即终端中显示的网页是包含上下两层网页视图的，用户看到的为上层网页视图，上层网页视图用于与外界交互，即用户可以对上层网页视图进行操作。其中，上层或下层网页视图都可以是SVG图像或者SVG元素，如图5所示。SVG：是一种描述二维矢量图形的图像格式，是由国际互联网标准组织制定的开放标准，其优点包括：1.SVG图像具有极强的交互性与动态性，可以通过脚本语言来接受外部事件的驱动也可以通过定义动画元素来使图像完成变形、拉伸、渐变等效果；2.SVG图像由于基于可扩展标记语言，因此继承了良好的可拓展性、可读性和跨平台性；3.SVG为矢量图像格式，矢量图像使用点和线来描述元素因此任意缩放比例都不会破坏图像的清晰度与细节。
具体的，当用户通过终端(或终端上的应用程序，例如浏览器，下同)将对网页的网络请求发送到服务器，服务器将网页(文档)代码通过网络发送给用户的终端；其中，网页代码可以是包括容器代码(容器请见后续实施例，容器代码可供终端构建和运行容器，容器代码也可以预装在终端中，而不需要通过网络请求获取)、SVG代码和网页中的其他代码(如不需要分享的网页元素、网站本身的信息数据)等代码数据在内的总集合；终端运行网页代码，将网页代码中的SVG图像代码作为Data URLs数据，传入到数据驱动型前端框架(数据驱动型前端框架：一种通过关注数据的变化来控制更新网页中视图的编程范式)中，即将网页代码中的SVG图像代码以Data URLs格式传入到基于数据驱动的前端框架(即数据驱动型前段框架)中，从而生成网页中重叠且相同的上下两层网页视图，上层为负责与用户进行正常交互的SVG元素，下层为待分享的海报图片。其中，Data URLs是一种允许向文档中嵌入小文件的数据格式，该数据格式主要由四部分组成：前缀、类型、字符集、数据体。例如将SVG图像以图片的格式***到网页中，其Data URLs可以写为：data:image/svg+xml；charset＝utf-8,[SVG文本代码]。
S102：监听对所述网页视图所在终端的操作事件，所述操作事件包括所述终端屏幕是否受到触摸或发生鼠标点击。
本实施例中，可以监听用户对终端的操作，具体的，可以监听上述的网页视图所在终端的屏幕是否受到触摸(例如终端是手机)或鼠标点击(例如终端是计算机)，发生触摸或鼠标点击即触发上层网页视图的Touch Start事件。若终端的屏幕收到了触摸(或者按压)或者发生了鼠标点击，则对触摸或点击进行计时，这里的计时是针对单次触摸或单次鼠标点击的，即用户从触摸开始到离开屏幕，或者从按下鼠标键到松开鼠标键。
1.1、若单次触摸或单次鼠标点击的持续时长达到第一预设阈值(比如第一预设阈值是400毫秒)，则执行第一处理动作，第一处理动作指向下层网页视图，或者说第一处理动作以下层网页视图为目标。
本实施例中，第一处理动作是与用户的长按操作对应的处理动作。例如，执行第一处理动作，第一处理动作指向所述下层网页视图可以包括：呼出功能菜单，所述功能菜单的功能选项作用于所述下层网页视图。这里的功能菜单可以是终端或终端上的应用程序(比如浏览器)的功能菜单，功能菜单上的功能选项包括但不限于：保存或分享。这里的指向下层网络视图或者作用于下层网络视图是指保存或分享的为下层网络视图。
上面已经说明，上层或下层网页视图都可以是SVG图像，那么用户触摸或鼠标点击操作发生后，对所述终端屏幕的触摸持续时长达到第一预设阈值或单次鼠标点击持续时长达到第一预设阈值前，确定对所述终端屏幕的触摸持续时长或单次鼠标点击持续时长是否达到第二预设阈值(第二预设阈值小于所述第一预设阈值，比如第一预设阈值是200毫秒)；若对所述终端屏幕的触摸持续时长或单次鼠标点击持续时长达到第二预设阈值，则判断用户意图触发长按事件，则将上层网页视图的Pointer-Events(Pointer-Events：一种CSS(层叠样式表，用于控制网页样式)属性，该属性控制元素是否为鼠标事件的对象；默认值为：auto，即正常响应用户鼠标事件；当其值为none时，鼠标事件会穿透该元素并且在该元素下层的任何元素上触发该事件)属性设置为none，以使所述操作事件透过所述上层网页视图，在下层网页视图上被触发或被响应，如图5所示；这样，当单次触摸或单次鼠标点击的持续时长达到第一预设阈值时，可以呼出功能菜单，所述功能菜单的功能选项作用于所述下层网页视图。这里的功能菜单可以是终端或终端上的应用程序的功能菜单，功能菜单上的功能选项包括但不限于：保存图片或分享图片。这里的指向下层网络视图或者作用于下层网络视图是指保存或分享的为下层网络视图(即SVG图像)。
在单次触摸或单次鼠标点击的持续时长达到第一预设阈值的情况下，当用户停止触摸屏幕或松开鼠标键后，或者单次触摸或单次鼠标点击超出第三预设阈值(第三预设阈值大于第一预设阈值大于第二预设阈值，比如第三预设阈值是600毫秒)时，可以将上层网页视图的Pointer-Events属性初始化为默认值，以便上层网页视图继续与用户进行除长按事件以外的交互以及进行下次长按交互。
1.2、若单次触摸或单次鼠标点击的持续时长未达到第一预设阈值(比如第一预设阈值是400毫秒)，则确定所述操作事件是否改变了上层网页视图内容；若是，则执行第二处理动作，第二处理动作指向上层和下层网页视图。
若单次触摸或单次鼠标点击的持续时长未达到第一预设阈值(单次触摸结束或单次鼠标点击松开鼠标键即触发上层网页视图的Touch End事件)，则可以确定用户的触摸或鼠标点击等操作事件(可以称为普通事件，如图5所示)是否改变了上层网页视图内容，例如网页视图中存在选中框，用户选中了该选中框，则改变了上层网页视图内容；若用户的触摸或鼠标点击改变了上层网页视图内容，则执行第二处理动作，所述第二处理动作指向所述上层和下层网页视图包括：根据操作事件更新上层和下层网页视图的源数据(SVG图像代码)，根据更新后的源数据更新上层和下层网页视图，即将更新后的源数据传入到基于数据驱动的前端框架中，从而重新生成网页中重叠且相同的上下两层网页视图，即更新上层和下层网页视图(也就是指向或者说作用于上层和下层网页视图)，从而保证了下层网页视图与上层网页视图的一致性(即更新后的上层与下层网页视图中的选中框都是选中状态)，也就保证了下层网页视图与用户看到的网页内容的一致性。之后若用户再进行1.1中的长按操作，则所保存或分享的下层网页视图就是用户所看到的内容。
本实施例中，建立上下两层视图，若对所述终端屏幕的触摸持续时长达到第一预设阈值或单次鼠标点击持续时长达到第一预设阈值，则执行第一处理动作，所述第一处理动作指向所述下层网页视图，从而使得对下层网页视图的处理不受用户对终端屏幕的触摸位置或鼠标点击位置的确定，也不影响用户与上层视图的交互；网页开发者在开发能够分享或保存图片的网页时也不必要添加引导文案来引导用户在正确的位置进行触摸或鼠标点击，提高了网页开发的便利性。
本实施例中，若所述网页视图所在终端屏幕受到触摸或发生鼠标点击，且触摸持续时长或单次鼠标点击持续时长未达到第一预设阈值，则确定所述操作事件是否改变了上层网页视图内容；若是，则执行第二处理动作，所述第二处理动作指向所述上层和下层网页视图，一方面使得上层和下层网页视图都能够随用户的操作而同步变更或更新，另一方面即使再对下层视图进行处理，也是对更新后的下层视图进行处理，保证了网页视图的时效性和有效性；由于是通过将网页视图代码(SVG图像代码)转化为网页视图(SVG图像)的方式，因而网页视图更新耗费时间少，性能高。另外，本实施例中，网页与用户的交互事件以及各种网页元素(例如动画)的载体变成了SVG图像中的元素，基于前述的SVG图像的优点，能够增加交互事件与网页元素的精细度，提高开发者对网页内容的控制力。
如图6所示，本说明书第二个实施例提供了一种与第一个实施例对应的网页操作装置，包括：
视图构建模块201，用于建立上下两层网页视图，上层网页视图用于与外界交互；
监听模块202，用于监听对所述网页视图所在终端的操作事件，所述操作事件包括所述终端屏幕是否受到触摸或发生鼠标点击；
处理模块203，用于若对所述终端屏幕的触摸持续时长达到第一预设阈值或单次鼠标点击持续时长达到第一预设阈值，则执行第一处理动作，所述第一处理动作指向所述下层网页视图；和/或，若所述网页视图所在终端屏幕受到触摸或发生鼠标点击，且触摸持续时长或单次鼠标点击持续时长未达到第一预设阈值，则确定所述操作事件是否改变了上层网页视图内容；若是，则执行第二处理动作，所述第二处理动作指向所述上层和下层网页视图。
可选的，所述监听模块还用于确定鼠标点击时长或对所述终端屏幕的触摸持续时长。
可选的，执行第一处理动作，所述第一处理动作指向所述下层网页视图包括：
呼出功能菜单，所述功能菜单的功能选项作用于所述下层网页视图；
和/或，
执行第二处理动作，所述第二处理动作指向所述上层和下层网页视图包括：
根据所述操作事件更新所述上层和下层网页视图的源数据，根据所述更新后的源数据更新所述上层和下层网页视图。
可选的，对所述终端屏幕的触摸持续时长达到第一预设阈值或单次鼠标点击持续时长达到第一预设阈值前，所述监听模块还用于确定对所述终端屏幕的触摸持续时长或单次鼠标点击持续时长是否达到第二预设阈值，第二预设阈值小于所述第一预设阈值；
若是，则所述处理模块将上层网页视图的Pointer-Events属性设置为none，以使所述操作事件透过所述上层网页视图。
可选的，所述功能选项包括保存和/或分享。
可选的，所述装置还包括：
网络请求模块，用于建立相同的上下两层网页视图之前，向服务器发送网络请求，接收服务器发送的网页代码。
可选的，所述网页视图为SVG图像。
可选的，建立相同的上下两层网页视图包括：
将所述网页代码中的SVG图像代码作为Data URLs数据，生成相同的上下两层网页视图。
如图7所示，本说明书第三个实施例提供了一种与第一个实施例对应的网页生产及操作容器，该容器可在终端运行，其包括：
视图构建模块301，用于建立上下两层网页视图，上层网页视图用于与外界交互；
监听模块302，包括计时器和计时还原器，所述计时器用于监听对所述网页视图所在终端的操作事件，所述操作事件包括所述终端屏幕是否受到触摸或发生鼠标点击，以及确定鼠标点击时长或对所述终端屏幕的触摸持续时长，以及确定所述时长是否达到第一预设阈值；计时还原器用于在所述时长达到第一预设阈值后清除所述计时器的计时数据，以使所述计时器能够重新计时；
处理模块303，用于若对所述终端屏幕的触摸持续时长达到第一预设阈值或单次鼠标点击持续时长达到第一预设阈值，则执行第一处理动作，所述第一处理动作指向所述下层网页视图；和/或，若所述网页视图所在终端屏幕受到触摸或发生鼠标点击，且触摸持续时长或单次鼠标点击持续时长未达到第一预设阈值，则确定所述操作事件是否改变了上层网页视图内容；若是，则执行第二处理动作，所述第二处理动作指向所述上层和下层网页视图。
SVG图像代码输入到视图构建模块输出上下两层网页视图，监听模块安装在上层网页视图，其可以根据触摸或鼠标点击时长调用处理模块将用户的操作事件在下层网页视图被响应。若用户改变了网页内容，则处理模块将改动后的数据更新到上下两层视图中，以此来刷新网页视图
本说明书第四个实施例提供了一种网页操作设备，包括：
至少一个处理器；
以及，
与所述至少一个处理器通信连接的存储器；
其中，
所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：
建立上下两层网页视图，上层网页视图用于与外界交互；
监听对所述网页视图所在终端的操作事件，所述操作事件包括所述终端屏幕是否受到触摸或发生鼠标点击；
若对所述终端屏幕的触摸持续时长达到第一预设阈值或单次鼠标点击持续时长达到第一预设阈值，则执行第一处理动作，所述第一处理动作指向所述下层网页视图；
和/或，
若所述网页视图所在终端屏幕受到触摸或发生鼠标点击，且触摸持续时长或单次鼠标点击持续时长未达到第一预设阈值，则确定所述操作事件是否改变了上层网页视图内容；若是，则执行第二处理动作，所述第二处理动作指向所述上层和下层网页视图。
本说明书第五个实施例提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可执行指令，所述计算机可执行指令被处理器执行时实现如下的步骤：
建立上下两层网页视图，上层网页视图用于与外界交互；
监听对所述网页视图所在终端的操作事件，所述操作事件包括所述终端屏幕是否受到触摸或发生鼠标点击；
若对所述终端屏幕的触摸持续时长达到第一预设阈值或单次鼠标点击持续时长达到第一预设阈值，则执行第一处理动作，所述第一处理动作指向所述下层网页视图；
和/或，
若所述网页视图所在终端屏幕受到触摸或发生鼠标点击，且触摸持续时长或单次鼠标点击持续时长未达到第一预设阈值，则确定所述操作事件是否改变了上层网页视图内容；若是，则执行第二处理动作，所述第二处理动作指向所述上层和下层网页视图。
上述各实施例可以结合使用。
上述对本说明书特定实施例进行了描述，其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，附图中描绘的过程不一定必须按照示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。
本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置、设备、非易失性计算机可读存储介质实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
本说明书实施例提供的装置、设备、非易失性计算机可读存储介质与方法是对应的，因此，装置、设备、非易失性计算机存储介质也具有与对应方法类似的有益技术效果，由于上面已经对方法的有益技术效果进行了详细说明，因此，这里不再赘述对应装置、设备、非易失性计算机存储介质的有益技术效果。
在20世纪90年代，对于一个技术的改进可以很明显地区分是硬件上的改进(例如，对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而，随着技术的发展，当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此，不能说一个方法流程的改进就不能用硬件实体模块来实现。例如，可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray，FPGA))就是这样一种集成电路，其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字***“集成”在一片PLD上，而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且，如今，取代手工地制作集成电路芯片，这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现，它与程序开发撰写时所用的软件编译器相类似，而要编译之前的原始代码也得用特定的编程语言来撰写，此称之为硬件描述语言(Hardware DescrIP地址tion Language，HDL)，而HDL也并非仅有一种，而是有许多种，如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescrIP地址tion Language)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware DescrIP地址tion Language)、Lava、Lola、MyHDL、PALASM、RHDL(Ruby Hardware DescrIP地址tion Language)等，目前最普遍使用的是VHDL(Very-High-Speed Integrated Circuit Hardware DescrIP地址tion Language)与Verilog。本领域技术人员也应该清楚，只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中，就可以很容易得到实现该逻辑方法流程的硬件电路。
控制器可以按任何适当的方式实现，例如，控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit，ASIC)、可编程逻辑控制器和嵌入微控制器的形式，控制器的例子包括但不限于以下微控制器：ARC 625D、Atmel AT91SAM、MicrochIP地址PIC18F26K20以及Silicone LabsC8051F320，存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道，除了以纯计算机可读程序代码方式实现控制器以外，完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件，而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至，可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。
上述实施例阐明的***、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。
为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本说明书时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
本领域内的技术人员应明白，本说明书实施例可提供为方法、***、或计算机程序产品。因此，本说明书实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本说明书实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本说明书是参照根据本说明书实施例的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本说明书可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本说明书，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于***实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
以上所述仅为本说明书实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (12)

1.一种网页操作方法，包括：
建立上下两层网页视图，上层网页视图用于与外界交互；
监听对所述网页视图所在终端的操作事件，所述操作事件包括所述终端屏幕的任意位置是否受到触摸或发生鼠标点击；
若对所述终端屏幕的触摸持续时长达到第一预设阈值或单次鼠标点击持续时长达到第一预设阈值，则执行第一处理动作，所述第一处理动作指向所述下层网页视图；
和，
若所述网页视图所在终端屏幕受到触摸或发生鼠标点击，且触摸持续时长或单次鼠标点击持续时长未达到第一预设阈值，则确定所述操作事件是否改变了上层网页视图内容；若是，则执行第二处理动作，所述第二处理动作指向所述上层和下层网页视图。
2.如权利要求1所述的方法，执行第一处理动作，所述第一处理动作指向所述下层网页视图包括：
呼出功能菜单，所述功能菜单的功能选项作用于所述下层网页视图；
和/或，
执行第二处理动作，所述第二处理动作指向所述上层和下层网页视图包括：
根据所述操作事件更新所述上层和下层网页视图的源数据，根据所述更新后的源数据更新所述上层和下层网页视图。
3.如权利要求1所述的方法，所述方法还包括：
对所述终端屏幕的触摸持续时长达到第一预设阈值或单次鼠标点击持续时长达到第一预设阈值前，确定对所述终端屏幕的触摸持续时长或单次鼠标点击持续时长是否达到第二预设阈值，第二预设阈值小于所述第一预设阈值；
若是，则将上层网页视图的Pointer-Events属性设置为none，以使所述操作事件透过所述上层网页视图。
4.如权利要求2所述的方法，所述功能选项包括保存和/或分享。
5.如权利要求1至4中任一项所述的方法，所述方法还包括：
建立相同的上下两层网页视图之前，向服务器发送网络请求，接收服务器发送的网页代码。
6.如权利要求5所述的方法，所述网页视图为SVG图像。
7.如权利要求6所述的方法，建立相同的上下两层网页视图包括：
将所述网页代码中的SVG图像代码作为Data URLs数据，生成相同的上下两层网页视图。
8.一种网页操作装置，包括：
视图构建模块，用于建立上下两层网页视图，上层网页视图用于与外界交互；
监听模块，用于监听对所述网页视图所在终端的操作事件，所述操作事件包括所述终端屏幕的任意位置是否受到触摸或发生鼠标点击；
处理模块，用于若对所述终端屏幕的触摸持续时长达到第一预设阈值或单次鼠标点击持续时长达到第一预设阈值，则执行第一处理动作，所述第一处理动作指向所述下层网页视图；和，若所述网页视图所在终端屏幕受到触摸或发生鼠标点击，且触摸持续时长或单次鼠标点击持续时长未达到第一预设阈值，则确定所述操作事件是否改变了上层网页视图内容；若是，则执行第二处理动作，所述第二处理动作指向所述上层和下层网页视图。
9.如权利要求8所述的装置，所述监听模块还用于确定鼠标点击时长或对所述终端屏幕的触摸持续时长。
10.一种网页生产及操作装置，包括：
视图构建模块，用于建立上下两层网页视图，上层网页视图用于与外界交互；
监听模块，包括计时器和计时还原器，所述计时器用于监听对所述网页视图所在终端的操作事件，所述操作事件包括所述终端屏幕的任意位置是否受到触摸或发生鼠标点击，以及确定鼠标点击时长或对所述终端屏幕的触摸持续时长，以及确定所述时长是否达到第一预设阈值；计时还原器用于在所述时长达到第一预设阈值后清除所述计时器的计时数据，以使所述计时器能够重新计时；
处理模块，用于若对所述终端屏幕的触摸持续时长达到第一预设阈值或单次鼠标点击持续时长达到第一预设阈值，则执行第一处理动作，所述第一处理动作指向所述下层网页视图；和，若所述网页视图所在终端屏幕受到触摸或发生鼠标点击，且触摸持续时长或单次鼠标点击持续时长未达到第一预设阈值，则确定所述操作事件是否改变了上层网页视图内容；若是，则执行第二处理动作，所述第二处理动作指向所述上层和下层网页视图。
11.一种网页操作设备，包括：
至少一个处理器；
以及，
与所述至少一个处理器通信连接的存储器；
其中，
所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：
建立上下两层网页视图，上层网页视图用于与外界交互；
监听对所述网页视图所在终端的操作事件，所述操作事件包括所述终端屏幕的任意位置是否受到触摸或发生鼠标点击；
若对所述终端屏幕的触摸持续时长达到第一预设阈值或单次鼠标点击持续时长达到第一预设阈值，则执行第一处理动作，所述第一处理动作指向所述下层网页视图；
和，
若所述网页视图所在终端屏幕受到触摸或发生鼠标点击，且触摸持续时长或单次鼠标点击持续时长未达到第一预设阈值，则确定所述操作事件是否改变了上层网页视图内容；若是，则执行第二处理动作，所述第二处理动作指向所述上层和下层网页视图。
12.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可执行指令，所述计算机可执行指令被处理器执行时实现如下的步骤：
建立上下两层网页视图，上层网页视图用于与外界交互；
监听对所述网页视图所在终端的操作事件，所述操作事件包括所述终端屏幕的任意位置是否受到触摸或发生鼠标点击；
若对所述终端屏幕的触摸持续时长达到第一预设阈值或单次鼠标点击持续时长达到第一预设阈值，则执行第一处理动作，所述第一处理动作指向所述下层网页视图；
和，
若所述网页视图所在终端屏幕受到触摸或发生鼠标点击，且触摸持续时长或单次鼠标点击持续时长未达到第一预设阈值，则确定所述操作事件是否改变了上层网页视图内容；若是，则执行第二处理动作，所述第二处理动作指向所述上层和下层网页视图。
CN201910569426.1A 2019-06-27 2019-06-27 一种网页操作方法、装置、容器、设备及介质 Active CN110262749B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910569426.1A CN110262749B (zh) 2019-06-27 2019-06-27 一种网页操作方法、装置、容器、设备及介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910569426.1A CN110262749B (zh) 2019-06-27 2019-06-27 一种网页操作方法、装置、容器、设备及介质

Publications (2)

Publication Number Publication Date
CN110262749A CN110262749A (zh) 2019-09-20
CN110262749B true CN110262749B (zh) 2021-05-28

Family

ID=67922481

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910569426.1A Active CN110262749B (zh) 2019-06-27 2019-06-27 一种网页操作方法、装置、容器、设备及介质

Country Status (1)

Country Link
CN (1) CN110262749B (zh)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111124201A (zh) * 2019-11-29 2020-05-08 华为技术有限公司 一种单手操作的方法和电子设备
CN111208929B (zh) * 2020-01-03 2021-11-02 广州虎牙科技有限公司 多层级界面的响应方法、装置、设备及存储介质
CN111552422A (zh) * 2020-04-20 2020-08-18 广东以诺通讯有限公司 一种智能终端截屏局部模糊方法、装置及终端

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103034686A (zh) * 2012-11-28 2013-04-10 北京奇虎科技有限公司 一种加载图片工具条窗口的方法及其装置
CN107423050A (zh) * 2017-04-28 2017-12-01 广州酷狗计算机科技有限公司 一种穿透操作的方法和装置
CN108304242A (zh) * 2018-02-05 2018-07-20 武汉斗鱼网络科技有限公司 实现鼠标事件穿透的方法、相关存储介质、设备和装置

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9134789B2 (en) * 2009-07-14 2015-09-15 Adobe Systems Incorporated Multi-layer computer application with a transparent portion
KR101665512B1 (ko) * 2010-05-25 2016-10-12 삼성전자 주식회사 웹 페이지 관리 방법, 그 방법을 수행할 수 있는 장치 및 저장 매체
CN102664913B (zh) * 2012-03-21 2015-04-15 北京奇虎科技有限公司 网页访问控制方法和装置
CN104077313B (zh) * 2013-03-28 2018-02-27 腾讯科技（深圳）有限公司 一种网页页面中多输入框的显示方法、装置及终端设备
CN103744853B (zh) * 2013-11-08 2017-10-17 北京奇虎科技有限公司 提供搜索引擎网页快照信息的方法及装置
CN105786329A (zh) * 2015-12-25 2016-07-20 深圳市万普拉斯科技有限公司 网页按钮渲染方法和装置

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103034686A (zh) * 2012-11-28 2013-04-10 北京奇虎科技有限公司 一种加载图片工具条窗口的方法及其装置
CN107423050A (zh) * 2017-04-28 2017-12-01 广州酷狗计算机科技有限公司 一种穿透操作的方法和装置
CN108304242A (zh) * 2018-02-05 2018-07-20 武汉斗鱼网络科技有限公司 实现鼠标事件穿透的方法、相关存储介质、设备和装置

Also Published As

Publication number Publication date
CN110262749A (zh) 2019-09-20

Similar Documents

Publication Publication Date Title
CN111639289B (zh) 一种网页加载方法及装置
WO2020038163A1 (zh) 图标的显示方法、装置、终端及存储介质
US8713444B2 (en) System and method for browsing tabbed-heterogeneous windows
CN110262749B (zh) 一种网页操作方法、装置、容器、设备及介质
CN111796823A (zh) 页面更新、页面展示的方法、装置及页面维护***
CN111158686B (zh) 网页弹框生成方法及装置、电子设备、存储介质
CN109656445B (zh) 内容处理方法、装置、终端及存储介质
US11314391B2 (en) Navigation bar controlling method and terminal
CN111796821A (zh) 一种页面更新的方法及装置
CN109040767B (zh) 一种直播间加载方法、***、服务器及存储介质
CN115309470B (zh) 微件的加载方法、装置、设备以及存储介质
CN106294463B (zh) 一种动态曲线的数据点更新方法和设备
CN114356479B (zh) 一种页面渲染方法及装置
CN111898056A (zh) 一种网页显示方法、装置、存储介质及电子设备
CN111897607A (zh) 应用界面加载与交互方法、设备及存储介质
CN108664191B (zh) ***访问方法及装置
CN107562324B (zh) 数据显示控制的方法和终端
CN111324398A (zh) 最近内容的处理方法、装置、终端及存储介质
CN110647704B (zh) 一种页面更新方法、装置及设备
CN109725818B (zh) 一种信息展示方法、设备及计算机可读介质
US9037958B2 (en) Dynamic creation of user interface hot spots
CN110569460B (zh) 推送信息展示方法、装置及存储介质
CN111506848A (zh) 网页处理方法、装置、设备及可读存储介质
CN116302230A (zh) 一种页面展示方法、装置及设备
CN115640782A (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
GR01 Patent grant
GR01 Patent grant
CP02 Change in the address of a patent holder

Address after: 100000 room 701, 6 / F, building 1, No. 1, xidawang Road, Chaoyang District, Beijing

Patentee after: Beijing Mind Creation Information Technology Co.,Ltd.

Address before: 100022 room 2802, 24 / F, building 4, courtyard 89, Jianguo Road, Chaoyang District, Beijing

Patentee before: Beijing Mind Creation Information Technology Co.,Ltd.

CP02 Change in the address of a patent holder