页面焦点处理的方法、装置及计算机可读存储介质制造方法及图纸

本发明专利技术公开了一种页面焦点处理的方法，包括浏览器从接收的应用页面中识别出具有焦点属性的页面元素，获取所述页面元素中具有焦点属性的虚拟焦点元素，所述焦点属性通过CSS层叠样式表的扩展属性定义；在接收到焦点移动指令时，根据所述焦点移动指令在所述虚拟焦点元素之间移动焦点。本发明专利技术还提出一种页面焦点处理的装置和计算机可读存储介质。本发明专利技术中浏览器将真焦点的焦点移动算法得以应用于虚拟焦点元素，不需要为不同的页面写不同的虚拟焦点移动代码，节省了开发工作量，同时提高了代码运行效率。

【技术实现步骤摘要】
页面焦点处理的方法、装置及计算机可读存储介质
本专利技术涉及计算机
，尤其涉及一种页面焦点处理的方法、装置以及计算机可读存储介质。
技术介绍
随着智能电视的发展，为了给用户带来更好的体验，智能电视提供了功能丰富的用户界面。用户通过遥控器在智能电视的用户页面上进行焦点移动，选择自己感兴趣的服务内容。在现有技术中，页面焦点处理有两种方案。一是采用浏览器内置的焦点处理算法识别出a、map标签所标示的真焦点并进行焦点移动，这种方案处理效率高，但焦点样式少，效果简陋，不能实现炫酷动画效果。二是需要根据页面的布局去划分不同的区域，为不同的区域定义虚拟焦点元素。在这种方案中需要用复杂的代码逻辑去实现自定义的焦点处理算法，虽然能实现炫酷的动画，但代码运行效率低且功能还不易扩展，影响用户体验。上述内容仅用于辅助理解本专利技术的技术方案，并不代表承认上述内容是现有技术。
技术实现思路
本专利技术的主要目的在于提供一种页面焦点处理方法、装置和计算机可读可读介质，旨在解决现有技术中要用复杂的代码逻辑去实现自定义的焦点处理算法、代码运行效率低的技术问题。为实现上述目的，本专利技术提供一种页面焦点处理方法，所述页面焦点处理方法包括如下步骤：浏览器从接收的应用页面中识别出具有焦点属性的页面元素，获取所述页面元素中具有焦点属性的虚拟焦点元素，所述焦点属性通过CSS层叠样式表的扩展属性定义；在接收到焦点移动指令时，根据所述焦点移动指令在所述虚拟焦点元素之间移动焦点。优选地，所述根据所述焦点移动指令在所述虚拟焦点元素之间移动焦点的步骤包括：根据所述移动指令确定移动参数，所述移动参数包括移动方向；获取各个所述虚拟焦点元素对应的位置参数；根据所述位置参数、所述移动参数以及焦点当前所在位置对应的所述虚拟焦点元素确定目标焦点元素；将所述焦点移动至所述目标焦点元素。优选地，所述根据所述位置参数、所述移动参数以及焦点当前所在位置对应的所述虚拟焦点元素确定目标焦点元素步骤包括：以焦点当前所在位置对应的所述虚拟焦点元素的位置为起点，沿着所述移动参数中移动方向查找候选目标虚拟焦点元素；获取所述焦点当前所在位置对应的所述虚拟焦点元素和各个所述候选目标虚拟焦点元素之间的距离；将和所述焦点当前所在位置对应的所述虚拟焦点元素距离最近的候选目标虚拟焦点元素作为目标虚拟焦点，并把焦点移动到所述目标虚拟焦点。优选地，所述根据所述焦点移动指令在所述虚拟焦点元素之间移动焦点步骤之后包括：改变焦点当前所在位置对应的所述虚拟焦点元素的CCS样式；改变目标虚拟焦点元素的CCS样式。优选地，所述改变焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的CSS样式步骤包括：调用并加载焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的CSS伪类方法，以改变焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的CSS样式。优选地，所述调用并加载所述焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的CSS伪类方法步骤包括：获取焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的类型；根据焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的类型确定对应的CSS伪类方法；调用并加载确定的所述CSS伪类方法，以改变焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的CSS样式。优选地，所述获取所述页面元素中具有焦点属性的虚拟焦点元素的步骤以及在接收到焦点移动指令时，根据所述焦点移动指令在所述虚拟焦点元素之间移动焦点的步骤之间，还包括：将焦点聚焦于预设的虚拟焦点元素处。此外，为实现上述目的，本专利技术还提供所述页面焦点处理的装置，装置包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的页面焦点处理的程序，所述页面焦点处理的程序被所述处理器执行时实现如上所述的页面焦点处理方法的步骤。此外，为实现上述目的，本专利技术还提出一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有页面焦点处理的程序，所述页面焦点处理的程序被处理器执行时实现如上所述的页面焦点处理方法的步骤。本专利技术实施例提出的一种页面焦点处理的方法、装置和计算机可读存储介质，浏览器把从接收的应用页面中识别出具有焦点属性的页面元素作为候选虚拟焦点元素，所述焦点属性通过CSS扩展属性定义，从候选虚拟焦点元素中确定当前虚拟焦点元素，根据接收的焦点移动指令将焦点移动到目标虚拟焦点元素，本专利技术通过用浏览器可识别的CSS语言扩展属性定义虚拟焦点元素，使浏览器可以将虚拟焦点纳入其内核的真焦点管理机制，利用其内核的焦点移动方法进行焦点移动，既避免了实现复杂的虚拟焦点移动代码，又通过运行内核代码提高了焦点移动的效率。附图说明图1是本专利技术实施例方案涉及的硬件运行环境的终端结构示意图；图2为本专利技术一种页面焦点处理的方法第一实施例的流程示意图；图3为本专利技术一种页面焦点处理的方法第二实施例的流程示意图；图4为本专利技术一种页面焦点处理的方法第三实施例的流程示意图；图5为本专利技术一种页面焦点处理的方法第四实施例的流程示意图；本专利技术目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。具体实施方式应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。本专利技术实施例的主要解决方案是：浏览器从接收的应用页面中识别出具有焦点属性的页面元素，获取所述页面元素中具有焦点属性的虚拟焦点元素，所述焦点属性通过CSS层叠样式表的扩展属性定义；在接收到焦点移动指令时，根据所述焦点移动指令在所述虚拟焦点元素之间移动焦点。由于现有技术中，根据页面的布局去划分不同的区域，为不同的区域定义虚拟焦点元素，需要用复杂的代码逻辑去实现自定义的焦点处理算法，虽然能实现炫酷的动画，但代码运行效率低且功能还不易扩展，影响用户体验。本专利技术提供一种解决方案，通过在应用页面中用CSS扩展属性定义虚拟焦点元素，浏览器解析CSS扩展属性识别候选的虚拟焦点元素，根据焦点移动指令移动将焦点在虚拟焦点元素之间移动，实现了让浏览器将真焦点的焦点移动算法得以应用于虚拟焦点元素，不需要为不同的页面写不同的虚拟焦点移动代码，节省了开发工作量，同时提高了代码运行效率。如图1所示，图1是本专利技术实施例方案涉及的硬件运行环境的终端结构示意图。本专利技术实施例终端为页面焦点移动装置。如图1所示，该装置可以包括：处理器1001，例如CPU，通信总线1002，存储器1003。其中，通信总线1002用于实现这些组件之间的连接通信。存储器1003可以是高速RAM存储器，也可以是稳定的存储器(non-volatilememory)，例如磁盘存储器。存储器1003可选的还可以是独立于前述处理器1001的存储装置。本领域技术人员可以理解，图1中示出的终端结构并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。如图1所示，作为一种计算机存储介质的存储器1003中可以包括操作系统和页面焦点处理的程序。在图1所示的装置中，处理器1001可以用于调用存储器1003中存储的页面焦点处理的程序，并执行以下操作：浏览器从接收的应用页面中识别出具有焦点属性的页面元素，获取所述页面元素中具有焦点属性的虚拟焦点元素，所述焦点属性通过CS本文档来自技高网...

【技术保护点】
一种页面焦点处理的方法，其特征在于，所述页面焦点处理方法包括以下步骤：浏览器从接收的应用页面中识别出具有焦点属性的页面元素，获取所述页面元素中具有焦点属性的虚拟焦点元素，所述焦点属性通过CSS层叠样式表的扩展属性定义；在接收到焦点移动指令时，根据所述焦点移动指令在所述虚拟焦点元素之间移动焦点。

【技术特征摘要】
1.一种页面焦点处理的方法，其特征在于，所述页面焦点处理方法包括以下步骤：浏览器从接收的应用页面中识别出具有焦点属性的页面元素，获取所述页面元素中具有焦点属性的虚拟焦点元素，所述焦点属性通过CSS层叠样式表的扩展属性定义；在接收到焦点移动指令时，根据所述焦点移动指令在所述虚拟焦点元素之间移动焦点。2.如权利要求1所述的页面焦点处理的方法，其特征在于，所述根据所述焦点移动指令在所述虚拟焦点元素之间移动焦点的步骤包括：根据所述移动指令确定移动参数，所述移动参数包括移动方向；获取各个所述虚拟焦点元素对应的位置参数；根据所述位置参数、所述移动参数以及焦点当前所在位置对应的所述虚拟焦点元素确定目标焦点元素；将所述焦点移动至所述目标焦点元素。3.如权利要求2所述的一种页面焦点处理的方法，其特征在于，所述根据所述位置参数、所述移动参数以及焦点当前所在位置对应的所述虚拟焦点元素确定目标焦点元素步骤包括：以焦点当前所在位置对应的所述虚拟焦点元素的位置为起点，沿着所述移动参数中移动方向查找候选目标虚拟焦点元素；获取所述焦点当前所在位置对应的所述虚拟焦点元素和各个所述候选目标虚拟焦点元素之间的距离；将和所述焦点当前所在位置对应的所述虚拟焦点元素距离最近的候选目标虚拟焦点元素作为目标虚拟焦点，并把焦点移动到所述目标虚拟焦点。4.如权利要求1所述的一种页面焦点处理的方法，其特征在于，所述根据所述焦点移动指令在所述虚拟焦点元素之间移动焦点步骤之后包括：改变焦点当前所在位置对应的所述虚拟焦点元素的CCS样式；改变目标虚拟焦点元素的CCS样式。5.如权利要求4所述的一种页面焦点处理的方法，其特...

【专利技术属性】
技术研发人员：张丽君，
申请(专利权)人：深圳TCL数字技术有限公司，
类型：发明
国别省市：广东,44