CN111399836B - 修改页面属性的方法及装置 - Google Patents

Abstract

本发明公开了一种修改页面属性的方法及装置。其中，该方法包括：显示网页页面的当前属性信息；检测是否接收到来自用户的点击指令；响应上述点击指令，弹出输入框提示上述用户输入目标属性信息；若接收到上述目标属性信息，则响应上述输入框中接收到的目标属性信息，运行目标脚本将上述当前属性信息修改为上述目标属性信息，其中，上述目标脚本通过调用自定义类中的属性设置方法修改上述当前属性信息。本发明解决了现有技术中的游戏调试工具修改后需要导出工程才能看到效果的技术问题。

Description

修改页面属性的方法及装置

技术领域

本发明涉及数据处理领域，具体而言，涉及一种修改页面属性的方法及装置。

背景技术

在游戏开发时，游戏开发效果的实时性很重要，特别是对于用户图形界面的修改，一般需要导出流程之后才能看到，例如，通过调试工具hunter在网页上调试用户图形界面非常的方便。

但是存在的不足是，由于hunter具有普适性，却没有具体定制化，导致网页上的显示属性不够齐全，对于用户图形界面而言，难以进行简单实时的属性修改，并且在修改属性之后制作人员无法立即看到游戏效果，需要等到整个导出流程跑完才能验收并看到游戏效果，如果游戏效果不理想就需要反复修改，中间的导出流程会占用大量的时间。

针对上述的问题，目前尚未提出有效的解决方案。

发明内容

本发明实施例提供了一种修改页面属性的方法及装置，以至少解决现有技术中的游戏调试工具修改后需要导出工程才能看到效果的技术问题。

根据本发明实施例的一个方面，提供了一种修改页面属性的方法，包括：显示网页页面的当前属性信息；检测是否接收到来自用户的点击指令；响应上述点击指令，弹出输入框提示上述用户输入目标属性信息；若接收到上述目标属性信息，则响应上述输入框中接收到的目标属性信息，运行目标脚本将上述当前属性信息修改为上述目标属性信息，其中，上述目标脚本通过调用自定义类中的属性设置方法修改上述当前属性信息。

根据本发明实施例的另一方面，还提供了一种修改页面属性的装置，包括：显示模块，用于显示网页页面的当前属性信息；修改模块，用于检测是否接收到来自用户的点击指令；提示模块，用于响应上述点击指令，弹出输入框提示上述用户输入目标属性信息；修改模块，用于若接收到上述目标属性信息，则响应上述输入框中接收到的目标属性信息，运行目标脚本将上述当前属性信息修改为上述目标属性信息，其中，上述目标脚本通过调用自定义类中的属性设置方法修改上述当前属性信息。

根据本发明实施例的另一方面，还提供了一种存储介质，上述存储介质包括存储的程序，其中，在上述程序运行时控制上述存储介质所在设备执行任意一项上述的修改页面属性的方法。

根据本发明实施例的另一方面，还提供了一种处理器，上述处理器用于运行程序，其中，上述程序运行时执行任意一项上述的修改页面属性的方法。

在本发明实施例中，通过显示网页页面的当前属性信息；检测是否接收到来自用户的点击指令；响应上述点击指令，弹出输入框提示上述用户输入目标属性信息；若接收到上述目标属性信息，则响应上述输入框中接收到的目标属性信息，运行目标脚本将上述当前属性信息修改为上述目标属性信息，其中，上述目标脚本通过调用自定义类中的属性设置方法修改上述当前属性信息，通过在浏览器中安装运行目标脚本的插件，达到了用户直接在网页调试中通过点击修改页面属性信息，及时浏览修改属性后的网页效果的目的，从而实现了为用户提供修改网页页面属性的针对性方案的技术效果，进而解决了现有技术中的游戏调试工具修改后需要导出工程才能看到效果的问题，让交互界面设计人员修改网页后即时得到反馈，避免反复跑流程，节省了设计时间。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据本发明实施例的一种修改页面属性的方法的流程图；

图2是根据本发明实施例的一种可选的修改页面属性的方法的流程图；

图3是根据本发明实施例的一种修改页面属性的装置的结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

首先，为方便理解本发明实施例，下面将对本发明中所涉及的部分术语或名词进行解释说明：

Hunter:游戏远程调试工具，只要本地游戏运行时接入hunter的模块，hunter网页上就可以实时监控游戏运行的日志，还能得到游戏运行时的某一帧的图，在这幅图里可以查看每一个显示的界面控件，但是显示的属性有限且不能直接修改。

Cocos：一个制作图形用户界面的软件，该cocos的图形用户界面文件有自己的格式。

Chrome浏览器：由于Hunter是个需要依赖浏览器打开的网页，且可以操作html5元素来实现即时的游戏效果。

Js:javascript一种网络编程使用的语言。

