CN110929196A - Display method and device of mobile terminal Web page - Google Patents
Display method and device of mobile terminal Web page Download PDFInfo
- Publication number
- CN110929196A CN110929196A CN201911171102.9A CN201911171102A CN110929196A CN 110929196 A CN110929196 A CN 110929196A CN 201911171102 A CN201911171102 A CN 201911171102A CN 110929196 A CN110929196 A CN 110929196A
- Authority
- CN
- China
- Prior art keywords
- operation button
- web page
- position information
- mobile terminal
- clicked
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 40
- 238000004590 computer program Methods 0.000 claims description 10
- 238000010801 machine learning Methods 0.000 claims description 8
- 238000010586 diagram Methods 0.000 description 19
- 238000012549 training Methods 0.000 description 16
- 230000006870 function Effects 0.000 description 12
- 230000008569 process Effects 0.000 description 6
- 238000012545 processing Methods 0.000 description 5
- 238000012360 testing method Methods 0.000 description 5
- 230000003044 adaptive effect Effects 0.000 description 2
- 238000013461 design Methods 0.000 description 2
- 238000012938 design process Methods 0.000 description 2
- WURBVZBTWMNKQT-UHFFFAOYSA-N 1-(4-chlorophenoxy)-3,3-dimethyl-1-(1,2,4-triazol-1-yl)butan-2-one Chemical compound C1=NC=NN1C(C(=O)C(C)(C)C)OC1=CC=C(Cl)C=C1 WURBVZBTWMNKQT-UHFFFAOYSA-N 0.000 description 1
- ORILYTVJVMAKLC-UHFFFAOYSA-N Adamantane Natural products C1C(C2)CC3CC1CC2C3 ORILYTVJVMAKLC-UHFFFAOYSA-N 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000012804 iterative process Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/30—Monitoring
- G06F11/34—Recording or statistical evaluation of computer activity, e.g. of down time, of input/output operation ; Recording or statistical evaluation of user activity, e.g. usability assessment
- G06F11/3438—Recording or statistical evaluation of computer activity, e.g. of down time, of input/output operation ; Recording or statistical evaluation of user activity, e.g. usability assessment monitoring of user actions
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Computer Hardware Design (AREA)
- Quality & Reliability (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a method and a device for displaying a mobile terminal Web page, wherein the method comprises the following steps: popping up a game interface on the mobile terminal Web page, wherein the game interface is used for selecting the position displayed by each operation button on the mobile terminal Web page by a user in a clicking mode; acquiring click position information of each operation button which is clicked for multiple times through a game interface; determining display position information of each operation button on a mobile terminal Web page according to the clicked position information of each operation button which is clicked for multiple times; and displaying each operation button on the mobile terminal Web page according to the display position information of each operation button on the mobile terminal Web page. The method and the device can adjust the display position of each operation button on the mobile terminal Web page, so that each operation button on the mobile terminal Web page is displayed according to the position of the operation habit of the user, the user operation is facilitated, and the user experience is improved.
Description
Technical Field
The invention relates to the field of software interaction, in particular to a method and a device for displaying a mobile-end Web page.
Background
This section is intended to provide a background or context to the embodiments of the invention that are recited in the claims. The description herein is not admitted to be prior art by inclusion in this section.
With the increasing popularity of the mobile internet, more and more mobile-end Web applications appear. Due to the difference in screen size and resolution of mobile terminal devices (e.g., mobile phones), the display of a Web page on a mobile terminal needs to be adapted to the screen of the mobile terminal device, and currently, the existing mobile terminal Web page layout schemes mainly include four types:
the first one, static layout, the size of the container at the outermost layer of the webpage is fixed, all contents are based on the container, and the part exceeding the width and the height is viewed by scrolling with a scroll bar;
secondly, stream layout, the size of the page element is adjusted according to the screen resolution;
thirdly, flexible layout, namely adjusting the size of the page element according to the size of the screen;
and fourthly, adopting a comprehensive mode of self-adaptive layout and streaming layout to establish streaming layout for different screen resolutions by adopting responsive layout.
At present, the existing display mode of the mobile terminal Web page can basically solve the problem of adaptive display of different sub-screen sizes and resolutions. However, there are some buttons (for example, a return button, a close button, etc.) for operating a page on a Web page, and due to the difference in the screen size of the mobile terminal and the difference in the personal operation habits of the users, the click positions of the operation buttons on the page by different users also differ, but the existing display mode of the mobile terminal Web page cannot support personalized layout display of the operation buttons on the page.
In view of the above problems, no effective solution has been proposed.
Disclosure of Invention
The embodiment of the invention provides a display method of a mobile terminal Web page, which is used for solving the technical problem that the existing display mode of the mobile terminal Web page cannot support personalized layout display of operation buttons on the page, and comprises the following steps: popping up a game interface on the mobile terminal Web page, wherein the game interface is used for selecting the position displayed by each operation button on the mobile terminal Web page by a user in a clicking mode; acquiring click position information of each operation button which is clicked for multiple times through a game interface; determining display position information of each operation button on a mobile terminal Web page according to the clicked position information of each operation button which is clicked for multiple times; and displaying each operation button on the mobile terminal Web page according to the display position information of each operation button on the mobile terminal Web page.
The embodiment of the invention also provides a display device of the mobile terminal Web page, which is used for solving the technical problem that the existing display mode of the mobile terminal Web page cannot support the personalized layout display of the operation buttons on the page, and the device comprises: the game interface display module is used for popping up a game interface on the mobile terminal Web page, wherein the game interface is used for enabling a user to select the position displayed by each operation button on the mobile terminal Web page in a clicking mode; the button clicking position acquisition module is used for acquiring clicking position information of each operating button which is clicked for multiple times through the game interface; the button display position determining module is used for determining display position information of each operating button on a mobile terminal Web page according to click position information of each operating button which is clicked for multiple times; and the button display module is used for displaying each operation button on the mobile terminal Web page according to the display position information of each operation button on the mobile terminal Web page.
The embodiment of the invention also provides computer equipment for solving the technical problem that the existing display mode of the Web page at the mobile terminal cannot support personalized layout display of the operation buttons on the page.
The embodiment of the invention also provides a computer readable storage medium, which is used for solving the technical problem that the existing display mode of the mobile terminal Web page cannot support personalized layout display of the operation buttons on the page.
In the embodiment of the invention, a game interface is popped up on the mobile terminal Web page, the user selects the display position of each operation button on the mobile terminal Web page by clicking the game interface, after the clicking position information of each operation button which is clicked for many times is acquired through the game interface, the display position information of each operation button on the mobile terminal Web page is determined according to the clicking position information of each operation button which is clicked for many times, and finally each operation button is displayed on the mobile terminal Web page according to the display position information of each operation button on the mobile terminal Web page.
By the embodiment of the invention, the display positions of the operation buttons on the Web page of the mobile terminal can be adjusted by the user in a customized manner through a game test mode, so that the operation buttons on the Web page of the mobile terminal are displayed according to the positions of the operation habits of the user, the operation of the user is facilitated, and the user experience is improved.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only some embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to the drawings without creative efforts. In the drawings:
fig. 1 is a schematic diagram illustrating a layout design process of a mobile-end Web page provided in the prior art;
fig. 2 is a flowchart of a method for displaying a mobile-side Web page according to an embodiment of the present invention;
fig. 3 is a schematic diagram of a training result obtained by one training operation according to an embodiment of the present invention;
FIG. 4 is a schematic diagram of a training result obtained by multiple training operations according to an embodiment of the present invention;
fig. 5 is a schematic diagram of an initial layout of operation buttons in a mobile-end Web page according to an embodiment of the present invention;
fig. 6 is a schematic layout diagram of an operation button in a mobile-end Web page that is clicked multiple times in the embodiment of the present invention;
fig. 7 is a schematic diagram of a display device for a mobile-side Web page provided in an embodiment of the present invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present invention more apparent, the embodiments of the present invention are further described in detail below with reference to the accompanying drawings. The exemplary embodiments and descriptions of the present invention are provided to explain the present invention, but not to limit the present invention.
In the description of the present specification, the terms "comprising," "including," "having," "containing," and the like are used in an open-ended fashion, i.e., to mean including, but not limited to. Reference to the description of the terms "one embodiment," "a particular embodiment," "some embodiments," "for example," etc., means that a particular feature, structure, or characteristic described in connection with the embodiment or example is included in at least one embodiment or example of the application. In this specification, the schematic representations of the terms used above do not necessarily refer to the same embodiment or example. Furthermore, the particular features, structures, or characteristics described may be combined in any suitable manner in any one or more embodiments or examples. The sequence of steps involved in the embodiments is for illustrative purposes to illustrate the implementation of the present application, and the sequence of steps is not limited and can be adjusted as needed.
As introduced in the background art section of the present invention, in the existing mobile-end Web page layout scheme, page elements are adjusted according to the page layout, and personalized layout display of operation buttons on a page cannot be supported.
Fig. 1 is a schematic diagram of a layout design process of a mobile-end Web page provided in an embodiment of the present invention, as shown in fig. 1, when designing a layout of a mobile-end Web page in the prior art, a UI designer designs a prototype pattern displayed on a page according to product requirements and design requirements, and a developer performs page layout and display, so that adaptive adjustment of the overall layout of the page on a mobile end can be achieved, and fine adjustment of some operation buttons on the page according to user operation habits cannot be achieved. Due to different user operation habits, the position of the button actually clicked by the user may deviate from the button display position, and the button has no response, thereby influencing the user experience.
In order to implement fine tuning of each operation button on the mobile terminal Web page, an embodiment of the present invention provides a display method for a mobile terminal Web page, and fig. 2 is a flowchart of the display method for the mobile terminal Web page provided in the embodiment of the present invention, and as shown in fig. 2, the method includes the following steps:
s201, popping up a game interface on the mobile terminal Web page, wherein the game interface is used for the user to select the position displayed on the mobile terminal Web page by clicking each operation button.
It should be noted that the mobile-side Web page in the embodiment of the present invention refers to a page displayed on a mobile-side device (including but not limited to a mobile phone, a tablet computer, a notebook computer, etc.) by a Web application (including but not limited to various Web pages), and the operation button on the Web page may be any button for operating the page, including but not limited to at least one of the following: a close button, a save button, a return button. For example, in some application scenarios, it may also be a determination button, a download button, etc.
S202, acquiring click position information of each operation button which is clicked for multiple times through the game interface.
It should be noted that, a mini game may be provided on the game interface in S202, so that the user can select the position displayed on the mobile terminal Web page by clicking the operation button; and acquiring click position information of each operation button which is clicked for multiple times through a game interface in the game playing process of the user. According to the embodiment of the invention, the user is guided to click the operation button on the page in a mini-game testing mode, so that the aim of collecting the position information of the button clicked by the user is fulfilled, and the interestingness is stronger.
It should be noted that, since different users click different positions on the same operation button, the click positions of the same user on the same operation button each time are also different. Therefore, in order to display the position information of each operation button on the Web page according to the user habit, the click position information of each button clicked by the same user for multiple times can be collected through the above S202, so as to determine the operation habit of the user on each button.
Optionally, the game interface may include a skip button for skipping the game interface, and when the skip button is clicked (that is, the user wants to skip the mini-game test), the method for displaying the mobile-end Web page provided in the embodiment of the present invention may further include the following steps: acquiring click position information of clicked operation buttons on a mobile terminal Web page for preset times; and determining the display position information of each operation button on the mobile terminal Web page according to the clicked position information of each operation button which is clicked for the preset times. By the embodiment, the position information of the button clicked by the user can be collected under the condition that the application used by the user is not influenced.
As a preferred embodiment, a small game box can be popped up before starting the page or entering the home page, the user is enabled to mark the most used and most convenient click position of each operation button (such as a save button, a close button and a return button) through a game test, when the user clicks the habit position for a plurality of times (such as 5-10 times), the system records and stores the coordinate information of each click button of the user in the database, if the user chooses to skip the game test, the coordinate information of the previous preset times (such as 5-10 times) of the click on each button operation when the user enters the page and stores the coordinate information in the database, and when the user enters the page next time, the position of the operation button on the page is displayed according to the user preference.
And S203, determining the display position information of each operation button on the mobile terminal Web page according to the clicked position information of each operation button clicked for multiple times.
It should be noted that, because there may be a deviation in the position where the user clicks the same operation button each time, the display position information of each operation button on the mobile terminal Web page is determined according to the click position information of each operation button clicked by the user for multiple times, so that it is possible to avoid that the operation button is displayed in an inappropriate position due to a single click deviation.
After the click position information of each operation button which is clicked for multiple times is collected, different methods can be adopted for different application scenes to determine the position where each button is clicked most probably by a user, and then the position is displayed at the most appropriate position. For example, the position where the maximum probability occurs is determined as the position of the operation button display.
In order to provide a better position display, in the embodiment of the present invention, a machine learning model capable of predicting the position of the next button clicked by the user according to the position of the multiple button clicked by the user historically is trained in advance, so in a preferred implementation manner, in the above step S203, the click position information of the multiple button clicks of each operation button may be input into a machine learning model trained in advance, and the display position information of each operation button on the mobile terminal Web page may be output.
Alternatively, the machine learning model employed by embodiments of the present invention may be a linear model.
When the clicked position information of each operation button clicked each time comprises the abscissa and the ordinate of each button on the interface, the abscissa of each operation button clicked each time can be input into the linear model, and the ordinate predicted value of each operation button clicked each time is output; calculating the difference value between the predicted value and the actual value of the ordinate clicked each time by each operation button; and determining the ordinate and the abscissa corresponding to the minimum difference as the display position of each operation button on the mobile terminal Web page.
The expression of the linear model may be Y-wX + b; in this model, two parameters w and b need to be determined, and the code is implemented as follows:
const f＝x＝>w.mul(x).add(b)；
optionally, in the embodiment of the present invention, a random number is used as an initial value of two parameters w and b, and a code is implemented as follows:
const w＝tf.variable(tf.scalar(Math.random()))；
const b＝tf.variable(tf.scalar(Math.random()))；
since training is usually an iterative process, the process of training the model includes the following three parts:
(1) a loss function (loss function) is defined to evaluate whether the trained model is good enough, and generally the smaller the loss function value, the better the model. The embodiment of the invention adopts the mean square error as a loss function, and the mean square error expression is as follows:
wherein observed represents a true value; predicted represents a predicted value; n represents the number of samples; t denotes the t-th sample.
The code is implemented as follows:
const loss＝(pred,label)＝>pred.sub(label).square().mean()；
or,
functionloss(predictions,labels){
const meanSquareError＝predictions.sub(labels).square().mean()；
return meanSquareError；
}
(2) defining an optimizer (optimizer) that can provide different parameter values w and b by some algorithm so that the loss function value is minimal (numIterations), the code is implemented as follows:
const numIterations＝200；const learningRate＝1；
const optimizer＝tf.train.adam(learningRate)；
(3) iterative loop, calling an optimizer in a loop mode to obtain a new parameter, calculating a loss function value, and ending training when the loss function value is small enough to obtain values of w and b; the code is implemented as follows:
for(let iter＝0；iter<numIterations；iter++){
optimizer.minimize(()＝>{
const loss_var＝loss(f(train_x),train_y)；
loss_var.print()；
return loss_var；
})}
during the training process, the embodiment of the present invention may output the loss function value by calling the print () method of tenor to determine whether the training process converges. When the selected model, parameters, optimizer are not appropriate, it is possible that the training process does not converge.
Fig. 3 is a schematic diagram of a training result obtained by training once according to an embodiment of the present invention, as shown in fig. 3, a group of values w and b is obtained by training once, and a straight line is formed; fig. 4 is a schematic diagram of a training result obtained by multiple training, as shown in fig. 4, where multiple sets of values of w and b are obtained by multiple training, so as to form multiple straight lines.
And S204, displaying each operation button on the mobile terminal Web page according to the display position information of each operation button on the mobile terminal Web page.
Specifically, after the display position information of each operation button on the mobile terminal Web page is determined according to the click position information of the user on each operation button, each operation button can be displayed on the mobile terminal Web page according to the display position information of each operation button on the mobile terminal Web page which can be displayed next time.
Fig. 5 is a schematic diagram of an initial layout of operation buttons in a mobile-end Web page according to an embodiment of the present invention; as shown in fig. 5, the page includes four buttons, the upper left button is a return button, the upper right button is a close button, and the lower left and lower right buttons may be a confirm button, a save button, and the like; acquiring position information of each button clicked for multiple times, forming a result shown in fig. 6, clicking for multiple times to obtain multiple position coordinates for each operation button, inputting the abscissa of each position into the trained linear model, obtaining the predicted ordinate of each position, comparing the predicted ordinate of each position with the actual ordinate, determining which position the actual ordinate is closest to the predicted ordinate, and determining which position is the display position of the operation button.
As can be seen from the above, in the method for displaying a mobile-side Web page provided in the embodiment of the present invention, after the click position information of each operation button that is clicked for multiple times on the mobile-side Web page is acquired, the display position information of each operation button on the mobile-side Web page is determined according to the click position information of each operation button that is clicked for multiple times, and finally, each operation button is displayed on the mobile-side Web page according to the display position information of each operation button on the mobile-side Web page.
By the display method of the mobile terminal Web page provided by the embodiment of the invention, the display position of each operation button on the mobile terminal Web page can be adjusted, so that each operation button on the mobile terminal Web page is displayed according to the position of the operation habit of the user, the operation of the user is facilitated, and the user experience is improved.
In an optional embodiment, before determining display position information of each operation button on the mobile terminal Web page according to click position information of each operation button clicked for multiple times, the display method of the mobile terminal Web page provided in the embodiment of the present invention may further include the following steps: judging whether the clicked position information of each operation button clicked each time exceeds a preset position area of each operation button; and recording the clicked position information of each operation button clicked each time under the condition that the clicked position information of each operation button clicked each time does not exceed the preset position area of each operation button. As shown in fig. 6, a position area may be preset for each operation button, and if the clicked position of the operation button exceeds the preset position area of the operation button, the clicked position information is recorded.
By setting the initial position region of each operation button, not only can the interference caused by misoperation be reduced, but also the data processing efficiency can be improved.
For example, if the position of a certain button is (X:14.36 px; Y:12.58px), and the position of four clicks on the button is shown in Table 1, it can be determined that the fourth click operation is an invalid operation, and the position information of the click is not recorded.
TABLE 1 button click results
| 1 | 2 | 3 | 4 | |
| X coordinate | 14.28 | 15.01 | 13.98 | 25.18 |
| Y coordinate | 12.15 | 12.07 | 11.97 | 12.15 |
| Whether or not it is effective | Is effective | Is effective | Is effective | Invalidation |
Based on the same inventive concept, the embodiment of the present invention further provides a display apparatus for a mobile-side Web page, as described in the following embodiments. Because the principle of solving the problems of the embodiment of the device is similar to the display method of the mobile terminal Web page, the implementation of the embodiment of the device can refer to the implementation of the method, and repeated parts are not described again.
Fig. 7 is a schematic diagram of a display apparatus for a mobile-side Web page provided in an embodiment of the present invention, and as shown in fig. 7, the apparatus includes: a game interface display module 71, a button click position acquisition module 72, a button display position determination module 73 and a button display module 74.
The game interface display module 71 is configured to pop up a game interface on the mobile terminal Web page, where the game interface is used for a user to select, in a click manner, a position where each operation button is displayed on the mobile terminal Web page; a button click position acquisition module 71, configured to acquire click position information of multiple clicks of each operation button through a game interface; the button display position determining module 72 is configured to determine display position information of each operation button on the mobile terminal Web page according to click position information of each operation button clicked for multiple times; and a button display module 73, configured to display each operation button on the mobile-side Web page according to the display position information of each operation button on the mobile-side Web page.
Optionally, in the display apparatus for a mobile-end Web page provided in the embodiment of the present invention, the operation button includes, but is not limited to, at least one of the following: a close button, a save button, a return button.
As can be seen from the above, in the display device of the mobile-end Web page provided in the embodiment of the present invention, the game interface display module 71 pops up a game interface on the mobile-end Web page, and the button click position acquisition module 72 acquires click position information of each operation button clicked for multiple times through the game interface; then, the button display position determining module 73 determines display position information of each operation button on the mobile terminal Web page according to click position information of each operation button clicked for multiple times; finally, the button display module 74 displays each operation button on the mobile-side Web page according to the display position information of each operation button on the mobile-side Web page.
By the display device of the mobile terminal Web page provided by the embodiment of the invention, the display position of each operation button on the mobile terminal Web page can be adjusted, so that each operation button on the mobile terminal Web page is displayed according to the position of the operation habit of a user, the operation of the user is facilitated, and the user experience is improved.
Optionally, the game interface comprises: a skip button for skipping a game interface, wherein when the skip button is clicked, in the display device of the mobile terminal Web page provided in the embodiment of the present invention, the button click position acquisition module 72 may be further configured to acquire click position information of a preset number of times before each operation button on the mobile terminal Web page is clicked; the button display position determining module 73 may be further configured to determine display position information of each operation button on the mobile terminal Web page according to click position information of each operation button clicked a preset number of times before the operation button.
In an optional embodiment, in the display apparatus for a mobile-end Web page provided in the embodiment of the present invention, the button display position determining module 73 may further be configured to input click position information obtained by clicking each operation button multiple times into a machine learning model trained in advance, and output display position information of each operation button on the mobile-end Web page.
Alternatively, the machine learning model may be a linear model.
The click position information when each operation button is clicked at each time includes: in the case of the abscissa and the ordinate, as an optional implementation manner, the button display position determining module 73 may be further configured to input the abscissa, which is clicked each time, of each operation button into the linear model, and output the predicted value of the ordinate, which is clicked each time, of each operation button; calculating the difference value between the predicted value and the actual value of the ordinate clicked each time by each operation button; and determining the ordinate and the abscissa corresponding to the minimum difference as the display position of each operation button on the mobile terminal Web page.
In an optional embodiment, the display apparatus for a mobile-end Web page provided in the embodiment of the present invention may further include: a button click position recording module 75, configured to determine whether click position information of each operation button clicked each time exceeds a preset position area of each operation button; and recording the clicked position information of each operation button clicked each time under the condition that the clicked position information of each operation button clicked each time does not exceed the preset position area of each operation button.
The embodiment of the invention also provides computer equipment, which is used for solving the technical problem that the existing display mode of the Web page of the mobile terminal cannot support the personalized layout display of the operation buttons on the page.
The embodiment of the invention also provides a computer readable storage medium, which is used for solving the technical problem that the existing display mode of the mobile terminal Web page cannot support personalized layout display of the operation buttons on the page.
In summary, embodiments of the present invention provide a display method and apparatus for a mobile-end Web page, a computer device, and a computer-readable storage medium, where a game interface is popped up to collect position information of each operation button clicked by a user on the mobile-end Web page, so as to adjust the position of each operation button on the mobile-end Web page, thereby achieving the purpose of fine-tuning the display position of the operation button on the mobile-end Web page according to the operation habit and personal preference of the user, and enabling the user to have better experience when using the mobile-end Web page, and to operate more conveniently and more quickly.
As will be appreciated by one skilled in the art, embodiments of the present invention may be provided as a method, system, or computer program product. Accordingly, the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present invention may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The present invention is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the invention. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
The above-mentioned embodiments are intended to illustrate the objects, technical solutions and advantages of the present invention in further detail, and it should be understood that the above-mentioned embodiments are only exemplary embodiments of the present invention, and are not intended to limit the scope of the present invention, and any modifications, equivalent substitutions, improvements and the like made within the spirit and principle of the present invention should be included in the scope of the present invention.
Claims (10)
1. A display method of a mobile terminal Web page is characterized by comprising the following steps:
popping up a game interface on the mobile terminal Web page, wherein the game interface is used for selecting the position displayed by each operation button on the mobile terminal Web page by a user in a clicking mode;
acquiring click position information of each operation button which is clicked for multiple times through the game interface;
determining display position information of each operation button on a mobile terminal Web page according to the clicked position information of each operation button which is clicked for multiple times;
and displaying each operation button on the mobile terminal Web page according to the display position information of each operation button on the mobile terminal Web page.
2. The method of claim 1, wherein the game interface comprises: a skip button for skipping said game interface, said method further comprising, when said skip button is clicked:
acquiring click position information of clicked operation buttons on a mobile terminal Web page for preset times;
and determining the display position information of each operation button on the mobile terminal Web page according to the clicked position information of each operation button which is clicked for the preset times.
3. The method of claim 1, wherein determining the display position information of each operation button on the mobile terminal Web page according to the click position information of each operation button clicked a plurality of times comprises:
inputting the click position information of each operation button which is clicked for many times into a machine learning model which is trained in advance, and outputting the display position information of each operation button on the Web page of the mobile terminal.
4. The method of claim 3, wherein the machine learning model is a linear model.
5. The method according to claim 4, wherein the click position information for each click of each operation button includes: the method comprises the following steps of inputting click position information of each operating button clicked for multiple times into a pre-trained machine learning model, and outputting display position information of each operating button on a mobile terminal Web page, wherein the click position information comprises the following coordinates:
inputting the abscissa clicked each time by each operation button into the linear model, and outputting the ordinate predicted value clicked each time by each operation button;
calculating the difference value between the predicted value and the actual value of the ordinate clicked each time by each operation button;
and determining the ordinate and the abscissa corresponding to the minimum difference as the display position of each operation button on the mobile terminal Web page.
6. The method according to claim 1, before determining display position information of each operation button on the mobile-side Web page based on click position information of each operation button clicked a plurality of times, the method further comprising:
judging whether the clicked position information of each operation button clicked each time exceeds a preset position area of each operation button;
and recording the clicked position information of each operation button clicked each time under the condition that the clicked position information of each operation button clicked each time does not exceed the preset position area of each operation button.
7. The method of any of claims 1 to 6, wherein the operating button comprises at least one of: a close button, a save button, a return button.
8. A display device of a mobile terminal Web page is characterized by comprising:
the game interface display module is used for popping up a game interface on the mobile terminal Web page, wherein the game interface is used for enabling a user to select the position displayed by each operation button on the mobile terminal Web page in a clicking mode;
the button clicking position acquisition module is used for acquiring clicking position information of each operating button which is clicked for multiple times through the game interface;
the button display position determining module is used for determining display position information of each operating button on a mobile terminal Web page according to click position information of each operating button which is clicked for multiple times;
and the button display module is used for displaying each operation button on the mobile terminal Web page according to the display position information of each operation button on the mobile terminal Web page.
9. A computer device comprising a memory, a processor and a computer program stored in the memory and executable on the processor, wherein the processor implements the method for displaying a mobile Web page according to any one of claims 1 to 7 when executing the computer program.
10. A computer-readable storage medium, characterized in that the computer-readable storage medium stores a computer program for executing the method for displaying a mobile-side Web page according to any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911171102.9A CN110929196B (en) | 2019-11-26 | 2019-11-26 | Mobile terminal Web page display method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911171102.9A CN110929196B (en) | 2019-11-26 | 2019-11-26 | Mobile terminal Web page display method and device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110929196A true CN110929196A (en) | 2020-03-27 |
| CN110929196B CN110929196B (en) | 2023-07-11 |
Family
ID=69851863
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911171102.9A Active CN110929196B (en) | 2019-11-26 | 2019-11-26 | Mobile terminal Web page display method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110929196B (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113971136A (en) * | 2021-12-03 | 2022-01-25 | 杭银消费金融股份有限公司 | Page testing method and system based on image recognition |
| CN114995702A (en) * | 2022-07-19 | 2022-09-02 | 深圳润方创新技术有限公司 | Computer-aided display electronic drawing board for children and display method |
| CN117421084A (en) * | 2023-11-07 | 2024-01-19 | 泰思物联网科技(广州)有限公司 | Cloud platform-based intelligent software data analysis system and method |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20050225534A1 (en) * | 2004-04-09 | 2005-10-13 | Won-Hyuk Chang | Program execution system by simultaneoous click of double buttons of mouse and execution method of the same |
| CN107741898A (en) * | 2017-10-13 | 2018-02-27 | 杭州浮云网络科技有限公司 | A kind of game player based on big data operates preference analysis method and system |
| CN109871174A (en) * | 2019-01-28 | 2019-06-11 | 维沃移动通信有限公司 | A kind of virtual key display methods and mobile terminal |
-
2019
- 2019-11-26 CN CN201911171102.9A patent/CN110929196B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20050225534A1 (en) * | 2004-04-09 | 2005-10-13 | Won-Hyuk Chang | Program execution system by simultaneoous click of double buttons of mouse and execution method of the same |
| CN107741898A (en) * | 2017-10-13 | 2018-02-27 | 杭州浮云网络科技有限公司 | A kind of game player based on big data operates preference analysis method and system |
| CN109871174A (en) * | 2019-01-28 | 2019-06-11 | 维沃移动通信有限公司 | A kind of virtual key display methods and mobile terminal |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113971136A (en) * | 2021-12-03 | 2022-01-25 | 杭银消费金融股份有限公司 | Page testing method and system based on image recognition |
| CN113971136B (en) * | 2021-12-03 | 2022-09-09 | 杭银消费金融股份有限公司 | Page testing method and system based on image recognition |
| CN114995702A (en) * | 2022-07-19 | 2022-09-02 | 深圳润方创新技术有限公司 | Computer-aided display electronic drawing board for children and display method |
| CN117421084A (en) * | 2023-11-07 | 2024-01-19 | 泰思物联网科技(广州)有限公司 | Cloud platform-based intelligent software data analysis system and method |
| CN117421084B (en) * | 2023-11-07 | 2024-03-22 | 泰思物联网科技(广州)有限公司 | Cloud platform-based intelligent software data analysis system and method |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110929196B (en) | 2023-07-11 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11132349B2 (en) | Update basis for updating digital content in a digital medium environment | |
| US10733262B2 (en) | Attribute control for updating digital content in a digital medium environment | |
| CN107273489B (en) | Content delivery method, electronic equipment and computer storage medium | |
| CN110929196A (en) | Display method and device of mobile terminal Web page | |
| US20170177547A1 (en) | Dynamic Content Layout Generator | |
| EP2461260A1 (en) | Visual treatment for a user interface in a content integration framework | |
| US20080307301A1 (en) | Web Clip Using Anchoring | |
| US20060197782A1 (en) | Method and system for zooming in and out of paginated content | |
| JP2009157907A (en) | Information processing device and method, and program | |
| RU2606562C2 (en) | Application character adjusting method, device and terminal | |
| US11995751B2 (en) | Video preview method and apparatus, and non-transitory computer-readable storage medium | |
| CN114579912A (en) | Page layout method, device, equipment and medium | |
| US20140272898A1 (en) | System and method of providing compound answers to survey questions | |
| US11880423B2 (en) | Machine learned curating of videos for selection and display | |
| CN107179854A (en) | A kind of list display method and device | |
| EP2306306A2 (en) | Method for providing widget and apparatus for providing and displaying the same | |
| JP4248376B2 (en) | Browsing content changing device, browsing content changing program, and computer-readable recording medium recording browsing content changing program | |
| JP6576534B1 (en) | Information display program, information display method, information display device, and information processing system | |
| JP2024055734A (en) | Information processing device, method, program and system | |
| CN114493781A (en) | User behavior prediction method and device, electronic equipment and storage medium | |
| JP5389880B2 (en) | Electronic book processing apparatus, electronic book processing method, and program | |
| US20110074804A1 (en) | Selection of a region | |
| JP6901526B2 (en) | Information providing device, information providing method, information providing program, and information display program | |
| JP6680845B2 (en) | Information display program, information display method, information display device, and information providing device | |
| US20230350969A1 (en) | Automatic display control method for web content |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |