CN110119352A - UI adjustment method, device, computer equipment and the storage medium of application program - Google Patents
UI adjustment method, device, computer equipment and the storage medium of application program 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
Abstract
This application involves UI adjustment method, device, computer equipment and the storage mediums of a kind of application program.If by detecting the preset instructions for UI debugging, then Start-up and Adjustment version application program, the control to be adjusted of current display page is obtained by debugging version application call UI debugging tool, shown by debugging version application program include the attribute of control to be adjusted UI Debugging interface, UI debugging tool is called to obtain the attribute modification parameter modified to control to be adjusted inputted in UI Debugging interface, the new page is loaded according to attribute modification parameter by debugging version application program, it can be with the attribute of real time modifying control to be adjusted, and according to control content after the change of attribute modification parameter real-time display, until being adjusted to meet default debugging condition, it will be in the installation kit of attribute modification parameter configuration to destination application.New display control content is obtained without re-starting program development by developer, improves UI regulated efficiency.
Description
Technical field
This application involves field of computer technology, more particularly to a kind of UI adjustment method of application program, device, calculating
Machine equipment and storage medium.
Background technique
With the continuous development of computer technology, it in process of application development, needs to the UI control in application program
Part is debugged, and by adjusting font size, color, position, back gauge, the attributes such as picture size have the page of application program
There is preferable visual effect.
Traditional adjustment method, developer are mounted on user terminal after completing exploitation, by compiling of application packing,
UI designer checks UI design effect in user terminal, and records the UI for needing to change interface, developer is fed back to, by developing
Personnel re-start exploitation.This mode needs developer and UI designer constantly to modify compiling packing installation, and efficiency is extremely low.
Summary of the invention
Based on this, it is necessary in view of the above technical problems, provide a kind of UI of application program that can be improved working efficiency
Adjustment method, device, computer equipment and storage medium.
A kind of UI adjustment method of application program, which comprises
If detecting the preset instructions for UI debugging, Start-up and Adjustment version application program;
The control to be adjusted of current display page is obtained by the debugging version application call UI debugging tool;
Shown by the debugging version application program include the attribute of the control to be adjusted UI Debugging interface;
The UI debugging tool acquisition is called to modify what the UI Debugging interface inputted to the control to be adjusted
Attribute modification parameter;
The new page is loaded according to the attribute modification parameter by the debugging version application program;
If the new page meets default debugging condition, the attribute modification parameter configuration is arrived into destination application
In installation kit.
It is described in one of the embodiments, to show to include the control to be adjusted by the debugging version application program
Attribute UI Debugging interface the step of after, further includes:
When detecting out code, the UI debugging tool is closed;
Save the modified attribute of control to be adjusted.
In one of the embodiments, the method also includes:
When detecting page switching instruction, target pages mark is obtained;
The page switching instruction is responded, identify the content of pages of load target pages according to the target pages and is shown
Show;
When detecting wake up instruction, passes back through the debugging version application call UI debugging tool and obtain current show
The step of showing the control to be adjusted of the page.
It is described in one of the embodiments, that current show is obtained by the debugging version application call UI debugging tool
The step of showing the control to be adjusted of the page, comprising:
Each control of current display page is obtained based on the UI debugging tool;
When detecting the selection operation to the control of current display page, the control mark of selected control is obtained, really
Fixed control to be adjusted.
It is described in one of the embodiments, to show to include the control to be adjusted by the debugging version application program
Attribute UI Debugging interface the step of, comprising:
It is identified according to the control, the attribute of control to be adjusted is obtained by the UI debugging tool;
Load UI Debugging interface shows the attribute of the control to be adjusted;
The UI Debugging interface is shown in current page content by the debugging version application program.
Described shown the UI Debugging interface by the debugging version application program is being worked as in one of the embodiments,
Step on preceding content of pages, comprising:
The level of the UI Debugging interface is arranged in the level of the current page.
If the new page meets default debugging condition in one of the embodiments, by the attribute modification
Parameter configuration is to the step in the installation kit of destination application, comprising:
If the new page of the control to be adjusted meets default debugging condition, the attribute modification parameter is led to
The UI debugging tool is crossed to be configured in the program of the control to be adjusted;
When the corresponding new page of each control to be adjusted all meets default debugging condition, obtain adjusted
Debugging version application;
After debugging version application adjusted is removed the UI debugging tool, the destination application is obtained.
A kind of UI debugging apparatus of application program, described device include:
Program opens module, if for detecting the preset instructions for UI debugging, Start-up and Adjustment version application program;
Control to be adjusted obtains module, current aobvious for being obtained by the debugging version application call UI debugging tool
Show the control to be adjusted of the page;
UI Debugging interface display module includes the control to be adjusted for being shown by the debugging version application program
Attribute UI Debugging interface;
Parameter acquisition module, for call the UI debugging tool obtain the UI Debugging interface input to it is described to
The attribute modification parameter that adjustment control is modified;
The page adjusts module, for loading new page according to the attribute modification parameter by the debugging version application program
Face;
Destination application obtains module and repairs the attribute if meeting default debugging condition for the new page
Change parameter configuration into the installation kit of destination application.
A kind of computer equipment, including memory and processor, the memory are stored with computer program, the processing
The step of device realizes the method when executing the computer program.
A kind of computer readable storage medium, is stored thereon with computer program, and the computer program is held by processor
The step of method is realized when row.
UI adjustment method, device, computer equipment and the storage medium of above-mentioned application program, if by detecting for UI
The preset instructions of debugging, then Start-up and Adjustment version application program, is obtained current by debugging version application call UI debugging tool
Show the page control to be adjusted, show by debugging version application program include control to be adjusted attribute UI debug boundary
Face calls UI debugging tool to obtain the attribute modification parameter modified to control to be adjusted inputted in UI Debugging interface, leads to
Cross debugging version application program and load the new page according to attribute modification parameter, can with the attribute of real time modifying control to be adjusted, and
According to control content after the change of attribute modification parameter real-time display, until being adjusted to meet default debugging condition, by attribute modification
Parameter configuration is into the installation kit of destination application.New display is obtained without re-starting program development by developer
Control content improves UI regulated efficiency.
Detailed description of the invention
Fig. 1 is the application scenario diagram of the UI adjustment method of application program in one embodiment;
Fig. 2 is the flow diagram of the UI adjustment method of application program in one embodiment;
Fig. 3 is the flow diagram of the UI adjustment method of application program in one embodiment;
Fig. 4 is the structural block diagram of the UI debugging apparatus of application program in one embodiment;
Fig. 5 is the internal structure chart of computer equipment in one embodiment.
Specific embodiment
It is with reference to the accompanying drawings and embodiments, right in order to which the objects, technical solutions and advantages of the application are more clearly understood
The application is further elaborated.It should be appreciated that specific embodiment described herein is only used to explain the application, not
For limiting the application.
The UI adjustment method of application program provided by the present application, can be applied in application environment as shown in Figure 1.Its
In, developer is after the completion of application development, when needing to carry out UI debugging to application program, by parasitism UI debugging tool
Debugging version application to UI designer, UI designer installs application program on the terminal 102, if terminal 102 detects
To the preset instructions debugged for UI, then Start-up and Adjustment version application program;Pass through debugging version application call UI debugging tool
Obtain the control to be adjusted of current display page;Shown by debugging version application program include the attribute of control to be adjusted UI
Debugging interface;UI debugging tool is called to obtain the attribute modification ginseng modified to control to be adjusted inputted in UI Debugging interface
Number;The new page is loaded according to attribute modification parameter by debugging version application program;If the new page meets default debugging condition,
It will be in the installation kit of attribute modification parameter configuration to destination application.Wherein, terminal 102 can be, but not limited to be various individuals
Computer, laptop, smart phone, tablet computer and portable wearable device.
In one embodiment, it as shown in Fig. 2, providing a kind of UI adjustment method of application program, applies in this way
It is illustrated for terminal in Fig. 1, including step S220 to step S320:
Step S220, if detecting the preset instructions for UI debugging, Start-up and Adjustment version application program.
Wherein, it before executing step S220, needs to obtain debugging version application, debugging version application is pacified
Dress at the terminal, can be by way of connecting storage device at the terminal, by the debugging version application in storage device
It is transferred in terminal and is installed, such as: USB flash disk, hard disk can also lead to as long as can store debugging version application
Wireless transmission is crossed, receives the debugging version application that developer is sent using wireless transmission, being also possible to UI designer makes
Debugging version application is downloaded in fixed platform with terminal.Debugging version application refers to: needing after completing exploitation
It is debugged, debugs version, that is, Debug version, the parasitic UI debugging tool of debugging version application.Application program opening refers to
Order is that UI designer is triggered by modes such as the screen of click terminal, the key of pressing terminal or voice inputs, and journey is applied in triggering
After sequence open instructions, the debugging version application for installation of opening a terminal.
Step S240 obtains the control to be adjusted of current display page by debugging version application call UI debugging tool
Part.
Wherein, UI debugging tool be it is parasitic in the application, it is packed together with application program, apply journey in installation
After sequence, application program can call UI debugging tool by triggering wake up instruction, and after triggering wake up instruction, terminal receives wake-up
Instruction starts UI debugging tool by the interface of application call UI debugging tool, and UI debugging tool can traverse on the page
All UI elements can be modified each attribute of UI element, including font size, color, long character, position, back gauge;It can be with
The URL attribute for checking picture quickly finds the picture of missing or mistake;Position of picture etc. can be exchanged;UI can be allowed to set
The element property that teacher oneself adjusts UI Debugging interface is counted, helps to modify packing debugging without developer, discharges exploit person
Member's resource can be seen after adjusting after can saving by adjusting the element property of UI Debugging interface on the page at once as a result, adjusting
Good UI attribute, which can preserve, does publication use.
The page where the control to be adjusted that current display page refers to UI designer i.e. and will adjust, i.e. UI designer
When adjusting control to be adjusted, the page where needing first to open the control to be adjusted of debugging version application program is shown.Page
It may include multiple controls in face, control to be adjusted refers to that the UI designer in the page selects the target widget of adjustment.?
After opening UI debugging tool, UI designer selects the page where control to be adjusted by terminal, is shown, is shown currently
UI designer selects the control for needing to be adjusted in the page in the page, need to obtain current display page based on the determination of UI debugging tool
The control to be adjusted in face.
Step S260, shown by debugging version application program include the attribute of control to be adjusted UI Debugging interface.
Wherein, after getting the control to be adjusted of current display page, on the basis of current display page, UI tune is shown
Interface is tried, includes the attribute of control to be adjusted in UI Debugging interface, UI designer selects in the page in current display page
The control for needing to be adjusted, after determination need to obtain the control to be adjusted of current display page based on UI debugging tool, terminal control
Debugging version application call UI debugging tool processed obtains the attribute of control to be adjusted, and the attribute that will acquire is in UI Debugging interface
It is shown, UI Debugging interface is editable interface, and UI designer can edit corresponding attribute in UI Debugging interface.UI debugging
Interface can be full screen display, or be shown near the control, UI Debugging interface also may be displayed on current page
Upper one layer of content of pages, convenient that the UI element (control to be adjusted) of current page is adjusted, the attribute of control to be adjusted
Details including control, by taking control is picture as an example, attribute includes the width height and URL of picture.It can also be to current display page
Attribute be adjusted so that UI Debugging interface highlights, for example, page translucentization etc..
Step S280 calls UI debugging tool to obtain the category modified to control to be adjusted inputted in UI Debugging interface
Property modification parameter.
Wherein, attribute modification parameter includes: the font size of control, color, long position symbol, back gauge, URL attribute, picture position
The parameters such as set, can be to the font size of control, color, long position symbol, back gauge, URL attribute, the parameters such as Pictures location are adjusted
It is whole.The attribute of control to be adjusted, UI designer passes through UI Debugging interface at the terminal directly to edit, and modify control to be adjusted
The attribute of part, after the completion of UI designer edits, terminal UI debugging tool obtains attribute modification parameter, such as: picture is not UI design
Picture desired by teacher can import the URL of new picture, or the high width etc. of adjustment picture again, and terminal debugs work by UI
Tool obtains the attribute modification parameter of the property box input of the control in UI Debugging interface.
Step S300 loads the new page according to attribute modification parameter by debugging version application program.
Wherein, it according to attribute modification parameter, modifies update to the attribute of the control to be adjusted of current page, after update
The current page of loading application programs obtains the new page, such as: the attribute of the control A to be adjusted of current page are as follows: the height of picture
It is 5cm, picture width is 3cm, the attribute modification parameter of UI designer's input are as follows: the height of picture is 6cm, and picture width is 4cm, terminal
It is modified based on attribute of the UI debugging tool to control to be adjusted, by the Attribute tuning of the control A to be adjusted of current page are as follows:
The height of picture is 6cm, and picture width is 4cm, reloads the current page of application program, is shown, obtains the new page.
Step S320, if the new page meets default debugging condition, by attribute modification parameter configuration to destination application
Installation kit in.
Wherein, in order to reach good UI interfacial effect, it can repeatedly return to execution and UI debugging tool is called to obtain in UI tune
The step of trying the attribute modification parameter of interface input modified to control to be adjusted, until obtain the new page meet it is default
Debugging condition.UI designer can input attribute modification parameter with multipass terminal, be adjusted, until reaching satisfied UI circle
Face effect.Default debugging condition is content, the presentation effect and use of the display page that UI designer need to show according to each control
Family Experience Degree determines, when the new page show the effect that the content that control need to show, the display page are presented meet the requirements and
When user experience meets the requirements, as meet default debugging condition.Application program includes two versions, and one is Debug editions
This, one is Release version.Wherein, Debug version is debugging version application program, includes Debugging message, and debugging version is answered
With the UI debugging tool of parasitism in program.Release version is destination application, can be used for the application program issued.
In the UI adjustment method of above-mentioned application program, if starting tune by detecting for the preset instructions of UI debugging
Test run application program obtains the control to be adjusted of current display page by debugging version application call UI debugging tool, leads to
Cross debugging version application program and show include the attribute of control to be adjusted UI Debugging interface, call UI debugging tool to obtain in UI
The attribute modification parameter of Debugging interface input modified to control to be adjusted, is repaired by debugging version application program according to attribute
Change parameter and loads the new page, it can be with the attribute of real time modifying control to be adjusted, and more according to attribute modification parameter real-time display
Change rear control content, until being adjusted to meet default debugging condition, by the peace of attribute modification parameter configuration to destination application
In dress packet.New display control content is obtained without re-starting program development by developer, improves UI regulated efficiency.
In one embodiment, shown by debugging version application program include control to be adjusted attribute UI debugging circle
After the step of face, further includes: when detecting out code, close UI debugging tool;It is modified to save control to be adjusted
Attribute.
Wherein, when being adjusted to desired effect, UI designer can have by operation UI Debugging interface closes control, closes
The UI debugging tool and UI Debugging interface of application program, while the modified attribute of control is saved, UI designer can pass through
The modes such as the screen for clicking terminal, the key for pressing terminal or voice input trigger out code, and terminal detects UI designer
After triggering out code, closing application program UI debugging tool is controlled, when closing UI debugging tool, UI Debugging interface is obtained and works as
The attribute of preceding control to be adjusted, the attribute are the attribute modification parameter that last time is modified.Without return again to by
Page UI adjustment can be realized by adjusting the code of application program in developer.
In one embodiment, referring to Fig. 3, this method further includes step S420 to step S460:
Step S420 obtains target pages mark when detecting page switching instruction.
Wherein, UI designer can switch to other pages, and UI designer can be by clicking the screen of terminal, pressing terminal
Key or voice input etc. modes trigger page switching instruction, terminal detect UI designer trigger page switching instruction when,
Obtain the target pages mark in page switching instruction.Target pages mark can be preset according to page feature, be made
When must trigger page switching instruction, it can determine and need to switch target pages.
Step S420, response page switching command identify the content of pages of load target pages according to target pages and show
Show.
Wherein it is determined that page switching instruction is executed, so that terminal is according to target pages mark after needing to switch target pages
Know the corresponding content of pages for obtaining target pages, the content of pages for the target pages that will acquire is shown in terminal.It will acquire
Target pages as current display page, can flexibly switch the page according to adjustment needs, other pages are needed to adjust
Control to be adjusted be adjusted so that UI designer in debugging process be more convenient.
Step S460 passes back through the acquisition of debugging version application call UI debugging tool when detecting wake up instruction
The step of control to be adjusted of current display page.
Wherein, it after UI designer can switch to other pages, using the page after switching as current display page, returns logical
The step of debugging version application call UI debugging tool obtains the control to be adjusted of current display page is crossed, UI tune is based on
Trial work tool obtains the control to be adjusted of current display page, and display includes to be adjusted on the content of pages of current display page
The UI Debugging interface of the attribute of control obtains the attribute modification ginseng modified to control to be adjusted inputted in UI Debugging interface
Number, according to attribute modification parameter, the current page of loading application programs obtains the new page, can carry out to the UI of other pages
Debugging.The page can flexibly be switched according to adjustment needs, need the control to be adjusted adjusted to be adjusted other pages,
So that UI designer is more convenient in debugging process.
In one embodiment, by debugging version application call UI debugging tool acquisition current display page wait adjust
The step of whole control, comprising: each control of current display page is obtained based on UI debugging tool;Page is shown to current when detecting
When the selection operation of the control in face, the control mark of selection control is obtained, determines control to be adjusted.
Wherein, control mark can be developer and be preset according to control feature, it is therefore an objective to correspond to each control
Part, it is associated with corresponding control.Include multiple controls in current display page, current display page is obtained based on UI debugging tool
Each control in face, is shown at the terminal, and UI designer needs to select a control to be adjusted in multiple controls, UI design
Teacher selects a control by modes such as the screen of click terminal, the key of pressing terminal or voice inputs, when terminal detects
When UI designer is to the selection operation of the control of current display page, the corresponding control mark for obtaining selection control from selection operation
Know, terminal determines control to be adjusted.By obtaining each control based on UI debugging tool, select the control being adjusted, determine to
Control is adjusted, to be adjusted to the control.
In one embodiment, shown by debugging version application program include control to be adjusted attribute UI debugging circle
The step of face, comprising: identified according to control, the attribute of control to be adjusted is obtained by UI debugging tool;Load UI Debugging interface
Show the attribute of control to be adjusted;UI Debugging interface is shown in current page content by debugging version application program.
Wherein, it after determining control to be adjusted, is identified according to control, terminal is corresponding to obtain by being based on UI debugging tool
To the corresponding attribute of the control to be adjusted, the attribute of control to be adjusted may include: the font size of control, color, long position symbol,
Back gauge, URL attribute, the parameters such as Pictures location;The UI Debugging interface for obtaining UI debugging tool, is shown in terminal, and will be to
The attribute correspondence of adjustment control is shown that terminal is shown UI Debugging interface by debugging version application program in UI Debugging interface
In current page content.
In one embodiment, UI Debugging interface is shown by debugging version application program by the step in current page content
Suddenly, comprising: the level of UI Debugging interface is arranged in the level of the page face to face.
Wherein, on the basis of current display page, UI Debugging interface is shown, in principle, both it can be seen that current display
The content of pages of the page, it can also be seen that the content of pages of UI Debugging interface.UI Debugging interface can block current display page
Content of pages, UI Debugging interface and current display page subregion can also be shown, can also by page translucentization etc.,
It can be according to being adjusted in actual use, so that facilitating UI designer to input when being adjusted to control to be adjusted
Attribute modification parameter and the content of pages for checking current page adjusted.
In one embodiment, if the new page meets default debugging condition, attribute modification parameter configuration is answered to target
With the step in the installation kit of program, comprising: if the new page of control to be adjusted meets default debugging condition, attribute is repaired
Change parameter to be configured to by UI debugging tool in the program of control to be adjusted;
When the corresponding new page of each control to be adjusted all meets default debugging condition, debugging version adjusted is obtained
Application program;
After debugging version application adjusted is removed UI debugging tool, destination application is obtained.
Wherein, application program includes two versions, and one is Debug version, and one is Release version.Wherein,
Debug version is debugging version application, includes Debugging message, the parasitic UI debugging tool of debugging version application.
Release version is destination application, is the application program for issuing, the version that user uses.UI debugging tool is right
Use when control to be debugged is adjusted can't be used by a user, if destination application in practical business processing
It including UI debugging tool, then will increase the capacity of application program, influence the operation of application program.Therefore, the UI attribute mixed up can
Publication use is done to preserve.It, can be by UI designer by debugging version adjusted after the adjustment for completing whole pages
Application program is sent to developer, destination application is obtained after removing UI debugger by developer, to be optimized
Application program.
It should be understood that although each step in the flow chart of 2-3 is successively shown according to the instruction of arrow, this
A little steps are not that the inevitable sequence according to arrow instruction successively executes.Unless expressly state otherwise herein, these steps
It executes there is no the limitation of stringent sequence, these steps can execute in other order.Moreover, at least one in Fig. 2-3
It step by step may include that perhaps these sub-steps of multiple stages or stage are held in synchronization to multiple sub-steps
Row is completed, but can be executed at different times, the execution sequence in these sub-steps or stage be also not necessarily successively into
Row, but can be held in turn or alternately at least part of the sub-step or stage of other steps or other steps
Row.
In one embodiment, as shown in figure 4, providing a kind of UI debugging apparatus of application program, comprising: program is opened
Module 310, control to be adjusted obtain module 320, UI Debugging interface display module 330, parameter acquisition module 340, page adjustment
Module 350 and destination application obtain module 360, in which:
Program opens module 310, if for detecting the preset instructions for UI debugging, Start-up and Adjustment version application journey
Sequence;
Control to be adjusted obtains module 320, current aobvious for being obtained by debugging version application call UI debugging tool
Show the control to be adjusted of the page;
UI Debugging interface display module 330, for by debugging version application program show include control to be adjusted category
The UI Debugging interface of property;
Parameter acquisition module 340, for call UI debugging tool obtain the UI Debugging interface input to be adjusted
The attribute modification parameter that control is modified;
The page adjusts module 350, for loading the new page according to attribute modification parameter by debugging version application program;
Destination application obtains module 360, if meeting default debugging condition for the new page, by attribute modification parameter
It is configured in the installation kit of destination application.
In one embodiment, the UI debugging apparatus of application program further include: out code detection module, for when detection
To when out code, UI debugging tool is closed;Attribute preserving module, for saving the modified attribute of control to be adjusted.
In one embodiment, the UI debugging apparatus of application program further include: page switching instruction detection module, for working as
When detecting page switching instruction, target pages mark is obtained;Target pages module is loaded, response page switching command is used for,
Content of pages and the display of load target pages are identified according to target pages;Wake up instruction detection module is called out for that ought detect
When awake instruction, the control to be adjusted that the debugging version application call UI debugging tool obtains current display page is passed back through
The step of.
In one embodiment, it includes: control acquiring unit that control to be adjusted, which obtains module 320, for being debugged based on UI
Each control of tool acquisition current display page;Control determination unit to be adjusted is detected for working as to current display page
When the selection operation of control, the control mark of selection control is obtained, determines control to be adjusted.
In one embodiment, UI Debugging interface display module 330 includes: attribute acquiring unit, for according to control mark
Know, the attribute of control to be adjusted is obtained by UI debugging tool;Loading unit shows control to be adjusted for loading UI Debugging interface
The attribute of part;UI Debugging interface display unit, for being shown UI Debugging interface in current page by debugging version application program
In content.
In one embodiment, UI Debugging interface display unit is also used to: the level of UI Debugging interface is arranged current
In the level of the page.
In one embodiment, destination application obtains module 360 and is also used to: if the new page symbol of control to be adjusted
When closing default debugging condition, attribute modification parameter is configured in the program of control to be adjusted by UI debugging tool;When respectively to
When the corresponding new page of adjustment control all meets default debugging condition, debugging version application adjusted is obtained;It will adjust
After debugging version application removal UI debugging tool after whole, destination application is obtained.
In the UI debugging apparatus of above-mentioned application program, module 310 is opened by program and is detected for the default of UI debugging
Instruction, if detecting the preset instructions for UI debugging, Start-up and Adjustment version application program, control to be adjusted obtains module 320
The control to be adjusted of current display page is obtained by debugging version application call UI debugging tool, UI Debugging interface shows mould
Block 330 by debugging version application program show include the attribute of control to be adjusted UI Debugging interface, parameter acquisition module 340
UI debugging tool is called to obtain the attribute modification parameter modified to control to be adjusted inputted in UI Debugging interface, page tune
Mould preparation block 350 loads the new page according to attribute modification parameter by debugging version application program, can be with real time modifying control to be adjusted
The attribute of part, and according to control content after the change of attribute modification parameter real-time display, until be adjusted to meet default debugging condition,
Destination application obtains module 360 will be in the installation kit of attribute modification parameter configuration to destination application.Without by opening
Hair personnel re-start program development and obtain new display control content, improve UI regulated efficiency.
The specific of UI debugging apparatus about application program limits the UI debugging that may refer to above for application program
The restriction of method, details are not described herein.Modules in the UI debugging apparatus of above-mentioned application program can be fully or partially through
Software, hardware and combinations thereof are realized.Above-mentioned each module can be embedded in the form of hardware or independently of the place in computer equipment
It manages in device, can also be stored in a software form in the memory in computer equipment, in order to which processor calls execution or more
The corresponding operation of modules.
In one embodiment, a kind of computer equipment is provided, which can be terminal, internal structure
Figure can be as shown in Figure 5.The computer equipment includes processor, the memory, network interface, display connected by system bus
Screen and input unit.Wherein, the processor of the computer equipment is for providing calculating and control ability.The computer equipment is deposited
Reservoir includes non-volatile memory medium, built-in storage.The non-volatile memory medium is stored with operating system and computer journey
Sequence.The built-in storage provides environment for the operation of operating system and computer program in non-volatile memory medium.The calculating
The network interface of machine equipment is used to communicate with external terminal by network connection.When the computer program is executed by processor with
Realize a kind of UI adjustment method of application program.The display screen of the computer equipment can be liquid crystal display or electric ink
Display screen, the input unit of the computer equipment can be the touch layer covered on display screen, be also possible to outside computer equipment
Key, trace ball or the Trackpad being arranged on shell can also be external keyboard, Trackpad or mouse etc..
It will be understood by those skilled in the art that structure shown in Fig. 5, only part relevant to application scheme is tied
The block diagram of structure does not constitute the restriction for the computer equipment being applied thereon to application scheme, specific computer equipment
It may include perhaps combining certain components or with different component layouts than more or fewer components as shown in the figure.
In one embodiment, a kind of computer equipment, including memory and processor are provided, which is stored with
Computer program, the processor perform the steps of when executing computer program
If detecting the preset instructions for UI debugging, Start-up and Adjustment version application program;Pass through debugging version application program
UI debugging tool is called to obtain the control to be adjusted of current display page;Show to include to be adjusted by debugging version application program
The UI Debugging interface of the attribute of control;The acquisition of UI debugging tool is called to repair what UI Debugging interface inputted to control to be adjusted
The attribute modification parameter changed;The new page is loaded according to attribute modification parameter by debugging version application program;If the new page accords with
Default debugging condition is closed, it will be in the installation kit of attribute modification parameter configuration to destination application.
In one embodiment, it also performs the steps of to work as when processor executes computer program and detects out code
When, close UI debugging tool;Save the modified attribute of control to be adjusted.
In one embodiment, it also performs the steps of to work as when processor executes computer program and detects page switching
When instruction, target pages mark is obtained;Response page switching command is identified according to target pages in the page for loading target pages
Hold and shows;When detecting wake up instruction, passes back through debugging version application call UI debugging tool and obtain current display
The step of control to be adjusted of the page.
In one embodiment, it also performs the steps of when processor executes computer program and is obtained based on UI debugging tool
Take each control of current display page;When detecting the selection operation to the control of current display page, selection control is obtained
Control mark, determine control to be adjusted.
In one embodiment, it also performs the steps of when processor executes computer program and is identified according to control, passed through
UI debugging tool obtains the attribute of control to be adjusted;Load UI Debugging interface shows the attribute of control to be adjusted;Pass through debugging version
Application program shows UI Debugging interface in current page content.
In one embodiment, it also performs the steps of when processor executes computer program by the layer of UI Debugging interface
Grade is arranged in the level of current page.
In one embodiment, if processor also performs the steps of the new of control to be adjusted when executing computer program
Page when meeting default debugging condition, attribute modification parameter is configured to the program of control to be adjusted by UI debugging tool
In;When the corresponding new page of each control to be adjusted all meets default debugging condition, debugging version this application adjusted is obtained
Program;After debugging version application adjusted is removed UI debugging tool, destination application is obtained.
In one embodiment, a kind of computer readable storage medium is provided, computer program is stored thereon with, is calculated
Machine program performs the steps of when being executed by processor
If detecting the preset instructions for UI debugging, Start-up and Adjustment version application program;Pass through debugging version application program
UI debugging tool is called to obtain the control to be adjusted of current display page;Show to include to be adjusted by debugging version application program
The UI Debugging interface of the attribute of control;The acquisition of UI debugging tool is called to repair what UI Debugging interface inputted to control to be adjusted
The attribute modification parameter changed;The new page is loaded according to attribute modification parameter by debugging version application program;If the new page accords with
Default debugging condition is closed, it will be in the installation kit of attribute modification parameter configuration to destination application.
In one embodiment, it also performs the steps of to work as when computer program is executed by processor and detects that closing refers to
When enabling, UI debugging tool is closed;Save the modified attribute of control to be adjusted.
In one embodiment, it also performs the steps of to work as when computer program is executed by processor and detects that the page is cut
When changing instruction, target pages mark is obtained;Response page switching command identifies the page of load target pages according to target pages
Content is simultaneously shown;When detecting wake up instruction, passes back through debugging version application call UI debugging tool and obtain current show
The step of showing the control to be adjusted of the page.
In one embodiment, it also performs the steps of when computer program is executed by processor based on UI debugging tool
Obtain each control of current display page;When detecting the selection operation to the control of current display page, selection control is obtained
The control of part identifies, and determines control to be adjusted.
In one embodiment, it also performs the steps of when computer program is executed by processor and is identified according to control, led to
Cross the attribute that UI debugging tool obtains control to be adjusted;Load UI Debugging interface shows the attribute of control to be adjusted;Pass through debugging
Version application program shows UI Debugging interface in current page content.
In one embodiment, it is also performed the steps of when computer program is executed by processor by UI Debugging interface
Level is arranged in the level of current page.
In one embodiment, if also performing the steps of control to be adjusted when computer program is executed by processor
When the new page meets default debugging condition, attribute modification parameter is configured to the program of control to be adjusted by UI debugging tool
In;When the corresponding new page of each control to be adjusted all meets default debugging condition, debugging version this application adjusted is obtained
Program;After debugging version application adjusted is removed UI debugging tool, destination application is obtained.
Those of ordinary skill in the art will appreciate that realizing all or part of the process in above-described embodiment method, being can be with
Relevant hardware is instructed to complete by computer program, the computer program can be stored in a non-volatile computer
In read/write memory medium, the computer program is when being executed, it may include such as the process of the embodiment of above-mentioned each method.Wherein,
To any reference of memory, storage, database or other media used in each embodiment provided herein,
Including non-volatile and/or volatile memory.Nonvolatile memory may include read-only memory (ROM), programming ROM
(PROM), electrically programmable ROM (EPROM), electrically erasable ROM (EEPROM) or flash memory.Volatile memory may include
Random access memory (RAM) or external cache.By way of illustration and not limitation, RAM is available in many forms,
Such as static state RAM (SRAM), dynamic ram (DRAM), synchronous dram (SDRAM), double data rate sdram (DDRSDRAM), enhancing
Type SDRAM (ESDRAM), synchronization link (Synchlink) DRAM (SLDRAM), memory bus (Rambus) direct RAM
(RDRAM), direct memory bus dynamic ram (DRDRAM) and memory bus dynamic ram (RDRAM) etc..
Each technical characteristic of above embodiments can be combined arbitrarily, for simplicity of description, not to above-described embodiment
In each technical characteristic it is all possible combination be all described, as long as however, the combination of these technical characteristics be not present lance
Shield all should be considered as described in this specification.
The several embodiments of the application above described embodiment only expresses, the description thereof is more specific and detailed, but simultaneously
It cannot therefore be construed as limiting the scope of the patent.It should be pointed out that coming for those of ordinary skill in the art
It says, without departing from the concept of this application, various modifications and improvements can be made, these belong to the protection of the application
Range.Therefore, the scope of protection shall be subject to the appended claims for the application patent.
Claims (10)
1. a kind of UI adjustment method of application program, which comprises
If detecting the preset instructions for UI debugging, Start-up and Adjustment version application program;
The control to be adjusted of current display page is obtained by the debugging version application call UI debugging tool;
Shown by the debugging version application program include the attribute of the control to be adjusted UI Debugging interface;
The UI debugging tool is called to obtain the category modified to the control to be adjusted inputted in the UI Debugging interface
Property modification parameter;
The new page is loaded according to the attribute modification parameter by the debugging version application program;
If the new page meets default debugging condition, by the installation of the attribute modification parameter configuration to destination application
Bao Zhong.
2. the method according to claim 1, wherein described shown by the debugging version application program includes
After the step of UI Debugging interface of the attribute of the control to be adjusted, further includes:
When detecting out code, the UI debugging tool is closed;
Save the modified attribute of control to be adjusted.
3. according to the method described in claim 2, it is characterized in that, the method also includes:
When detecting page switching instruction, target pages mark is obtained;
The page switching instruction is responded, content of pages and the display of load target pages are identified according to the target pages;
When detecting wake up instruction, passes back through the debugging version application call UI debugging tool and obtain current display page
The step of control to be adjusted in face.
4. the method according to claim 1, wherein described debugged by the debugging version application call UI
Tool obtains the step of control to be adjusted of current display page, comprising:
Each control of current display page is obtained based on the UI debugging tool;
When detecting the selection operation to the control of current display page, obtain the control mark of selected control, determine to
Adjust control.
5. according to the method described in claim 4, it is characterized in that, described shown by the debugging version application program includes
The step of UI Debugging interface of the attribute of the control to be adjusted, comprising:
It is identified according to the control, the attribute of control to be adjusted is obtained by the UI debugging tool;
Load UI Debugging interface shows the attribute of the control to be adjusted;
The UI Debugging interface is shown in current page content by the debugging version application program.
6. according to the method described in claim 5, it is characterized in that, it is described by the debugging version application program by the UI tune
Try step of the interface display in current page content, comprising:
The level of the UI Debugging interface is arranged in the level of the current page.
7. method according to any one of claims 1 to 6, which is characterized in that if the new page meet it is default
Debugging condition, by the attribute modification parameter configuration to the step in the installation kit of destination application, comprising:
If the new page of the control to be adjusted meets default debugging condition, the attribute modification parameter is passed through into institute
UI debugging tool is stated to be configured in the program of the control to be adjusted;
When the corresponding new page of each control to be adjusted all meets default debugging condition, debugging adjusted is obtained
Version application program;
After debugging version application adjusted is removed the UI debugging tool, the destination application is obtained.
8. a kind of UI debugging apparatus of application program, which is characterized in that described device includes:
Program opens module, if for detecting the preset instructions for UI debugging, Start-up and Adjustment version application program;
Control to be adjusted obtains module, for obtaining current display page by the debugging version application call UI debugging tool
The control to be adjusted in face;
UI Debugging interface display module, for shown by the debugging version application program include the control to be adjusted category
The UI Debugging interface of property;
Parameter acquisition module, for call the UI debugging tool obtain the UI Debugging interface input to described to be adjusted
The attribute modification parameter that control is modified;
The page adjusts module, for loading the new page according to the attribute modification parameter by the debugging version application program;
Destination application, which obtains module, joins the attribute modification if meeting default debugging condition for the new page
Number is configured in the installation kit of destination application.
9. a kind of computer equipment, including memory and processor, the memory are stored with computer program, feature exists
In the step of processor realizes any one of claims 1 to 7 the method when executing the computer program.
10. a kind of computer readable storage medium, is stored thereon with computer program, which is characterized in that the computer program
The step of method described in any one of claims 1 to 7 is realized when being executed by processor.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910311783.8A CN110119352A (en) | 2019-04-18 | 2019-04-18 | UI adjustment method, device, computer equipment and the storage medium of application program |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910311783.8A CN110119352A (en) | 2019-04-18 | 2019-04-18 | UI adjustment method, device, computer equipment and the storage medium of application program |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110119352A true CN110119352A (en) | 2019-08-13 |
Family
ID=67521244
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910311783.8A Pending CN110119352A (en) | 2019-04-18 | 2019-04-18 | UI adjustment method, device, computer equipment and the storage medium of application program |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110119352A (en) |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110781425A (en) * | 2019-10-25 | 2020-02-11 | 北京创鑫旅程网络技术有限公司 | Display method, device and equipment of mobile terminal H5 page and storage medium |
CN110908899A (en) * | 2019-11-08 | 2020-03-24 | 北京奇艺世纪科技有限公司 | Application program debugging method, mobile terminal and computer readable storage medium |
CN110990258A (en) * | 2019-10-29 | 2020-04-10 | 贝壳技术有限公司 | Android system-based APP testing method and device, readable storage medium and processor |
CN111061630A (en) * | 2019-11-26 | 2020-04-24 | 歌尔股份有限公司 | Product debugging method, debugging device and readable storage medium |
CN111162960A (en) * | 2019-12-03 | 2020-05-15 | 支付宝实验室(新加坡)有限公司 | Method and server for starting debugging panel |
CN111400177A (en) * | 2020-03-12 | 2020-07-10 | 咪咕文化科技有限公司 | Debugging method and device, electronic equipment and storage medium |
CN111596980A (en) * | 2020-04-09 | 2020-08-28 | 北京五八信息技术有限公司 | Information processing method and device |
CN113552992A (en) * | 2021-08-03 | 2021-10-26 | 网易(杭州)网络有限公司 | Control display control method, device, equipment and medium |
CN114130016A (en) * | 2021-12-07 | 2022-03-04 | 腾讯科技(深圳)有限公司 | Control resource management method and related device |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105955888A (en) * | 2016-05-04 | 2016-09-21 | 腾讯科技(深圳)有限公司 | Page debugging and previewing method and system |
CN107038112A (en) * | 2016-10-13 | 2017-08-11 | 腾讯科技(北京)有限公司 | The adjustment method and device of application interface |
WO2018108041A1 (en) * | 2016-12-13 | 2018-06-21 | 腾讯科技(深圳)有限公司 | Remote debugging method and device, and computer storage medium |
-
2019
- 2019-04-18 CN CN201910311783.8A patent/CN110119352A/en active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105955888A (en) * | 2016-05-04 | 2016-09-21 | 腾讯科技(深圳)有限公司 | Page debugging and previewing method and system |
CN107038112A (en) * | 2016-10-13 | 2017-08-11 | 腾讯科技(北京)有限公司 | The adjustment method and device of application interface |
WO2018108041A1 (en) * | 2016-12-13 | 2018-06-21 | 腾讯科技(深圳)有限公司 | Remote debugging method and device, and computer storage medium |
Cited By (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110781425B (en) * | 2019-10-25 | 2022-09-20 | 北京创鑫旅程网络技术有限公司 | Display method, device and equipment of mobile terminal H5 page and storage medium |
CN110781425A (en) * | 2019-10-25 | 2020-02-11 | 北京创鑫旅程网络技术有限公司 | Display method, device and equipment of mobile terminal H5 page and storage medium |
CN110990258A (en) * | 2019-10-29 | 2020-04-10 | 贝壳技术有限公司 | Android system-based APP testing method and device, readable storage medium and processor |
CN110908899A (en) * | 2019-11-08 | 2020-03-24 | 北京奇艺世纪科技有限公司 | Application program debugging method, mobile terminal and computer readable storage medium |
CN111061630A (en) * | 2019-11-26 | 2020-04-24 | 歌尔股份有限公司 | Product debugging method, debugging device and readable storage medium |
CN111162960A (en) * | 2019-12-03 | 2020-05-15 | 支付宝实验室(新加坡)有限公司 | Method and server for starting debugging panel |
CN111162960B (en) * | 2019-12-03 | 2022-12-02 | 支付宝实验室(新加坡)有限公司 | Method and server for starting debugging panel |
CN111400177A (en) * | 2020-03-12 | 2020-07-10 | 咪咕文化科技有限公司 | Debugging method and device, electronic equipment and storage medium |
CN111400177B (en) * | 2020-03-12 | 2023-08-15 | 咪咕文化科技有限公司 | Debugging method, device, electronic equipment and storage medium |
CN111596980A (en) * | 2020-04-09 | 2020-08-28 | 北京五八信息技术有限公司 | Information processing method and device |
CN111596980B (en) * | 2020-04-09 | 2021-06-04 | 北京五八信息技术有限公司 | Information processing method and device |
CN113552992A (en) * | 2021-08-03 | 2021-10-26 | 网易(杭州)网络有限公司 | Control display control method, device, equipment and medium |
CN114130016A (en) * | 2021-12-07 | 2022-03-04 | 腾讯科技(深圳)有限公司 | Control resource management method and related device |
CN114130016B (en) * | 2021-12-07 | 2023-07-14 | 腾讯科技(深圳)有限公司 | Control resource management method and related device |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110119352A (en) | UI adjustment method, device, computer equipment and the storage medium of application program | |
EP3992800A1 (en) | Program test method and apparatus, computer device, and storage medium | |
CN108345456A (en) | Page code generation method, device, computer equipment and storage medium | |
CN108363587A (en) | Application program operation and monitoring method, device, computer equipment and storage medium | |
CN108446116A (en) | Generation method, device, computer equipment and the storage medium of the application program page | |
WO2022179082A1 (en) | Data processing method and apparatus | |
CN108829485A (en) | Update method, device, storage medium and the computer equipment of application interface layout | |
CN108388515B (en) | Test data generation method, device, equipment and computer readable storage medium | |
CN110032519A (en) | Cloud function adjustment method, device, computer equipment and storage medium | |
CN111459541B (en) | Application program packaging method and device, computer equipment and storage medium | |
CN110413922A (en) | Page info display methods, device, computer equipment and storage medium | |
CN112486828A (en) | Test case generation method and device, computer equipment and storage medium | |
CN110888709A (en) | Intelligent operation method and device of monitoring screen, computer equipment and storage medium | |
CN109597618A (en) | Program developing method, device, computer equipment and storage medium | |
CN110232018A (en) | Interface test method, device, computer equipment | |
CN111552503B (en) | Project file processing method and device, computer equipment and storage medium | |
CN110362341A (en) | Business management method, device, equipment and storage medium based on micro services framework | |
CN114185874A (en) | Big data based modeling method and device, development framework and equipment | |
CN112650487B (en) | Hybrid application development method, system, computer device and storage medium | |
CN110908655B (en) | Skin changing method, device, computer equipment and readable storage medium | |
CN109558187A (en) | A kind of user interface rendering method and device | |
CN106021004A (en) | User behavior simulation unit, test system and test method | |
CN111190574B (en) | Method, device, equipment and storage medium for selecting options of multi-stage linkage assembly | |
CN108228307B (en) | Application display method and device, storage medium and electronic equipment | |
JP2013029999A (en) | Test code generation device, test code generation method, and test code generation program |
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 |