html5:网页编程的一种语言，浏览器上可以看到当前网页对应的html5代码。

油猴脚本：采用js语言编写的用于获取和修改网页上的所有控件的属性的脚本。

根据本发明实施例，提供了一种修改页面属性的方法的实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

图1是根据本发明实施例的一种修改页面属性的方法的流程图，如图1所示，该方法包括如下步骤：

步骤S102，显示网页页面的当前属性信息；

步骤S104，检测是否接收到来自用户的点击指令；

步骤S106，响应上述点击指令，弹出输入框提示上述用户输入目标属性信息；

步骤S108，若接收到上述目标属性信息，则响应上述输入框中接收到的目标属性信息，运行目标脚本将上述当前属性信息修改为上述目标属性信息，其中，上述目标脚本通过调用自定义类中的属性设置方法修改上述当前属性信息。

在本发明实施例中，通过显示网页页面的当前属性信息；检测是否接收到来自用户的点击指令；响应上述点击指令，弹出输入框提示上述用户输入目标属性信息；若接收到上述目标属性信息，则响应上述输入框中接收到的目标属性信息，运行目标脚本将上述当前属性信息修改为上述目标属性信息，其中，上述目标脚本通过调用自定义类中的属性设置方法修改上述当前属性信息，通过在浏览器中安装运行目标脚本的插件，达到了用户直接在网页调试中通过点击修改页面属性信息，及时浏览修改属性后的网页效果的目的，从而实现了为用户提供修改网页页面属性的针对性方案的技术效果，进而解决了现有技术中的游戏调试工具修改后需要导出工程才能看到效果的问题，让交互界面设计人员修改网页后即时得到反馈，避免反复跑流程，节省了设计时间。

可选的，上述网页页面的当前属性信息，即该网页页面中交互控件的属性信息，在显示网页页面的当前属性信息之前，可以采用自定义类的方式改写控件属性获取方法，其中，上述控件属性获取方法用于获取上述当前属性信息；依据改写后的控件属性获取方法获取上述当前属性信息。

可选的，上述目标脚本即js脚本。

在本申请实施例中，上述修改页面属性的方法应用于网页调试过程中，尤其应用于利用hunter工具调试网页的过程中。

通过扩展hunter的修改属性的方式，可以实现网页页面中的修改得到即时的反馈效果，避免反复在调试过程中浪费时间。

作为一种可选的实施例，可以采用自定义类的方式改写控件属性获取方法，由于hunter是用support.poco.neox.Dumper类初始化交互控件的属性，每个控件的类为support.poco.cocos2dx.Node，因此，可以通过自定义类，继承和它们一样的父类，然后再用自定义类进行初始化，只需要重写node的getAttr和getAvailableAttributeNames方法即可。

由于Hunter是网页上运行的，并不支持实时修改，因此可以采用油猴脚本(Chrome浏览器插件)来操作html5然后实现需要的游戏效果，只要在油猴脚本里面读取对应的html5 widget设置点击事件弹出输入框，即响应点击指令弹出输入框，然后再设置事件发送修改信息的请求，就可以完成便捷的实时修改当前属性信息。

在一种可选的实施例中，在显示网页页面的当前属性信息之前，上述方法还包括：

步骤S202，编写上述目标脚本，并将上述目标脚本运行于目标插件上，其中，上述目标插件预先安装在用于显示上述网页页面的浏览器中。

在一种可选的实施例中，上述目标插件为暴力猴插件。

由于Hunter是网页上运行的，并不支持实时修改，因此可以采用油猴脚本(Chrome浏览器插件)来操作html5然后实现需要的游戏效果，只要在油猴脚本里面读取对应的html5 widget设置点击事件弹出输入框，即响应点击指令弹出输入框，然后再设置事件发送修改信息的请求，就可以完成便捷的实时修改当前属性信息。

在一种可选的实施例中，在显示网页页面的当前属性信息之前，上述方法还包括：

步骤S302，采用自定义类的方式改写控件属性获取方法，其中，上述控件属性获取方法用于获取上述当前属性信息；

步骤S304，依据改写后的控件属性获取方法获取上述当前属性信息。

作为一种可选的实施例，依据改写后的控件属性获取方法获取上述当前属性信息，包括：采用上述改写后的控件属性获取方法遍历上述网页页面的树状结构，获取上述当前属性信息。

在上述可选的实施例中，首先可以预先在hunter模块项加入代码，将读取的support.poco.neox.Dumper类和support.poco.cocos2dx.Node类，替换成自定义类，然后重写该自定义类的功能，获取当前选中的交互控件所在的网页页面和路径，具体遍历当前网页页面实现，获取的游戏内存中正在显示的交互控件的当前属性信息，然后判断该网页页面是否和控件对象中的页面属性相同即可。

