CN110119352A - 应用程序的ui调试方法、装置、计算机设备和存储介质 - Google Patents
应用程序的ui调试方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN110119352A CN110119352A CN201910311783.8A CN201910311783A CN110119352A CN 110119352 A CN110119352 A CN 110119352A CN 201910311783 A CN201910311783 A CN 201910311783A CN 110119352 A CN110119352 A CN 110119352A
- Authority
- CN
- China
- Prior art keywords
- debugging
- control
- adjusted
- page
- attribute
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 38
- 230000004048 modification Effects 0.000 claims abstract description 61
- 238000012986 modification Methods 0.000 claims abstract description 61
- 238000009434 installation Methods 0.000 claims abstract description 18
- 238000004590 computer program Methods 0.000 claims description 28
- 230000008859 change Effects 0.000 abstract description 8
- 230000001105 regulatory effect Effects 0.000 abstract description 4
- 230000000694 effects Effects 0.000 description 6
- 238000010586 diagram Methods 0.000 description 5
- 230000008569 process Effects 0.000 description 5
- 238000001514 detection method Methods 0.000 description 4
- 238000003825 pressing Methods 0.000 description 4
- 230000004044 response Effects 0.000 description 4
- 238000013461 design Methods 0.000 description 3
- 238000011161 development Methods 0.000 description 3
- 238000012856 packing Methods 0.000 description 3
- 230000003071 parasitic effect Effects 0.000 description 3
- 230000008439 repair process Effects 0.000 description 3
- 241000208340 Araliaceae Species 0.000 description 2
- 235000005035 Panax pseudoginseng ssp. pseudoginseng Nutrition 0.000 description 2
- 235000003140 Panax quinquefolius Nutrition 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 2
- 235000008434 ginseng Nutrition 0.000 description 2
- 230000024241 parasitism Effects 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 230000002708 enhancing effect Effects 0.000 description 1
- 230000008676 import Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000002360 preparation method Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/36—Preventing errors by testing or debugging software
- G06F11/362—Software debugging
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Computer Hardware Design (AREA)
- Quality & Reliability (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Debugging And Monitoring (AREA)
Abstract
本申请涉及一种应用程序的UI调试方法、装置、计算机设备和存储介质。通过若检测到用于UI调试的预设指令，则启动调试版应用程序，通过调试版应用程序调用UI调试工具获取当前显示页面的待调整控件，通过调试版应用程序显示包括有待调整控件的属性的UI调试界面，调用UI调试工具获取在UI调试界面输入的对待调整控件进行修改的属性修改参数，通过调试版应用程序根据属性修改参数加载新的页面，可以实时修改待调整控件的属性，并根据属性修改参数实时显示更改后控件内容，直至调整到符合预设调试条件，将属性修改参数配置到目标应用程序的安装包中。无需通过开发人员重新进行程序开发获得新的显示控件内容，提高了UI调整效率。
Description
技术领域
本申请涉及计算机技术领域，特别是涉及一种应用程序的UI调试方法、装置、计算机设备和存储介质。
背景技术
随着计算机技术的不断发展，在应用程序开发过程中，需要对应用程序中的UI控件进行调试，通过调整字体大小,颜色,位置,边距,图片大小等属性，使应用程序的页面具有较好的视觉效果。
传统的调试方法，开发人员在完成开发后，将应用程序编译打包安装在用户终端，UI设计师在用户终端查看UI设计效果，并记录需要更改界面的UI，反馈给开发人员，由开发人员重新进行开发。这种方式需要开发人员和UI设计师不断修改编译打包安装，效率极低。
发明内容
基于此，有必要针对上述技术问题，提供一种能够提高工作效率的应用程序的UI调试方法、装置、计算机设备和存储介质。
一种应用程序的UI调试方法，所述方法包括：
若检测到用于UI调试的预设指令，则启动调试版应用程序；
通过所述调试版应用程序调用UI调试工具获取当前显示页面的待调整控件；
通过所述调试版应用程序显示包括有所述待调整控件的属性的UI调试界面；
调用所述UI调试工具获取在所述UI调试界面输入的对所述待调整控件进行修改的属性修改参数；
通过所述调试版应用程序根据所述属性修改参数加载新的页面；
若所述新的页面符合预设调试条件，将所述属性修改参数配置到目标应用程序的安装包中。
在其中一个实施例中，所述通过所述调试版应用程序显示包括有所述待调整控件的属性的UI调试界面的步骤之后，还包括：
当检测到关闭指令时，关闭所述UI调试工具；
保存所述待调整控件修改后的属性。
在其中一个实施例中，所述方法还包括：
当检测到页面切换指令时，获取目标页面标识；
响应所述页面切换指令，根据所述目标页面标识加载目标页面的页面内容并显示；
当检测到唤醒指令时，返回通过所述调试版应用程序调用UI调试工具获取当前显示页面的待调整控件的步骤。
在其中一个实施例中，所述通过所述调试版应用程序调用UI调试工具获取当前显示页面的待调整控件的步骤，包括：
基于所述UI调试工具获取当前显示页面的各控件；
当检测到对当前显示页面的控件的选择操作时，获取所选择控件的控件标识，确定待调整控件。
在其中一个实施例中，所述通过所述调试版应用程序显示包括有所述待调整控件的属性的UI调试界面的步骤，包括：
根据所述控件标识，通过所述UI调试工具获取待调整控件的属性；
加载UI调试界面显示所述待调整控件的属性；
通过所述调试版应用程序将所述UI调试界面显示在当前页面内容上。
在其中一个实施例中，所述通过所述调试版应用程序将所述UI调试界面显示在当前页面内容上的步骤，包括：
将所述UI调试界面的层级设置在所述当前页面的层级上。
在其中一个实施例中，所述若所述新的页面符合预设调试条件，将所述属性修改参数配置到目标应用程序的安装包中的步骤，包括：
若所述待调整控件的所述新的页面符合预设调试条件时，将所述属性修改参数通过所述UI调试工具配置到所述待调整控件的程序中；
当各所述待调整控件对应的所述新的页面都符合预设调试条件时，获得调整后的调试版本应用程序；
将调整后的调试版本应用程序去除所述UI调试工具后，得到所述目标应用程序。
一种应用程序的UI调试装置，所述装置包括：
程序打开模块，用于若检测到用于UI调试的预设指令，则启动调试版应用程序；
待调整控件获取模块，用于通过所述调试版应用程序调用UI调试工具获取当前显示页面的待调整控件；
UI调试界面显示模块，用于通过所述调试版应用程序显示包括有所述待调整控件的属性的UI调试界面；
参数获取模块，用于调用所述UI调试工具获取在所述UI调试界面输入的对所述待调整控件进行修改的属性修改参数；
页面调整模块，用于通过所述调试版应用程序根据所述属性修改参数加载新的页面；
目标应用程序获得模块，用于若所述新的页面符合预设调试条件，将所述属性修改参数配置到目标应用程序的安装包中。
一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现所述方法的步骤。
一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现所述的方法的步骤。
上述应用程序的UI调试方法、装置、计算机设备和存储介质，通过若检测到用于UI调试的预设指令，则启动调试版应用程序，通过调试版应用程序调用UI调试工具获取当前显示页面的待调整控件，通过调试版应用程序显示包括有待调整控件的属性的UI调试界面，调用UI调试工具获取在UI调试界面输入的对待调整控件进行修改的属性修改参数，通过调试版应用程序根据属性修改参数加载新的页面，可以实时修改待调整控件的属性，并根据属性修改参数实时显示更改后控件内容，直至调整到符合预设调试条件，将属性修改参数配置到目标应用程序的安装包中。无需通过开发人员重新进行程序开发获得新的显示控件内容，提高了UI调整效率。
附图说明
图1为一个实施例中应用程序的UI调试方法的应用场景图；
图2为一个实施例中应用程序的UI调试方法的流程示意图；
图3为一个实施例中应用程序的UI调试方法的流程示意图；
图4为一个实施例中应用程序的UI调试装置的结构框图；
图5为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。
本申请提供的应用程序的UI调试方法，可以应用于如图1所示的应用环境中。其中，开发人员在应用程序开发完成后，需要对应用程序进行UI调试时，将寄生了UI调试工具的调试版本应用程序给UI设计师，UI设计师将应用程序安装在终端102上，若终端102检测到用于UI调试的预设指令，则启动调试版应用程序；通过调试版应用程序调用UI调试工具获取当前显示页面的待调整控件；通过调试版应用程序显示包括有待调整控件的属性的UI调试界面；调用UI调试工具获取在UI调试界面输入的对待调整控件进行修改的属性修改参数；通过调试版应用程序根据属性修改参数加载新的页面；若新的页面符合预设调试条件，将属性修改参数配置到目标应用程序的安装包中。其中，终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备。
在一个实施例中，如图2所示，提供了一种应用程序的UI调试方法，以该方法应用于图1中的终端为例进行说明，包括步骤S220至步骤S320：
步骤S220，若检测到用于UI调试的预设指令，则启动调试版应用程序。
其中，在执行步骤S220之前，需要获取调试版本应用程序，将调试版本应用程序安装在终端上，可以通过在终端上连接存储装置的方式，将存储装置里的调试版本应用程序转移到终端上进行安装，如：U盘、硬盘等，只要可以存储调试版本应用程序即可，也可以通过无线传输，接收开发人员利用无线传输发送的调试版本应用程序，也可以是UI设计师使用终端在固定的平台下载调试版本应用程序。调试版本应用程序是指：在完成开发后需要进行调试，调试版本即Debug版本，调试版本应用程序寄生了UI调试工具。应用程序打开指令是UI设计师通过点击终端的屏幕、按压终端的按键或语音输入等方式触发，触发应用程序打开指令后，打开终端安装的调试版本应用程序。
步骤S240，通过调试版应用程序调用UI调试工具获取当前显示页面的待调整控件。
其中，UI调试工具是寄生在应用程序中，与应用程序一同打包好的，在安装应用程序后，应用程序就能通过触发唤醒指令调用UI调试工具，触发唤醒指令后，终端接收到唤醒指令，通过应用程序调用UI调试工具的接口，启动UI调试工具，UI调试工具可以遍历页面上所有UI元素，能够对UI元素各属性进行更改，包括字体大小，颜色，长字符，位置，边距；可以检查图片的URL属性，迅速找到缺失或错误的图片；可以交换图片的位置等等；可以让UI设计师自己调整UI调试界面的元素属性，而不需要开发人员帮助修改打包调试，释放开发人员资源，可以通过调整UI调试界面的元素属性保存后能马上在页面上看到调整后结果，调好的UI属性可以保存下来做发布使用。
当前显示页面指的是UI设计师即将要调整的待调整控件所在的页面，即UI设计师在调整待调整控件时，需要先打开调试版应用程序的待调整控件所在的页面进行显示。页面中可以包括多个控件，待调整控件指的是在页面中的UI设计师选择调整的目标控件。在打开UI调试工具后，UI设计师通过终端选择待调整控件所在的页面，进行显示，在当前显示页面中UI设计师选择页面中需要进行调整的控件，基于UI调试工具确定需获取当前显示页面的待调整控件。
步骤S260，通过调试版应用程序显示包括有待调整控件的属性的UI调试界面。
其中，获取到当前显示页面的待调整控件后，在当前显示页面的基础上，显示UI调试界面，UI调试界面中包括有待调整控件的属性，在当前显示页面中UI设计师选择页面中需要进行调整的控件，确定需基于UI调试工具获取当前显示页面的待调整控件后，终端控制调试版应用程序调用UI调试工具获取待调整控件的属性，将获取的属性在UI调试界面中进行显示，UI调试界面为可编辑界面，UI设计师可在UI调试界面中编辑相应的属性。UI调试界面可以为全屏显示，也可以为显示在该控件附近，UI调试界面也可以显示在当前页面的页面内容的上一层，方便对当前页面的UI元素(待调整控件)进行调整，待调整控件的属性包括控件的详情，以控件为图片为例，属性包括图片的宽高和URL。还可以对当前显示页面的属性进行调整，以使UI调试界面突出显示，例如，页面半透明化等。
步骤S280，调用UI调试工具获取在UI调试界面输入的对待调整控件进行修改的属性修改参数。
其中，属性修改参数包括：控件的字体大小，颜色，长位符，边距，URL属性，图片位置等参数，可以对控件的字体大小，颜色，长位符，边距，URL属性，图片位置等参数进行调整。待调整控件的属性，UI设计师在终端上通过UI调试界面可直接进行编辑，修改待调整控件的属性，UI设计师编辑完成后，终端UI调试工具获得属性修改参数，如：图片不是UI设计师所预期的图片，可重新导入新的图片的URL，或是调整图片的高宽等，终端通过UI调试工具获取UI调试界面中该控件的属性框输入的属性修改参数。
步骤S300，通过调试版应用程序根据属性修改参数加载新的页面。
其中，根据属性修改参数，对当前页面的待调整控件的属性进行修改更新，更新后加载应用程序的当前页面，获得新的页面，如：当前页面的待调整控件A的属性为：图片的高是5cm，图片宽是3cm，UI设计师输入的属性修改参数为：图片的高是6cm，图片宽是4cm，终端基于UI调试工具对待调整控件的属性进行修改，将当前页面的待调整控件A的属性调整为：图片的高是6cm，图片宽是4cm，重新加载应用程序的当前页面，进行显示，得到新的页面。
步骤S320，若新的页面符合预设调试条件，将属性修改参数配置到目标应用程序的安装包中。
其中，为了达到很好的UI界面效果，可多次返回执行调用UI调试工具获取在UI调试界面输入的对待调整控件进行修改的属性修改参数的步骤，直至获得新的页面符合预设调试条件。UI设计师可以多次通过终端输入属性修改参数，进行调整，直至达到满意的UI界面效果。预设调试条件是UI设计师根据各个控件需显示的内容、显示页面的呈现效果及用户体验度来决定，当新的页面显示了控件需显示的内容、显示页面呈现的效果符合要求及用户体验度符合要求时，即为符合预设调试条件。应用程序包括两个版本，一个为Debug版本，一个为Release版本。其中，Debug版本即为调试版应用程序，包括了调试信息，调试版应用程序中寄生了UI调试工具。Release版本为目标应用程序，可以用于发布的应用程序。
上述应用程序的UI调试方法中，通过若检测到用于UI调试的预设指令，则启动调试版应用程序，通过调试版应用程序调用UI调试工具获取当前显示页面的待调整控件，通过调试版应用程序显示包括有待调整控件的属性的UI调试界面，调用UI调试工具获取在UI调试界面输入的对待调整控件进行修改的属性修改参数，通过调试版应用程序根据属性修改参数加载新的页面，可以实时修改待调整控件的属性，并根据属性修改参数实时显示更改后控件内容，直至调整到符合预设调试条件，将属性修改参数配置到目标应用程序的安装包中。无需通过开发人员重新进行程序开发获得新的显示控件内容，提高了UI调整效率。
在一个实施例中，通过调试版应用程序显示包括有待调整控件的属性的UI调试界面的步骤之后，还包括：当检测到关闭指令时，关闭UI调试工具；保存待调整控件修改后的属性。
其中，当调整到预期效果时，UI设计师可通过操作UI调试界面具有关闭控件，关闭应用程序的UI调试工具及UI调试界面，同时保存控件的修改后的属性，UI设计师可以通过点击终端的屏幕、按压终端的按键或语音输入等方式触发关闭指令，终端检测到UI设计师触发关闭指令后，控制应用程序关闭UI调试工具，在关闭UI调试工具时，获取UI调试界面当前待调整控件的属性，该属性即是最后一次进行修改的属性修改参数。从而无需再返回由开发人员通过调整应用程序的代码，即可实现页面UI调整。
在一个实施例中，请参阅图3，该方法还包括步骤S420至步骤S460：
步骤S420，当检测到页面切换指令时，获取目标页面标识。
其中，UI设计师可切换至其它页面，UI设计师可以通过点击终端的屏幕、按压终端的按键或语音输入等方式触发页面切换指令，终端检测到UI设计师触发页面切换指令时，获取页面切换指令中的目标页面标识。目标页面标识可以根据页面特点进行预先设置，使得触发页面切换指令时，可以确定需要切换目标页面。
步骤S420，响应页面切换指令，根据目标页面标识加载目标页面的页面内容并显示。
其中，确定需要切换目标页面后，执行该页面切换指令，使得终端根据目标页面标识对应获取目标页面的页面内容，将获取的目标页面的页面内容在终端进行显示。将获取的目标页面作为当前显示页面，可以根据调整需要，灵活的切换页面，对其他页面需要调整的待调整控件进行调整，使得UI设计师在调试过程中更方便。
步骤S460，当检测到唤醒指令时，返回通过调试版应用程序调用UI调试工具获取当前显示页面的待调整控件的步骤。
其中，UI设计师可切换至其它页面后，将切换后的页面作为当前显示页面，返回通过所述调试版应用程序调用UI调试工具获取当前显示页面的待调整控件的步骤，基于UI调试工具获取当前显示页面的待调整控件，在当前显示页面的页面内容上显示包括有待调整控件的属性的UI调试界面，获取在UI调试界面输入的对待调整控件进行修改的属性修改参数，根据属性修改参数，加载应用程序的当前页面，得到新的页面，可对其它页面的UI进行调试。可以根据调整需要，灵活的切换页面，对其他页面需要调整的待调整控件进行调整，使得UI设计师在调试过程中更方便。
在一个实施例中，通过调试版应用程序调用UI调试工具获取当前显示页面的待调整控件的步骤，包括：基于UI调试工具获取当前显示页面的各控件；当检测到对当前显示页面的控件的选择操作时，获取选择控件的控件标识，确定待调整控件。
其中，控件标识可以是开发人员根据控件特点进行预先设置，目的是对应到各控件，与对应的控件相关联。当前显示页面中包括多个控件，基于UI调试工具获取当前显示页面的各控件，在终端上进行显示，UI设计师需要在多个控件选择一个控件进行调整，UI设计师通过点击终端的屏幕、按压终端的按键或语音输入等方式选择一个控件，当终端检测到UI设计师对当前显示页面的控件的选择操作时，从选择操作中对应获取选择控件的控件标识，终端确定待调整控件。通过基于UI调试工具获取各控件，选择进行调整的控件，确定待调整控件，从而对该控件进行调整。
在一个实施例中，通过调试版应用程序显示包括有待调整控件的属性的UI调试界面的步骤，包括：根据控件标识，通过UI调试工具获取待调整控件的属性；加载UI调试界面显示待调整控件的属性；通过调试版应用程序将UI调试界面显示在当前页面内容上。
其中，在确定待调整控件后，根据控件标识，终端通过基于UI调试工具，对应获取到该待调整控件对应的属性，待调整控件的属性可以包括：控件的字体大小，颜色，长位符，边距，URL属性，图片位置等参数；获取UI调试工具的UI调试界面，在终端进行显示，并将待调整控件的属性对应在UI调试界面进行显示，终端通过调试版应用程序将UI调试界面显示在当前页面内容上。
在一个实施例中，通过调试版应用程序将UI调试界面显示在当前页面内容上的步骤，包括：将UI调试界面的层级设置在当面页面的层级上。
其中，在当前显示页面的基础上，显示UI调试界面，原则上，既可以看到当前显示页面的页面内容，也可以看到UI调试界面的页面内容。UI调试界面可以遮挡当前显示页面的页面内容，也可以将UI调试界面与当前显示页面分区域显示，也可以将页面半透明化等，可以根据实际使用过程中进行调整，使得在对待调整控件进行调整时，方便UI设计师输入属性修改参数和查看调整后的当前页面的页面内容。
在一个实施例中，若新的页面符合预设调试条件，将属性修改参数配置到目标应用程序的安装包中的步骤，包括：若待调整控件的新的页面符合预设调试条件时，将属性修改参数通过UI调试工具配置到待调整控件的程序中；
当各待调整控件对应的新的页面都符合预设调试条件时，获得调整后的调试版本应用程序；
将调整后的调试版本应用程序去除UI调试工具后，得到目标应用程序。
其中，应用程序包括两个版本，一个为Debug版本，一个为Release版本。其中，Debug版本为调试版本应用程序，包括了调试信息，调试版本应用程序寄生了UI调试工具。Release版本为目标应用程序，是用来发布的应用程序，用户使用的版本。UI调试工具在对待调试控件进行调整时使用，在实际业务处理中并不会被用户所使用，若目标应用程序也包括UI调试工具，则将增加应用程序的容量，影响应用程序的运行。因此，调好的UI属性可以保存下来做发布使用。在完成全部页面的调整后，可以由UI设计师将调整后的调试版本应用程序发送至开发人员，由开发人员去除UI调试器后得到目标应用程序，从而得到优化的应用程序。
应该理解的是，虽然2-3的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2-3中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
在一个实施例中，如图4所示，提供了一种应用程序的UI调试装置，包括：程序打开模块310、待调整控件获取模块320、UI调试界面显示模块330、参数获取模块340、页面调整模块350和目标应用程序获得模块360，其中：
程序打开模块310，用于若检测到用于UI调试的预设指令，则启动调试版应用程序；
待调整控件获取模块320，用于通过调试版应用程序调用UI调试工具获取当前显示页面的待调整控件；
UI调试界面显示模块330，用于通过调试版应用程序显示包括有待调整控件的属性的UI调试界面；
参数获取模块340，用于调用UI调试工具获取在所述UI调试界面输入的对待调整控件进行修改的属性修改参数；
页面调整模块350，用于通过调试版应用程序根据属性修改参数加载新的页面；
目标应用程序获得模块360，用于若新的页面符合预设调试条件，将属性修改参数配置到目标应用程序的安装包中。
在一个实施例中，应用程序的UI调试装置还包括：关闭指令检测模块，用于当检测到关闭指令时，关闭UI调试工具；属性保存模块，用于保存待调整控件修改后的属性。
在一个实施例中，应用程序的UI调试装置还包括：页面切换指令检测模块，用于当检测到页面切换指令时，获取目标页面标识；加载目标页面模块，用于响应页面切换指令，根据目标页面标识加载目标页面的页面内容并显示；唤醒指令检测模块，用于当检测到唤醒指令时，返回通过所述调试版应用程序调用UI调试工具获取当前显示页面的待调整控件的步骤。
在一个实施例中，待调整控件获取模块320包括：控件获取单元，用于基于UI调试工具获取当前显示页面的各控件；待调整控件确定单元，用于当检测到对当前显示页面的控件的选择操作时，获取选择控件的控件标识，确定待调整控件。
在一个实施例中，UI调试界面显示模块330包括：属性获取单元，用于根据控件标识，通过UI调试工具获取待调整控件的属性；加载单元，用于加载UI调试界面显示待调整控件的属性；UI调试界面显示单元，用于通过调试版应用程序将UI调试界面显示在当前页面内容上。
在一个实施例中，UI调试界面显示单元还用于：将UI调试界面的层级设置在当前页面的层级上。
在一个实施例中，目标应用程序获得模块360还用于：若待调整控件的新的页面符合预设调试条件时，将属性修改参数通过UI调试工具配置到待调整控件的程序中；当各待调整控件对应的新的页面都符合预设调试条件时，获得调整后的调试版本应用程序；将调整后的调试版本应用程序去除UI调试工具后，得到目标应用程序。
上述应用程序的UI调试装置中，通过程序打开模块310检测到用于UI调试的预设指令，若检测到用于UI调试的预设指令，则启动调试版应用程序，待调整控件获取模块320通过调试版应用程序调用UI调试工具获取当前显示页面的待调整控件，UI调试界面显示模块330通过调试版应用程序显示包括有待调整控件的属性的UI调试界面，参数获取模块340调用UI调试工具获取在UI调试界面输入的对待调整控件进行修改的属性修改参数，页面调整模块350通过调试版应用程序根据属性修改参数加载新的页面，可以实时修改待调整控件的属性，并根据属性修改参数实时显示更改后控件内容，直至调整到符合预设调试条件，目标应用程序获得模块360将属性修改参数配置到目标应用程序的安装包中。无需通过开发人员重新进行程序开发获得新的显示控件内容，提高了UI调整效率。
关于应用程序的UI调试装置的具体限定可以参见上文中对于应用程序的UI调试方法的限定，在此不再赘述。上述应用程序的UI调试装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图5所示。该计算机设备包括通过***总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作***和计算机程序。该内存储器为非易失性存储介质中的操作***和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种应用程序的UI调试方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解，图5中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
在一个实施例中，提供了一种计算机设备，包括存储器和处理器，该存储器存储有计算机程序，该处理器执行计算机程序时实现以下步骤：
若检测到用于UI调试的预设指令，则启动调试版应用程序；通过调试版应用程序调用UI调试工具获取当前显示页面的待调整控件；通过调试版应用程序显示包括有待调整控件的属性的UI调试界面；调用UI调试工具获取在UI调试界面输入的对待调整控件进行修改的属性修改参数；通过调试版应用程序根据属性修改参数加载新的页面；若新的页面符合预设调试条件，将属性修改参数配置到目标应用程序的安装包中。
在一个实施例中，处理器执行计算机程序时还实现以下步骤：当检测到关闭指令时，关闭UI调试工具；保存待调整控件修改后的属性。
在一个实施例中，处理器执行计算机程序时还实现以下步骤：当检测到页面切换指令时，获取目标页面标识；响应页面切换指令，根据目标页面标识加载目标页面的页面内容并显示；当检测到唤醒指令时，返回通过调试版应用程序调用UI调试工具获取当前显示页面的待调整控件的步骤。
在一个实施例中，处理器执行计算机程序时还实现以下步骤：基于UI调试工具获取当前显示页面的各控件；当检测到对当前显示页面的控件的选择操作时，获取选择控件的控件标识，确定待调整控件。
在一个实施例中，处理器执行计算机程序时还实现以下步骤：根据控件标识，通过UI调试工具获取待调整控件的属性；加载UI调试界面显示待调整控件的属性；通过调试版应用程序将UI调试界面显示在当前页面内容上。
在一个实施例中，处理器执行计算机程序时还实现以下步骤：将UI调试界面的层级设置在当前页面的层级上。
在一个实施例中，处理器执行计算机程序时还实现以下步骤：若待调整控件的新的页面符合预设调试条件时，将属性修改参数通过UI调试工具配置到待调整控件的程序中；当各待调整控件对应的新的页面都符合预设调试条件时，获得调整后的调试版本应用程序；将调整后的调试版本应用程序去除UI调试工具后，得到目标应用程序。
在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：
若检测到用于UI调试的预设指令，则启动调试版应用程序；通过调试版应用程序调用UI调试工具获取当前显示页面的待调整控件；通过调试版应用程序显示包括有待调整控件的属性的UI调试界面；调用UI调试工具获取在UI调试界面输入的对待调整控件进行修改的属性修改参数；通过调试版应用程序根据属性修改参数加载新的页面；若新的页面符合预设调试条件，将属性修改参数配置到目标应用程序的安装包中。
在一个实施例中，计算机程序被处理器执行时还实现以下步骤：当检测到关闭指令时，关闭UI调试工具；保存待调整控件修改后的属性。
在一个实施例中，计算机程序被处理器执行时还实现以下步骤：当检测到页面切换指令时，获取目标页面标识；响应页面切换指令，根据目标页面标识加载目标页面的页面内容并显示；当检测到唤醒指令时，返回通过调试版应用程序调用UI调试工具获取当前显示页面的待调整控件的步骤。
在一个实施例中，计算机程序被处理器执行时还实现以下步骤：基于UI调试工具获取当前显示页面的各控件；当检测到对当前显示页面的控件的选择操作时，获取选择控件的控件标识，确定待调整控件。
在一个实施例中，计算机程序被处理器执行时还实现以下步骤：根据控件标识，通过UI调试工具获取待调整控件的属性；加载UI调试界面显示待调整控件的属性；通过调试版应用程序将UI调试界面显示在当前页面内容上。
在一个实施例中，计算机程序被处理器执行时还实现以下步骤：将UI调试界面的层级设置在当前页面的层级上。
在一个实施例中，计算机程序被处理器执行时还实现以下步骤：若待调整控件的新的页面符合预设调试条件时，将属性修改参数通过UI调试工具配置到待调整控件的程序中；当各待调整控件对应的新的页面都符合预设调试条件时，获得调整后的调试版本应用程序；将调整后的调试版本应用程序去除UI调试工具后，得到目标应用程序。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种应用程序的UI调试方法，所述方法包括：
若检测到用于UI调试的预设指令，则启动调试版应用程序；
通过所述调试版应用程序调用UI调试工具获取当前显示页面的待调整控件；
通过所述调试版应用程序显示包括有所述待调整控件的属性的UI调试界面；
调用所述UI调试工具获取在所述UI调试界面输入的对所述待调整控件进行修改的属性修改参数；
通过所述调试版应用程序根据所述属性修改参数加载新的页面；
若所述新的页面符合预设调试条件，将所述属性修改参数配置到目标应用程序的安装包中。
2.根据权利要求1所述的方法，其特征在于，所述通过所述调试版应用程序显示包括有所述待调整控件的属性的UI调试界面的步骤之后，还包括：
当检测到关闭指令时，关闭所述UI调试工具；
保存所述待调整控件修改后的属性。
3.根据权利要求2所述的方法，其特征在于，所述方法还包括：
当检测到页面切换指令时，获取目标页面标识；
响应所述页面切换指令，根据所述目标页面标识加载目标页面的页面内容并显示；
当检测到唤醒指令时，返回通过所述调试版应用程序调用UI调试工具获取当前显示页面的待调整控件的步骤。
4.根据权利要求1所述的方法，其特征在于，所述通过所述调试版应用程序调用UI调试工具获取当前显示页面的待调整控件的步骤，包括：
基于所述UI调试工具获取当前显示页面的各控件；
当检测到对当前显示页面的控件的选择操作时，获取所选择控件的控件标识，确定待调整控件。
5.根据权利要求4所述的方法，其特征在于，所述通过所述调试版应用程序显示包括有所述待调整控件的属性的UI调试界面的步骤，包括：
根据所述控件标识，通过所述UI调试工具获取待调整控件的属性；
加载UI调试界面显示所述待调整控件的属性；
通过所述调试版应用程序将所述UI调试界面显示在当前页面内容上。
6.根据权利要求5所述的方法，其特征在于，所述通过所述调试版应用程序将所述UI调试界面显示在当前页面内容上的步骤，包括：
将所述UI调试界面的层级设置在所述当前页面的层级上。
7.根据权利要求1至6任一项所述的方法，其特征在于，所述若所述新的页面符合预设调试条件，将所述属性修改参数配置到目标应用程序的安装包中的步骤，包括：
若所述待调整控件的所述新的页面符合预设调试条件时，将所述属性修改参数通过所述UI调试工具配置到所述待调整控件的程序中；
当各所述待调整控件对应的所述新的页面都符合预设调试条件时，获得调整后的调试版本应用程序；
将调整后的调试版本应用程序去除所述UI调试工具后，得到所述目标应用程序。
8.一种应用程序的UI调试装置，其特征在于，所述装置包括：
程序打开模块，用于若检测到用于UI调试的预设指令，则启动调试版应用程序；
待调整控件获取模块，用于通过所述调试版应用程序调用UI调试工具获取当前显示页面的待调整控件；
UI调试界面显示模块，用于通过所述调试版应用程序显示包括有所述待调整控件的属性的UI调试界面；
参数获取模块，用于调用所述UI调试工具获取在所述UI调试界面输入的对所述待调整控件进行修改的属性修改参数；
页面调整模块，用于通过所述调试版应用程序根据所述属性修改参数加载新的页面；
目标应用程序获得模块，用于若所述新的页面符合预设调试条件，将所述属性修改参数配置到目标应用程序的安装包中。
9.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述方法的步骤。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910311783.8A CN110119352A (zh) | 2019-04-18 | 2019-04-18 | 应用程序的ui调试方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910311783.8A CN110119352A (zh) | 2019-04-18 | 2019-04-18 | 应用程序的ui调试方法、装置、计算机设备和存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110119352A true CN110119352A (zh) | 2019-08-13 |
Family
ID=67521244
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910311783.8A Pending CN110119352A (zh) | 2019-04-18 | 2019-04-18 | 应用程序的ui调试方法、装置、计算机设备和存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110119352A (zh) |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110781425A (zh) * | 2019-10-25 | 2020-02-11 | 北京创鑫旅程网络技术有限公司 | 移动端h5页面的显示方法、装置、设备及存储介质 |
| CN110908899A (zh) * | 2019-11-08 | 2020-03-24 | 北京奇艺世纪科技有限公司 | 应用程序的调试方法、移动终端及计算机可读存储介质 |
| CN110990258A (zh) * | 2019-10-29 | 2020-04-10 | 贝壳技术有限公司 | 基于Android***的APP测试方法、装置、可读存储介质及处理器 |
| CN111061630A (zh) * | 2019-11-26 | 2020-04-24 | 歌尔股份有限公司 | 产品调试方法、调试装置及可读存储介质 |
| CN111162960A (zh) * | 2019-12-03 | 2020-05-15 | 支付宝实验室(新加坡)有限公司 | 启动调试面板的方法和服务器 |
| CN111400177A (zh) * | 2020-03-12 | 2020-07-10 | 咪咕文化科技有限公司 | 调试方法、装置、电子设备及存储介质 |
| CN111596980A (zh) * | 2020-04-09 | 2020-08-28 | 北京五八信息技术有限公司 | 一种信息处理方法及装置 |
| CN113552992A (zh) * | 2021-08-03 | 2021-10-26 | 网易（杭州）网络有限公司 | 一种控件显示控制方法、装置、设备及介质 |
| CN114115869A (zh) * | 2020-08-31 | 2022-03-01 | 菜鸟智能物流控股有限公司 | 一种用户界面ui的处理方法及装置 |
| CN114130016A (zh) * | 2021-12-07 | 2022-03-04 | 腾讯科技（深圳）有限公司 | 一种控件资源管理方法和相关装置 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105955888A (zh) * | 2016-05-04 | 2016-09-21 | 腾讯科技（深圳）有限公司 | 一种页面调试预览方法及*** |
| CN107038112A (zh) * | 2016-10-13 | 2017-08-11 | 腾讯科技（北京）有限公司 | 应用界面的调试方法及装置 |
| WO2018108041A1 (zh) * | 2016-12-13 | 2018-06-21 | 腾讯科技（深圳）有限公司 | 一种远程调试方法及装置、计算机存储介质 |
-
2019
- 2019-04-18 CN CN201910311783.8A patent/CN110119352A/zh active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105955888A (zh) * | 2016-05-04 | 2016-09-21 | 腾讯科技（深圳）有限公司 | 一种页面调试预览方法及*** |
| CN107038112A (zh) * | 2016-10-13 | 2017-08-11 | 腾讯科技（北京）有限公司 | 应用界面的调试方法及装置 |
| WO2018108041A1 (zh) * | 2016-12-13 | 2018-06-21 | 腾讯科技（深圳）有限公司 | 一种远程调试方法及装置、计算机存储介质 |
Cited By (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110781425B (zh) * | 2019-10-25 | 2022-09-20 | 北京创鑫旅程网络技术有限公司 | 移动端h5页面的显示方法、装置、设备及存储介质 |
| CN110781425A (zh) * | 2019-10-25 | 2020-02-11 | 北京创鑫旅程网络技术有限公司 | 移动端h5页面的显示方法、装置、设备及存储介质 |
| CN110990258A (zh) * | 2019-10-29 | 2020-04-10 | 贝壳技术有限公司 | 基于Android***的APP测试方法、装置、可读存储介质及处理器 |
| CN110908899A (zh) * | 2019-11-08 | 2020-03-24 | 北京奇艺世纪科技有限公司 | 应用程序的调试方法、移动终端及计算机可读存储介质 |
| CN111061630A (zh) * | 2019-11-26 | 2020-04-24 | 歌尔股份有限公司 | 产品调试方法、调试装置及可读存储介质 |
| CN111162960A (zh) * | 2019-12-03 | 2020-05-15 | 支付宝实验室(新加坡)有限公司 | 启动调试面板的方法和服务器 |
| CN111162960B (zh) * | 2019-12-03 | 2022-12-02 | 支付宝实验室(新加坡)有限公司 | 启动调试面板的方法和服务器 |
| CN111400177A (zh) * | 2020-03-12 | 2020-07-10 | 咪咕文化科技有限公司 | 调试方法、装置、电子设备及存储介质 |
| CN111400177B (zh) * | 2020-03-12 | 2023-08-15 | 咪咕文化科技有限公司 | 调试方法、装置、电子设备及存储介质 |
| CN111596980A (zh) * | 2020-04-09 | 2020-08-28 | 北京五八信息技术有限公司 | 一种信息处理方法及装置 |
| CN111596980B (zh) * | 2020-04-09 | 2021-06-04 | 北京五八信息技术有限公司 | 一种信息处理方法及装置 |
| CN114115869A (zh) * | 2020-08-31 | 2022-03-01 | 菜鸟智能物流控股有限公司 | 一种用户界面ui的处理方法及装置 |
| CN113552992A (zh) * | 2021-08-03 | 2021-10-26 | 网易（杭州）网络有限公司 | 一种控件显示控制方法、装置、设备及介质 |
| CN114130016A (zh) * | 2021-12-07 | 2022-03-04 | 腾讯科技（深圳）有限公司 | 一种控件资源管理方法和相关装置 |
| CN114130016B (zh) * | 2021-12-07 | 2023-07-14 | 腾讯科技（深圳）有限公司 | 一种控件资源管理方法和相关装置 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110119352A (zh) | 应用程序的ui调试方法、装置、计算机设备和存储介质 | |
| CN110032519B (zh) | 云函数调试方法、装置、计算机设备及存储介质 | |
| CN108363587A (zh) | 应用程序运行监控方法、装置、计算机设备和存储介质 | |
| CN108345456A (zh) | 页面代码生成方法、装置、计算机设备和存储介质 | |
| CN108446116A (zh) | 应用程序页面的生成方法、装置、计算机设备和存储介质 | |
| WO2022179082A1 (zh) | 数据处理方法及装置 | |
| CN108388515B (zh) | 测试数据生成方法、装置、设备以及计算机可读存储介质 | |
| CN110008455A (zh) | 表格编辑方法、装置、计算机设备和存储介质 | |
| CN110413922A (zh) | 页面信息显示方法、装置、计算机设备和存储介质 | |
| CN112486828A (zh) | 测试用例生成方法、装置、计算机设备和存储介质 | |
| CN112650487B (zh) | 混合应用程序开发方法、***、计算机设备和存储介质 | |
| CN110888709A (zh) | 监控屏的智能操作方法、装置、计算机设备和存储介质 | |
| CN109597618A (zh) | 程序开发方法、装置、计算机设备及存储介质 | |
| CN109408374A (zh) | 应用程序异常远程定位方法、***、计算机设备和介质 | |
| CN109445845A (zh) | 接口调用方法、装置、计算机设备和存储介质 | |
| CN111726818A (zh) | 无线芯片的测试方法、装置、计算机设备和存储介质 | |
| CN111045707B (zh) | 小程序的更新方法、装置、计算机设备和存储介质 | |
| CN109558187A (zh) | 一种用户界面渲染方法及装置 | |
| CN111552503B (zh) | 工程文件处理方法、装置、计算机设备及存储介质 | |
| CN114185874A (zh) | 一种基于大数据的建模方法、装置、开发框架及设备 | |
| CN110362341A (zh) | 基于微服务架构的业务管理方法、装置、设备和存储介质 | |
| CN113032078A (zh) | 页面展示方法、装置、电子设备和计算机可读存储介质 | |
| CN113342629A (zh) | 操作轨迹还原方法、装置、计算机设备和存储介质 | |
| CN110908655B (zh) | 换肤方法、装置、计算机设备和可读存储介质 | |
| CN112667490A (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 |