发明内容
有鉴于此,本公开实施例提供一种信息显示方法、装置、电子设备及存储介质。
第一方面,本公开实施例提供了一种信息显示方法,所述方法包括:
利用网络视图加载预设网页地址对应的网页页面;
通过所述网络视图监听滑动操作,当监听到所述滑动操作时,获取所述滑动操作的起始位置;
基于所述起始位置和所述网页页面的当前页面信息,判断所述起始位置是否为可操作位置;
当所述起始位置为所述可操作位置时,通过所述网络视图继续监听滑动操作,获取所述滑动操作的实时位置,并通过所述网络视图,对所述网页页面中的与所述实时位置对应的区域进行标记显示,直至所述滑动操作结束。
上述方案中,所述通过所述网络视图监听滑动操作,包括:
通过所述网络视图的内容视图,调用系统操作监听功能,并利用所述系统操作监听功能监听滑动操作。
上述方案中,所述当前页面信息包括至少一个网页元素和所述至少一个网页元素各自的元素属性;所述基于所述起始位置和所述网页页面的当前页面信息,判断所述起始位置是否为可操作位置,包括:
从所述至少一个网页元素中,确定所述起始位置对应的目标网页元素;
从所述元素属性中确定所述目标网页元素对应的目标元素属性;
根据所述目标元素属性,判断所述起始位置是否为可操作位置。
上述方案中,所述通过所述网络视图继续监听滑动操作,获取所述滑动操作的实时位置,并通过所述网络视图,对所述网页页面中的与所述实时位置对应的区域进行标记显示,直至所述滑动操作结束,包括:
通过所述网络视图继续监听滑动操作,获取所述滑动操作对应的第I个操作位置,I为大于0的整数;
将所显示的网页页面中的与所述第I个操作位置对应的区域,作为第I个选中区域;
通过所述网络视图对所述第I个选中区域进行标记显示;
通过所述网络视图继续监听滑动操作,获取所述滑动操作对应的第I+1个操作位置,直至所述滑动操作结束。
上述方案中,所述将所显示的网页页面中的与所述第I个操作位置对应的区域,作为第I个选中区域,包括:
将所述第I个操作位置作为预设超文本标记代码的输入,运行所述预设超文本标记代码,生成所述第I个选中区域,所述预设超文本标记代码为能够将所述所显示的网页页面中的与操作位置对应的区域设置为选中区域的代码。
上述方案中,所述通过所述网络视图对所述第I个选中区域进行标记显示,包括:
通过所述网络视图的调用功能,调用系统标记功能,并利用所述系统标记功能对所述第I个选中区域进行高亮标记显示。
上述方案中,在所述通过所述网络视图对所述第I个选中区域进行标记显示之后,所述通过所述网络视图继续监听滑动操作,获取所述滑动操作对应的第I+1个操作位置之前,所述方法还包括:
判断所述第I个操作位置是否为所显示的网页页面的顶端位置或底端位置;
当所述第I个操作位置为所显示的网页页面的顶端位置或底端位置时,按照预设调整方式,调整所述网络视图对应的当前页面滚动位置,得到调整后的页面滚动位置;
通过所述网络视图按照所述调整后的页面滚动位置加载所显示的网页页面。
上述方案中,在所述通过所述网络视图继续监听滑动操作,获取所述滑动操作的实时位置,并通过所述网络视图,对所述网页页面中的与所述实时位置对应的区域进行标记显示,直至所述滑动操作结束之后,所述方法还包括:
确定所述滑动操作对应的标记区域;
获取对所述标记区域进行功能操作对应的功能菜单;
基于所述标记区域,在预设区域显示所述功能菜单。
第二方面,本公开实施例提供了一种信息显示装置,所述装置包括:
页面加载单元,用于利用网络视图加载预设网页地址对应的网页页面;
页面控制单元,用于通过所述网络视图监听滑动操作,当监听到所述滑动操作时,获取所述滑动操作的起始位置;
判断单元,用于基于所述起始位置和所述网页页面的当前页面信息,判断所述起始位置是否为可操作位置;
所述页面控制单元,还用于当所述起始位置为所述可操作位置时,通过所述网络视图继续监听滑动操作,获取所述滑动操作的实时位置,并通过所述网络视图,对所述网页页面中的与所述实时位置对应的区域进行标记显示,直至所述滑动操作结束。
上述方案中,所述页面控制单元,具体用于通过所述网络视图的内容视图,调用系统操作监听功能,并利用所述系统操作监听功能监听滑动操作。
上述方案中,所述当前页面信息包括至少一个网页元素和所述至少一个网页元素各自的元素属性;
所述判断单元,具体用于从所述至少一个网页元素中,确定所述起始位置对应的目标网页元素;及从所述元素属性中确定所述目标网页元素对应的目标元素属性;以及根据所述目标元素属性,判断所述起始位置是否为可操作位置。
上述方案中,所述页面控制单元,具体用于通过所述网络视图继续监听滑动操作,获取所述滑动操作对应的第I个操作位置,I为大于0的整数;及将所显示的网页页面中的与所述第I个操作位置对应的区域,作为第I个选中区域;及通过所述网络视图对所述第I个选中区域进行标记显示;以及通过所述网络视图继续监听滑动操作,获取所述滑动操作对应的第I+1个操作位置,直至所述滑动操作结束。
上述方案中,所述页面控制单元,具体用于将所述第I个操作位置作为预设超文本标记代码的输入,运行所述预设超文本标记代码,生成所述第I个选中区域,所述预设超文本标记代码为能够将所述所显示的网页页面中的与操作位置对应的区域设置为选中区域的代码。
上述方案中,所述页面控制单元,具体用于通过所述网络视图的调用功能,调用系统标记功能,并利用所述系统标记功能对所述第I个选中区域进行高亮标记显示。
上述方案中,所述页面控制单元,还用于在所述通过所述网络视图对所述第I个选中区域进行标记显示之后,所述通过所述网络视图继续监听滑动操作,获取所述滑动操作对应的第I+1个操作位置之前,判断所述第I个操作位置是否为所显示的网页页面的顶端位置或底端位置;及当所述第I个操作位置为所显示的网页页面的顶端位置或底端位置时,按照预设调整方式,调整所述网络视图对应的当前页面滚动位置,得到调整后的页面滚动位置;以及通过所述网络视图按照所述调整后的页面滚动位置加载所显示的网页页面。
上述方案中,所述页面控制单元,还用于在所述通过所述网络视图继续监听滑动操作,获取所述滑动操作的实时位置,并通过所述网络视图,对所述网页页面中的与所述实时位置对应的区域进行标记显示,直至所述滑动操作结束之后,确定所述滑动操作对应的标记区域;获取对所述标记区域进行功能操作对应的功能菜单;以及基于所述标记区域,在预设区域显示所述功能菜单。
第三方面,本公开实施例提供了一种电子设备,所述电子设备包括:处理器、存储器和通信总线,所述存储器通过所述通信总线与所述处理器进行通信,所述存储器存储所述处理器可执行的一个或者多个程序,当所述一个或者多个程序被执行时,通过所述处理器执行如上述任一项信息显示方法的步骤。
第四方面,本公开实施例提供了一种存储介质,所述存储介质存储有程序,当所述程序被至少一个处理器执行时,实现所述至少一个处理器执行如上述任一项信息显示方法的步骤。
本公开实施例具有如下有益效果:通过网络视图监听滑动操作,当监听到滑动操作、且确定滑动操作的起始位置为可操作位置时,获取滑动操作的实时位置,并通过网络视图对网页页面中的与实时位置对应的区域进行标记,由网络视图监听和获取滑动操作的实时位置,并直接对网页页面中的与滑动操作的实时位置对应的区域进行标记,相较于长按获取锚点,再通过锚点选中区域的方案,复杂度低、且提高了突出选中区域的智能程度。
具体实施方式
为了使本公开的目的、技术方案和优点更加清楚,下面将结合附图对本公开作进一步地详细描述,所描述的实施例不应视为对本公开的限制,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例,都属于本公开保护的范围。
在以下的描述中,涉及到“一些实施例”,其描述了所有可能实施例的子集,但是可以理解,“一些实施例”可以是所有可能实施例的相同子集或不同子集,并且可以在不冲突的情况下相互结合。
下面参见图1,图1是实现本公开实施例的电子设备100的结构示意图,电子设备为包括显示装置的各种终端,例如,笔记本电脑、平板电脑(PAD)、台式计算机等终端。图1示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图1所示,电子设备100可以包括处理装置(例如中央处理器、图形处理器等)110,其可以根据存储在只读存储器(ROM,Read-Only Memory)120中的程序或者从存储装置180加载到随机访问存储器(RAM,Random Access Memory)130中的程序而执行各种适当的动作和处理。在RAM130中,还存储有电子设备100操作所需的各种程序和数据。处理装置110、ROM120以及RAM130通过总线140彼此相连。
通常,以下装置可以连接至I/O接口150:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置160;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置170;包括例如磁带、硬盘等的存储装置180;通信装置190;以及显示装置1100。通信装置190可以允许电子设备100与其他设备进行无线或有线通信以交换数据。虽然图1示出了具有各种装置的电子设备100,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,所提供的信息显示方法的流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机可读介质,其包括承载在计算机可读介质上的计算机程序,计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,计算机程序可以通过通信装置190从网络上被下载和安装,或者从存储装置180被安装,或者从ROM120被安装。在计算机程序被处理装置110执行时,执行本公开实施例的方法中的功能。
需要说明的是,本公开实施例上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以包括但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
在本公开实施例中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开实施例中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、射频(RF,Radio Frequency)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备100中所包含的;也可以是单独存在,而未装配入电子设备100中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得电子设备100执行本公开实施例提供的信息显示方法。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或电子设备上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络,包括局域网(LAN,Local Area Network))和广域网(WAN,Wide Area Network),以连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
示例性,以客户端为某一个应用(Application,App)为例,由电子设备100中多个装置实现信息显示方法,用户开启应用后,显示装置1100上显示应用页面,用户通过输入装置160在应用页面上输入网页地址,客户端获取到网页地址,并通过网络视图打开该网页地址,以加载对应的网页页面。
描述于本公开实施例中所涉及到的电子设备的单元和/或模块可以通过软件的方式实现,也可以通过硬件的方式来实现。
对于硬件的方式来说,实现本公开实施例的电子设备的单元和/或模块可以被一个或多个应用专用集成电路(ASIC,Application Specific Integrated Circuit)、DSP、可编程逻辑器件(PLD,Programmable Logic Device)、复杂可编程逻辑器件(CPLD,ComplexProgrammable Logic Device)、现场可编程门阵列(FPGA,Field-Programmable GateArray)或其他电子元件实现,用于执行实现本公开实施例提供的信息显示方法;
对于软件的方式来说,实现本公开实施例提供的信息显示方法的电子设备中的单元和/或模块可以被两个或以上的单元实现。
下面以软件的方式为例,示例性说明实现本公开实施例的信息显示装置的单元和/或模块。
参见图2,图2是实现本公开实施例的信息显示装置2的一个可选的结构示意图,示出了存储在存储装置180的如下软件模块:页面加载单元21、页面控制单元22和判断单元23;其中,
页面加载单元21,用于利用网络视图加载预设网页地址对应的网页页面;
页面控制单元22,用于通过网络视图监听滑动操作,当监听到滑动操作时,获取滑动操作的起始位置;
判断单元23,用于基于起始位置和网页页面的当前页面信息,判断起始位置是否为可操作位置;
页面控制单元22,还用于当起始位置为可操作位置时,通过网络视图继续监听滑动操作,获取滑动操作的实时位置,并通过网络视图,对网页页面中的与实时位置对应的区域进行标记显示,直至滑动操作结束。
在一些实施例中,页面控制单元22,具体用于通过网络视图的内容视图,调用系统操作监听功能,并利用系统操作监听功能监听滑动操作。
在一些实施例中,当前页面信息包括至少一个网页元素和至少一个网页元素各自的元素属性;
判断单元23,具体用于从至少一个网页元素中,确定起始位置对应的目标网页元素;及从元素属性中确定目标网页元素对应的目标元素属性;以及根据目标元素属性,判断起始位置是否为可操作位置。
在一些实施例中,页面控制单元22,具体用于通过网络视图继续监听滑动操作,获取滑动操作对应的第I个操作位置,I为大于0的整数;及将所显示的网页页面中的与第I个操作位置对应的区域,作为第I个选中区域;及通过网络视图对第I个选中区域进行标记显示;以及通过网络视图继续监听滑动操作,获取滑动操作对应的第I+1个操作位置,直至滑动操作结束。
在一些实施例中,页面控制单元22,具体用于将第I个操作位置作为预设超文本标记代码的输入,运行预设超文本标记代码,生成第I个选中区域,预设超文本标记代码为能够将所显示的网页页面中的与操作位置对应的区域设置为选中区域的代码。
在一些实施例中,页面控制单元22,具体用于通过网络视图的调用功能,调用系统标记功能,并利用系统标记功能对第I个选中区域进行高亮标记显示。
在一些实施例中,页面控制单元22,还用于在通过网络视图对第I个选中区域进行标记显示之后,通过网络视图继续监听滑动操作,获取滑动操作对应的第I+1个操作位置之前,判断第I个操作位置是否为所显示的网页页面的顶端位置或底端位置;及当第I个操作位置为所显示的网页页面的顶端位置或底端位置时,按照预设调整方式,调整网络视图对应的当前页面滚动位置,得到调整后的页面滚动位置;以及通过网络视图按照调整后的页面滚动位置加载所显示的网页页面。
在一些实施例中,页面控制单元22,还用于在通过网络视图继续监听滑动操作,获取滑动操作的实时位置,并通过网络视图,对网页页面中的与实时位置对应的区域进行标记显示,直至滑动操作结束之后,确定滑动操作对应的标记区域;获取对标记区域进行功能操作对应的功能菜单;以及基于标记区域,在预设区域显示功能菜单。
需要指出,上述单元的分类并不构成对电子设备本身的限定,例如一些单元可以拆分为两个或以上的子单元,或者,一些单元可以合并为一个新的单元。
还需要指出,上述单元的名称在某种情况下并不构成对单元本身的限定,例如,上述页面加载单元21也可以被描述为“利用网络视图加载预设网页地址对应的网页页面”的单元。
基于同样的理由,电子设备中未详尽描述的单元和/或模块不代表相应的单元和/或模块的缺省,凡是电子设备所执行的操作都可以通过电子设备中的相应的单元和/或模块实现。
继续参见图3,图3是实现本公开实施例的信息显示方法的一个可选的流程示意图,将结合图3示出的步骤进行说明。
S301、利用网络视图加载预设网页地址对应的网页页面;
信息显示装置上的客户端接收到用户输入的网页地址时,利用网络视图从网页地址获取网页文件,运行该网页文件,打开该网页文件对应的网页页面,在显示装置上显示网页页面。
在一些实施例中,客户端包括IOS系统的应用、以及安卓系统的应用,信息显示装置的操作系统为IOS系统时,客户端为IOS系统的应用;信息显示装置的操作系统为安卓系统时,客户端为安卓系统的应用;网页文件包括采用超文本标记语言(Hyper Text MarkupLanguage,HTML)制作的文本文件,例如,超文本标记代码,其中,超文本标记语言属于一种用于创建网页的标准标记语言,包括HTML5.0。
在一些实施例中,客户端利用网络视图根据网页地址,按照预设页面滚动位置加载网页页面,预设页面滚动位置是指针对网页页面的加载起始位置,一般地,预设页面滚动位置为网页页面的顶端位置,即从网页页面的顶端位置开始加载网页页面。
示例性地,如图4所示的一种网页页面的显示示意图,客户端为IOS系统的应用A,在应用A中通过网络视图打开一个网页地址,网络视图按照预设页面滚动位置,从顶端位置开始加载该网页地址对应的网页页面40;当前端上未完全显示该网页页面40的所有信息时,前端上可以显示页面滚动标记41,以提示用户可以对当前显示的网页页面40进行上下滚动;用户向下滑动时,响应于下滑操作,网络视图按照下滑操作的滑动幅度调整当前页面滚动位置,即顶端位置,得到调整后的页面滚动位置,并按照调整后的页面滚动位置显示网页页面40的其他信息。
S302、通过网络视图监听滑动操作,当监听到滑动操作时,获取滑动操作的起始位置;
信息显示装置在开始监听到滑动操作时,控制客户端获取滑动操作的当前位置,即起始位置,并将起始位置传输至前端。
在一些实施例中,起始位置为滑动操作的起始点的像素坐标,具体地,像素坐标是指在所显示的网页页面上的像素坐标。
在一些实施例中,信息显示装置通过网络视图的内容视图(contentview),调用系统操作监听功能,并利用系统操作监听功能监听滑动操作。
信息显示装置中的操作系统具有系统操作监听功能,在控制客户端利用网络视图加载预设网页地址对应的网页页面之前,预先在网络视图的内容视图中设置调用系统操作监听功能;通过系统操作监听功能监听在前端上产生的滑动操作。
在一些实施例中,信息显示装置利用网络视图加载网页页面,即网络视图在运行中,当通过系统操作监听功能开始监听到滑动操作,信息显示装置将监听到的滑动操作的起始位置传输至网络视图,客户端从网络视图中获取到起始位置。
示例性地,信息显示装置中的操作系统具有系统操作监听功能的监听组件,预先在网络视图的内容视图上增加调用该监听组件的函数。
S303、基于起始位置和网页页面的当前页面信息,判断起始位置是否为可操作位置;
信息显示装置从网页页面的当前页面信息中确定与起始位置对应的信息,判断与起始位置对应的信息是否为可操作信息,即判断起始位置是否为可操作位置,再将判断结果传输至客户端。
在一些实施例中,当前页面信息包括至少一个网页元素和至少一个网页元素各自的元素属性;信息显示装置从至少一个网页元素中,确定起始位置对应的目标网页元素;从元素属性中确定目标网页元素对应的目标元素属性;根据目标元素属性,判断起始位置是否为可操作位置。
信息显示装置将起始位置作为超文本标记代码的输入,运行超文本标记代码,得到起始位置是否为可操作位置的判断结果。
需要说明的是,超文本标记代码包括网页页面的页面信息,信息显示装置将当前页面滚动位置和起始位置作为超文本标记代码的输入,运行超文本标记代码,在代码运行过程中,先根据当前页面滚动位置确定所显示的网页页面对应的当前页面信息,当前页面信息包括至少一个网页元素和至少一个网页元素各自的元素属性;将至少一个网页元素中与起始位置对应的网页元素,作为目标网页元素;再确定出目标网页元素对应的目标元素属性,根据目标元素属性,判断目标网页元素是否为可操作元素;当目标网页元素为可操作元素时,确定起始位置为可操作位置,当目标网页元素为不可操作元素时,确定起始位置为不可操作位置。
示例性,当目标元素属性为容器元素时,确定目标网页元素为不可操作元素。
在一些实施例中,信息显示装置从网页页面的当前页面信息中,确定与起始位置对应的页面信息,再判断与起始位置对应的页面信息是否为可操作信息,当与起始位置对应的页面信息为可操作信息时,确定起始位置为可操作位置,当与起始位置对应的页面信息为不可操作信息时,确定起始位置为不可操作位置。
S304、当起始位置为可操作位置时,通过网络视图继续监听滑动操作,获取滑动操作的实时位置,并通过网络视图,对网页页面中的与实时位置对应的区域进行标记显示,直至滑动操作结束。
信息显示装置确定起始位置为可操作位置时,向客户端传输起始位置为可操作位置的告知信息,客户端接收到该告知信息后,通过网络视图继续监听滑动操作,获取滑动操作的实时位置,并通过网络视图对网页页面中的与实时位置对应的区域进行标记显示,直至监听到滑动操作结束。
在一些实施例中,通过网络视图继续监听滑动操作,获取滑动操作对应的第I个操作位置,I为大于0的整数;将所显示的网页页面中的与第I个操作位置对应的区域,作为第I个选中区域,并将第I个选中区域传输至客户端;通过网络视图对第I个选中区域进行标记显示;通过网络视图继续监听滑动操作,获取滑动操作对应的第I+1个操作位置,直至滑动操作结束。
信息显示装置中的客户端通过网络视图的内容视图,调用系统操作监听功能,利用系统操作监听功能,按照预设操作单位,获取滑动操作中的第I个操作对应的第I个操作位置;确定出与第I个操作位置对应的第I个选中区域;控制客户端通过网络视图对第I个选中区域进行标记显示;再继续利用系统操作监听功能,按照预设操作单位,获取滑动操作中的第I+1个操作对应的第I+1个操作位置,循环执行,直至监听到滑动操作结束。
在一些实施例中,预设操作单位为像素个数阈值,操作位置为像素坐标,对应地,利用系统操作监听功能监听到第一时刻的操作,获取对应的第一像素坐标,继续监听滑动操作,直到监听到第二时刻的操作、且从第一时刻到第二时刻产生的操作区域对应的像素个数等于像素个数阈值时,将第一时刻和第二时刻之间的操作作为第I个操作,将第一像素坐标和第二像素坐标作为第I个操作位置;其中,第二时刻晚于第一时刻,第一时刻中的第一、以及第二时刻中的第二只用于表示两个时刻的时间先后顺序。
在一些实施例中,信息显示装置将第I个操作位置作为预设超文本标记代码的输入,运行预设超文本标记代码,生成第I个选中区域,预设超文本标记代码为能够将所显示的网页页面中的与操作位置对应的区域设置为选中区域的代码;其中,预设超文本标记代码就是从网页地址中获取到的超文本标记代码。
信息显示装置将当前页面滚动位置、以及第I个操作位置中的第一像素坐标和第二像素坐标,作为超文本标记代码的输入,运行超文本标记代码,其中,当前页面滚动位置是指所显示的网页页面对应的页面滚动位置;在代码运行过程中,先根据当前页面滚动位置确定所显示的网页页面;将所显示的网页页面中的从第一像素坐标到第二像素坐标之间的区域,作为第I个选中区域。
在一些实施例中,超文本标记代码包括网页属性设置代码,在代码运行过程中,确定出第I个选中区域后,通过运行网页属性设置代码,将第I个选中区域的属性设置为选择范围(selectionrange),网络视图对属性为selectionrange的区域进行标记显示。
在一些实施例中,信息显示装置通过网络视图的调用功能,调用系统标记功能,并利用系统标记功能对第I个选中区域进行高亮标记显示。
客户端通过网络视图的调用功能,调用系统标记功能,通过系统标记功能完成对第I个选中区域的高亮标记。
示例性地,信息显示装置中的操作系统具有系统标记功能的标记组件,客户端在每确定出一个选中区域后,通过网络视图的调用功能调用该标记组件,执行该标记组件,完成对这一个选中区域的标记。
在一些实施例中,系统标记功能包括标记颜色等标记参数,通过该标记组件,将这一个选中区域的背景色修改成标记颜色。
示例性地,如图5所示的一种网页页面的标记示意图,信息显示装置中的操作系统具有系统标记功能,系统标记功能包括标记颜色;以应用A为例,在确定每一个操作位置对应的选中区域后,通过网络视图的调用功能调用系统标记功能,系统标记功能用标记颜色对这一个操作位置对应的选中区域进行标记,得到标记后的选中区域51,在前端上显示标记后的网页页面50,标记后的网页页面50中的被标记的其他选中区域52是前几个操作位置对应的选中区域;其中,图中的斜线表示标记颜色。
需要说明的是,为了提高突出选中区域的智能程度,可以在网络视图上增加功能组件,例如,在网络视图上增加子视图(subview)或层叠样式表(CSS,Cascading StyleSheets);利用该功能组件检测滑动操作,将滑动操作滑过的区域作为选中区域,并用预设的颜色修改选中区域的背景色,以突出选中区域,由于对通用的网络视图增设功能组件,那么,当网络视图所在的操作系统改变时,该功能组件也需要对应改变,例如,操作系统的背景色改变了,为了突出选中区域,该功能组件预设的颜色也要适应性改变,如此,提高了突出选中区域的智能程度,但是降低了突出选中区域的适用性;这里,信息显示装置利用网络视图调用系统标记功能来完成标记,没有新增功能组件,当客户端和网络视图所在的操作系统变化时,无需执行对新增功能组件进行适应性地改变的过程,如此,提高了突出选中区域的适用性。
在一些实施例中,信息显示装置在通过网络视图对第I个选中区域进行标记显示之后,通过网络视图继续监听滑动操作,获取滑动操作对应的第I+1个操作位置之前,判断第I个操作位置是否为所显示的网页页面的顶端位置或底端位置;当第I个操作位置为所显示的网页页面的顶端位置或底端位置时,按照预设调整方式,调整网络视图对应的当前页面滚动位置,得到调整后的页面滚动位置;通过网络视图按照调整后的页面滚动位置加载所显示的网页页面。
信息显示装置中的客户端在对每一个操作位置对应的选中区域进行标记显示之后,继续获取下一个操作位置之前,判断每一个操作位置是否为所显示的网页页面的顶端位置或底端位置,所显示的网页页面就是当前显示的标记后的网页页面;当每一个操作位置为顶端位置或底端位置时,控制网络视图按照调整后的页面滚动位置加载当前显示的标记后的网页页面,所显示的网页页面变为调整后的网页页面。
在一些实施例中,预设调整方式包括与顶端位置对应的第一调整方式、以及与底端位置对应的第二调整方式;其中,第一调整方式为对当前页面滚动位置向下调整一个滚动单位的方式,第二调整方式为对当前页面滚动位置向上调整一个滚动单位的方式,第一滚动单位可以为页面显示的最小单位。
示例性地,如图6所示的一种网页页面的调整示意图,以应用A为例,在前端上显示标记后的网页页面50后,信息显示装置中的客户端确定这一操作位置在所显示的标记后的网页页面的底端位置,对当前页面滚动位置向上调整,得到调整后的页面滚动位置,控制网络视图按照调整后的页面滚动位置加载标记后的网页页面50,显示调整后的网页页面60。
在一些实施例中,信息显示装置通过系统操作监听功能开始监听到滑动操作后,当预设时长内未监听到滑动操作时,确定滑动操作结束。
在一些实施例中,信息显示装置在通过网络视图继续监听滑动操作,获取滑动操作的实时位置,并通过网络视图,对网页页面中的与实时位置对应的区域进行标记显示,直至滑动操作结束之后,确定滑动操作对应的标记区域;获取对标记区域进行功能操作对应的功能菜单;基于标记区域,在预设区域显示功能菜单。
信息显示装置将被标记的区域,作为滑动操作对应的标记区域;获取功能菜单,通过网络视图在所显示的网页页面中的预设区域内显示功能菜单;其中,预设区域为基于标记区域确定的区域。
在一些实施例中,信息显示装置在监听到滑动操作结束时,将滑动操作的结束位置作为超文本标记代码的输入,运行超文本标记代码,在代码运行过程中,基于滑动操作的结束位置和起始位置确定标记区域,生成标记区域对应的功能菜单。
在一些实施例中,信息显示装置运行超文本标记代码,生成标记区域对应的功能菜单之后,向客户端传输存在功能菜单的信息;客户端在接收到存在功能菜单的信息时,生成菜单请求指令,信息显示装置响应于菜单请求指令,将功能菜单传输至客户端中的网络视图,以使得网络视图显示功能菜单。
在一些实施例中,功能菜单包括与图像信息对应的第一功能菜单、与文字信息对应的第二功能菜单等等,第一功能菜单和第二功能菜单包括以下至少一个:复制选项、标记选项和评论选项等功能选项;信息显示装置根据标记区域为图像信息或文字信息等,获取第一功能菜单或第二功能菜单。
在一些实施例中,信息显示装置将所显示的网页页面中的标记区域的上方区域或附近区域,作为预设区域,具体的预设区域的设置位置本公开实施例不作限制。
在一些实施例中,通过网络视图,按照预设显示方式,在预设区域内显示功能菜单;其中,预设显示方式包括悬浮框,本公开实施例不作限制。
示例性地,通过网络视图将功能菜单以悬浮框的形式,显示在所显示的网页页面的预设区域内。
在一些实施例中,功能菜单包括至少一个功能选项,在所显示的网页页面中的预设区域内显示功能菜单后,当监听到针对目标功能选项的选择操作时,响应于选择操作,对标记区域执行目标功能并显示,目标功能选项为至少一个功能选项中的一个。
示例性地,如图7所示的一种网页页面的功能菜单示意图,以应用A为例,信息显示装置在确定滑动操作结束后,在所显示的网页页面70中确定标记区域71的内容为文字信息,客户端接收与文字信息对应的第二功能菜单,在标记区域71的上方区域内显示第二功能菜单72,第二功能菜单72包括复制选项721和评论选项722;当用户选择复制选项721时,将标记区域的内容复制到粘贴板中,当用户选择评论选项722时,在标记区域的附近区域内跳出可输入文字的评论框,其中,当附近区域为上方区域时,用评论框替换功能菜单进行显示。
在一些实施例中,如图8所示的一种信息显示方法,该信息显示方法包括:
S401、利用网络视图加载预设网页地址对应的网页页面;
S402、通过网络视图监听滑动操作,当监听到滑动操作时,获取滑动操作的起始位置;
S403、基于起始位置和网页页面的当前页面信息,判断起始位置是否为可操作位置;
S404、确定起始位置为可操作位置时,通过网络视图继续监听滑动操作,获取滑动操作对应的第I个操作位置;
S405、将所显示的网页页面中的与第I个操作位置对应的区域,作为第I个选中区域;
S406、通过网络视图对第I个选中区域进行标记显示;
S407、判断第I个操作位置是否为所显示的网页页面的顶端位置或底端位置;
S408、确定第I个操作位置为所显示的网页页面的顶端位置或底端位置时,按照预设调整方式,调整网络视图对应的当前页面滚动位置,得到调整后的页面滚动位置,再通过网络视图按照调整后的页面滚动位置加载所显示的网页页面;否则,不调整网络视图对应的当前页面滚动位置;
S409、I=I+1,通过网络视图继续监听滑动操作,获取滑动操作对应的第I个操作位置,直至监听到滑动操作结束;
S4010、确定滑动操作对应的标记区域;
S4011、获取对标记区域进行功能操作对应的功能菜单;
S4012、基于标记区域,在预设区域显示功能菜单。
需要说明的是,S401-S4012的具体实现过程,与S301-S304的具体实现过程中的相同方案的实现过程一致,此处不再赘述。
需要说明的是,这里不对步骤S4010和S4011的执行顺序进行限制,步骤S4011也可以在步骤S4010之前执行。
下面以实际应用场景为例进行说明,如图9所示的一种信息显示方法,该信息显示方法包括:
S501、原生应用(Native APP)利用网络视图加载预设网页地址对应的网页页面;
需要说明的是,信息显示装置可以为手机,手机中包括Native APP,Native APP是一种基于手机的操作系统并使用原生程式编写运行的第三方应用程序,Native APP包括网络视图,网络视图包括网页(web)解释组件;Native APP从网页地址处获取描述网页页面的HTML5.0(H5),利用网页解释组件来解释运行H5。
S502、Native APP通过网络视图监听滑动操作,当监听到滑动操作时,获取滑动操作的起始位置;
S503、Native APP将起始位置传输至网页解释组件;
S504、网页解释组件将起始位置作为H5的输入,运行H5,生成起始位置为可操作位置的判断结果;
S505、网页解释组件将起始位置为可操作位置的判断结果,传输至Native APP;
S506、Native APP确定起始位置为可操作位置时,通过网络视图继续监听滑动操作,获取滑动操作对应的第I个操作位置;
S507、Native APP将第I个操作位置传输至网页解释组件;
S508、网页解释组件将第I个操作位置作为H5的输入,运行H5,生成第I个选中区域;
S509、Native APP通过网络视图对第I个选中区域进行高亮显示;
S5010、Native APP确定第I个操作位置为所显示的网页页面的顶端位置或底端位置时,按照预设调整方式,调整网络视图对应的当前页面滚动位置,得到调整后的页面滚动位置,再通过网络视图按照调整后的页面滚动位置加载所显示的网页页面;否则,不调整网络视图对应的当前页面滚动位置;
S5011、I=I+1,Native APP通过网络视图继续监听滑动操作,获取滑动操作对应的第I个操作位置,直至监听到滑动操作结束;
S5012、Native APP在监听到滑动操作结束时,将滑动操作的结束位置传输至网页解释组件;
S5013、网页解释组件将结束位置作为H5的输入,运行H5,生成标记区域和标记区域对应的功能菜单;
S5014、网页解释组件将功能菜单传输至Native APP;
S5015、Native APP基于标记区域,在预设区域显示功能菜单。
需要说明的是,S501-S5015的具体实现过程,与S301-S304的具体实现过程中的相同方案的实现过程一致,此处不再赘述。
综上所述,本公开实施例具有以下有益效果:
信息显示装置通过网络视图监听滑动操作,当监听到滑动操作、且确定滑动操作的起始位置为可操作位置时,获取滑动操作的实时位置,并通过网络视图,对网页页面中的与实时位置对应的区域进行标记,由网络视图监听和获取滑动操作的实时位置,并直接对网页页面中的与滑动操作的实时位置对应的区域进行标记,相较于长按获取锚点再通过锚点选中区域的方案,复杂度低、且提高了突出选中区域的智能程度;其次,由利用网络视图调用系统操作监听功能获取实时位置,再利用网络视图调用系统标记功能来完成标记,没有新增功能组件,当客户端和网络视图所在的操作系统变化时,无需执行对新增功能组件进行适应性地改变的过程,如此,还提高了突出选中区域的智能程度和适用性。
以上描述仅为本公开的实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开实施例中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开实施例构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开实施例中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。