在本申请实施例中，只需要将属性获取方法提前写进目标脚本中即可，例如，获取网页页面和路径的控件对象node，再调用node.getFontSize即可获取到。

作为另一种可选的实施例，还存在的修改的方法是getAvailableAttributeNames，该方法决定了网页页面会显示哪些当前属性信息。

作为一种可选的实施例，图2是根据本发明实施例的一种可选的修改页面属性的方法的流程图，如图2所示，在运行目标脚本将上述当前属性信息修改为上述目标属性信息之后，上述方法还包括：

步骤S402，在上述网页页面中显示上述目标属性信息；

步骤S404，检测是否接收到来自上述用户的确认指令；

步骤S406，响应上述确认指令，依据上述目标属性信息调整游戏运行参数；

步骤S408，显示调整游戏运行参数后的游戏画面。

在本申请实施例中，在运行目标脚本将上述当前属性信息修改为上述目标属性信息之后，即时在上述网页页面中显示上述目标属性信息并检测是否接收到来自上述用户的确认指令；若接收到确认指令，则响应上述确认指令，依据上述目标属性信息调整游戏运行参数；并随后显示调整游戏运行参数后的游戏画面。

在一种可选的实施例中，所述输入框包含失去焦点触发事件，其中，所述失去焦点触发事件用于所述输入框未被选中时，所述输入框响应默认的属性信息。

为了可以修改hunter页面上的属性，编写了一个油猴脚本，该油猴脚本主要用于实现以下操作：遍历网页页面的当前属性信息，由于遍历的内容是树状结构，可以采用深度遍历，如果需要修改则通过输入点击指令添加一个点击事件，这个点击事件会在显示属性的位置显示一个输入框，可以在该输入框中输入目标属性信息，然后对这个输入框设置一个失去焦点blur事件，即没有被鼠标选中的时候，调用hunter上预先写好的方法，hunter上预先会编写一个个方法来设置属性，例如，设置字体大小，会写一个setFontSize方法，将该setFontSize方法对应到fontsize属性，进而js脚本就可以让用户输入并修改当前属性信息。

在Chrome浏览器安装暴力猴插件，再将js脚本放在暴力猴插件上运行，进而当用户打开hunter网页时，js脚本会自动启动,之后可以依据定制化的属性，通过点击的方式对需要改动的属性信息进行修改，可以直接在网页上修改游戏页面中的页面属性，即时展示修改的游戏效果，不需要再等到导出工程后再看到。

根据本发明实施例，还提供了一种用于实施上述修改页面属性的方法的装置实施例，图3是根据本发明实施例的一种修改页面属性的装置的结构示意图，如图3所示，上述修改页面属性的装置，包括：显示模块30、检测模块32、提示模块34和修改模块36，其中:

显示模块30，用于显示网页页面的当前属性信息；检测模块32，用于检测是否接收到来自用户的点击指令；提示模块34，用于响应上述点击指令，弹出输入框提示上述用户输入目标属性信息；修改模块36，用于若接收到上述目标属性信息，则响应上述输入框中接收到的目标属性信息，运行目标脚本将上述当前属性信息修改为上述目标属性信息，其中，上述目标脚本通过调用自定义类中的属性设置方法修改上述当前属性信息。

需要说明的是，上述各个模块是可以通过软件或硬件来实现的，例如，对于后者，可以通过以下方式实现：上述各个模块可以位于同一处理器中；或者，上述各个模块以任意组合的方式位于不同的处理器中。

此处需要说明的是，上述显示模块30、检测模块32、提示模块34和修改模块36对应于实施例1中的步骤S102至步骤S108，上述模块与对应的步骤所实现的实例和应用场景相同，但不限于上述实施例1所公开的内容。需要说明的是，上述模块作为装置的一部分可以运行在计算机终端中。

需要说明的是，本实施例的可选或优选实施方式可以参见实施例1中的相关描述，此处不再赘述。

上述的修改页面属性的装置还可以包括处理器和存储器，上述显示模块30、检测模块32、提示模块34和修改模块36等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。

处理器中包含内核，由内核去存储器中调取相应的程序单元，上述内核可以设置一个或以上。存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。

根据本申请实施例，还提供了一种存储介质实施例。可选地，在本实施例中，上述存储介质包括存储的程序，其中，在上述程序运行时控制上述存储介质所在设备执行上述任意一种修改页面属性的方法。

可选地，在本实施例中，上述存储介质可以位于计算机网络中计算机终端群中的任意一个计算机终端中，或者位于移动终端群中的任意一个移动终端中，上述存储介质包括存储的程序。

可选地，在程序运行时控制存储介质所在设备执行以下功能：显示网页页面的当前属性信息；检测是否接收到来自用户的点击指令；响应上述点击指令，弹出输入框提示上述用户输入目标属性信息；若接收到上述目标属性信息，则响应上述输入框中接收到的目标属性信息，运行目标脚本将上述当前属性信息修改为上述目标属性信息，其中，上述目标脚本通过调用自定义类中的属性设置方法修改上述当前属性信息。

根据本申请实施例，还提供了一种处理器实施例。可选地，在本实施例中，上述处理器用于运行程序，其中，上述程序运行时执行上述任意一种修改页面属性的方法。

本申请实施例提供了一种设备，设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序，处理器执行程序时实现以下步骤：显示网页页面的当前属性信息；检测是否接收到来自用户的点击指令；响应上述点击指令，弹出输入框提示上述用户输入目标属性信息；若接收到上述目标属性信息，则响应上述输入框中接收到的目标属性信息，运行目标脚本将上述当前属性信息修改为上述目标属性信息，其中，上述目标脚本通过调用自定义类中的属性设置方法修改上述当前属性信息。

本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：显示网页页面的当前属性信息；检测是否接收到来自用户的点击指令；响应上述点击指令，弹出输入框提示上述用户输入目标属性信息；若接收到上述目标属性信息，则响应上述输入框中接收到的目标属性信息，运行目标脚本将上述当前属性信息修改为上述目标属性信息，其中，上述目标脚本通过调用自定义类中的属性设置方法修改上述当前属性信息。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

在本发明的上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

在本申请所提供的几个实施例中，应该理解到，所揭露的技术内容，可通过其它的方式实现。其中，以上所描述的装置实施例仅仅是示意性的，例如所述单元的划分，可以为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，单元或模块的间接耦合或通信连接，可以是电性或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (10)

1.一种修改页面属性的方法，其特征在于，包括：

显示网页页面的当前属性信息；

检测是否接收到来自用户的点击指令；

响应所述点击指令，弹出输入框提示所述用户输入目标属性信息；

若接收到所述目标属性信息，则响应所述输入框中接收到的目标属性信息，运行目标脚本将所述当前属性信息修改为所述目标属性信息，其中，所述目标脚本通过调用自定义类中的属性设置方法修改所述当前属性信息；

其中，在运行目标脚本将所述当前属性信息修改为所述目标属性信息之后，所述方法还包括：在所述网页页面中显示所述目标属性信息；检测是否接收到来自所述用户的确认指令；响应所述确认指令，依据所述目标属性信息调整游戏运行参数；显示调整游戏运行参数后的游戏画面。

2.根据权利要求1所述的方法，其特征在于，显示网页页面的当前属性信息之前，所述方法还包括：

编写所述目标脚本，并将所述目标脚本运行于目标插件上，其中，所述目标插件预先安装在用于显示所述网页页面的浏览器中。

3.根据权利要求2所述的方法，其特征在于，所述目标插件为暴力猴插件。

4.根据权利要求1所述的方法，其特征在于，在显示网页页面的当前属性信息之前，所述方法还包括：

采用自定义类的方式改写控件属性获取方法，其中，所述控件属性获取方法用于获取所述当前属性信息；

依据改写后的控件属性获取方法获取所述当前属性信息。

5.根据权利要求4所述的方法，其特征在于，依据改写后的控件属性获取方法获取所述当前属性信息，包括：采用所述改写后的控件属性获取方法遍历所述网页页面的树状结构，获取所述当前属性信息。

6.根据权利要求1所述的方法，其特征在于，所述输入框包含失去焦点触发事件，其中，所述失去焦点触发事件用于所述输入框未被选中时，所述输入框响应默认的属性信息。

7.根据权利要求1所述的方法，其特征在于，所述方法应用于利用hunter工具调试网页的过程中。

8.一种修改页面属性的装置，其特征在于，包括：

显示模块，用于显示网页页面的当前属性信息；

修改模块，用于检测是否接收到来自用户的点击指令；

提示模块，用于响应所述点击指令，弹出输入框提示所述用户输入目标属性信息；

修改模块，用于若接收到所述目标属性信息，则响应所述输入框中接收到的目标属性信息，运行目标脚本将所述当前属性信息修改为所述目标属性信息，其中，所述目标脚本通过调用自定义类中的属性设置方法修改所述当前属性信息；

其中，所述装置还用于在运行目标脚本将所述当前属性信息修改为所述目标属性信息之后，在所述网页页面中显示所述目标属性信息；检测是否接收到来自所述用户的确认指令；响应所述确认指令，依据所述目标属性信息调整游戏运行参数；显示调整游戏运行参数后的游戏画面。

9.一种存储介质，其特征在于，所述存储介质包括存储的程序，其中，在所述程序运行时控制所述存储介质所在设备执行权利要求1至7中任意一项所述的修改页面属性的方法。

10.一种处理器，其特征在于，所述处理器用于运行程序，其中，所述程序运行时执行权利要求1至7中任意一项所述的修改页面属性的方法。