CN110929196B - Mobile terminal Web page display method and device - Google Patents
Mobile terminal Web page display method and device Download PDFInfo
- Publication number
- CN110929196B CN110929196B CN201911171102.9A CN201911171102A CN110929196B CN 110929196 B CN110929196 B CN 110929196B CN 201911171102 A CN201911171102 A CN 201911171102A CN 110929196 B CN110929196 B CN 110929196B
- Authority
- CN
- China
- Prior art keywords
- operation button
- web page
- mobile terminal
- position information
- button
- 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.)
- Active
Links
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
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 a user to select the display position of each operation button on the mobile terminal Web page in a clicking manner; collecting clicking position information of each operation button clicked for a plurality of times through a game interface; determining display position information of each operation button on a mobile terminal Web page according to click position information of each operation button clicked for a plurality of 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 invention can adjust the display positions of the operation buttons on the Web page of the mobile terminal, so that the operation buttons on the Web page of the mobile terminal are displayed according to the positions of the operation habits of users, thereby being convenient for the users to operate and improving the user experience.
Description
Technical Field
The invention relates to the field of software interaction, in particular to a method and a device for displaying a mobile terminal 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-side Web applications are emerging. Because of the difference of the screen size and resolution of the mobile terminal device (for example, a mobile phone), the display of the Web page on the mobile terminal needs to be adapted to the screen of the mobile terminal device, and at present, the existing layout scheme of the Web page on the mobile terminal mainly has the following four types:
firstly, static layout, wherein the size of the outermost container of the webpage is fixed, all contents are standard by taking the container, and the part exceeding the width and the height is checked by rolling by using a rolling bar;
secondly, the size of the page elements is adaptively adjusted according to the resolution of the screen in the streaming layout;
thirdly, elastically arranging, and adjusting the size of the page element according to the size of the screen;
fourth, responsive layouts, a combination of adaptive and streaming layouts, are used to create streaming layouts for different screen resolutions.
At present, the existing display mode of the Web page of the mobile terminal can basically solve the adaptive display problem of different sub-screen sizes and resolutions. However, there are some buttons (such as a back button and a close button) for operating the Web page on the Web page, and due to the different sizes of the mobile terminal screens and different personal operating habits of users, different clicking positions of the operating buttons on the Web page by different users are different, but the existing display mode of the Web page of the mobile terminal cannot support personalized layout display of the operating buttons on the Web page.
In view of the above problems, no effective solution has been proposed at present.
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 display mode of the existing 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 a user to select the display position of each operation button on the mobile terminal Web page in a clicking manner; collecting clicking position information of each operation button clicked for a plurality of times through a game interface; determining display position information of each operation button on a mobile terminal Web page according to click position information of each operation button clicked for a plurality of 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 display mode of the existing mobile terminal Web page cannot support personalized layout display of the operation buttons on the page, and comprises the following steps: 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 selecting the display position of each operation button on the mobile terminal Web page in a clicking manner by a user; the button clicking position acquisition module is used for acquiring clicking position information of each operation button clicked for a plurality of times through the game interface; the button display position determining module is used for 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 a plurality of 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 a computer device which is used for solving the technical problem that the display mode of the existing mobile terminal Web page cannot support personalized layout display of the operation buttons on the page.
The embodiment of the invention also provides a computer readable storage medium for solving the technical problem that the display mode of the existing mobile terminal Web page cannot support personalized layout display of the operation buttons on the page.
According to the embodiment of the invention, a game interface is popped up on a mobile terminal Web page, a user selects the display position of each operation button on the mobile terminal Web page in a clicking mode through 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.
According to the embodiment of the invention, the display positions of the operation buttons on the Web page of the mobile terminal can be customized and adjusted by a user in 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 invention or the technical solutions in the prior art, the drawings that are required in the embodiments or the description of the prior art will be briefly described, it being obvious that the drawings in the following description are only some embodiments of the invention, and that other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art. In the drawings:
FIG. 1 is a schematic diagram of a layout design flow of a mobile terminal Web page provided in the prior art;
FIG. 2 is a flowchart of a method for displaying a Web page at a mobile terminal according to an embodiment of the present invention;
FIG. 3 is a schematic diagram of training results obtained by training once according to an embodiment of the present invention;
FIG. 4 is a schematic diagram of training results obtained by training multiple times according to an embodiment of the present invention;
FIG. 5 is a schematic diagram of an initial layout of an operation button in a mobile terminal Web page according to an embodiment of the present invention;
fig. 6 is a schematic layout diagram of a mobile terminal Web page after an operation button is clicked for multiple times according to an embodiment of the present invention;
fig. 7 is a schematic diagram of a display device of a mobile terminal Web page according to an embodiment of the present invention.
Detailed Description
For the purpose of making the objects, technical solutions and advantages of the embodiments of the present invention more apparent, the embodiments of the present invention will be described in further detail with reference to the accompanying drawings. The exemplary embodiments of the present invention and their descriptions herein are for the purpose of explaining the present invention, but are not to be construed as limiting the invention.
In the description of the present specification, the terms "comprising," "including," "having," "containing," and the like are open-ended terms, meaning including, but not limited to. Reference to 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 present application. In this specification, schematic representations of the above terms do not necessarily refer to the same embodiments or examples. 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 used to schematically illustrate the practice of the present application, and is not limited thereto and may be appropriately adjusted as desired.
As introduced in the background section of the invention, in the existing mobile terminal Web page layout scheme, page elements are adjusted according to 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 flow of a Web page of a mobile terminal, as shown in fig. 1, in the prior art, when designing the layout of the Web page of the mobile terminal, a prototype pattern of the page display is designed by UI designers according to product requirements and design scheme requirements, and the layout and display of the page are performed by developers, so that the overall layout of the page can be adapted and adjusted on the mobile terminal, and fine adjustment of some operation buttons on the page according to the operation habits of users cannot be realized. Because different users have different operation habits, the position where the user actually clicks the button may deviate from the display position of the button, and the button does not respond, so that the user experience is affected.
In order to achieve fine adjustment of each operation button on a mobile terminal Web page, a method for displaying a mobile terminal Web page is provided in an embodiment of the present invention, and fig. 2 is a flowchart of a method for displaying a mobile terminal Web page provided in an embodiment of the present invention, as shown in fig. 2, where 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 a user to select the display position of each operation button on the mobile terminal Web page in a clicking mode.
It should be noted that, in the embodiment of the present invention, the mobile side Web page refers to a page displayed on a Web application (including but not limited to various Web pages) on a mobile side device (including but not limited to a mobile phone, a tablet computer, a notebook computer, etc.), 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 ok button, a download button, etc.
S202, collecting clicking position information of each operation button clicked for a plurality of times through a game interface.
It should be noted that, a small game may be provided on the game interface in S202, so that the user may select, by clicking, the position where each operation button is displayed on the Web page of the mobile terminal; and collecting clicking position information of each operation button which is clicked for a plurality of times through a game interface when a user plays a game. According to the embodiment of the invention, the user is guided to click the operation button on the page in a small game test mode, so that the purpose of collecting the position information of the button clicked by the user is realized, and the interest is stronger.
It should be noted that, since the click positions of the same operation button by different users are different, there is also a difference in the click positions of the same operation button by the same user each time. Therefore, in order to display the position information of each operation button on the Web page according to the habit of the user, the clicking position information of the same user clicking each button for multiple times may be collected through 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 (i.e. the user wants to skip the small game test), the method for displaying a Web page at the mobile terminal according to the embodiment of the present invention may further include the following steps: collecting click position information of the preset times of clicks before each operation button on a Web page of a mobile terminal; and determining the display position information of each operation button on the mobile terminal Web page according to the click position information of the operation buttons which are clicked for a preset number of times before each operation button. By the implementation mode, the position information of clicking the button by the user can be acquired under the condition that the application used by the user is not affected.
As a preferred embodiment, a small game pop-up frame may be popped up before the page is started or the home page is entered, the user marks the most habit and most convenient click position of each operation button (for example, save button, close button, return button) through game test, when the user clicks habit position for many times (for example, 5-10 times), the system records and stores coordinate information of each click button of the user in the database, if the user selects to skip game test, when the user enters the page to operate each button, the coordinate information of the previous preset number (for example, 5-10 times) of clicking on the button operation is recorded and stored in the database, and when the user enters the page next time, the position of the operation button on the page is displayed in a layout 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 click position information of each operation button clicked for a plurality of times.
It should be noted that, because the positions of the same operation button clicked by the user may have deviation, 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 clicked by the user multiple times, so that the phenomenon that the operation buttons are displayed at unsuitable positions due to single clicking deviation can be avoided.
After the click position information of each operation button clicked for many times is collected, different methods can be adopted for different application scenes to determine the position of each button most likely to be clicked by a user, and then the position is displayed at the most suitable position. For example, the position at which the maximum probability occurs is determined as the position at which the operation button is displayed.
In order to provide better position display, the embodiment of the present invention pre-trains a machine learning model capable of predicting the position of the next click button of the user according to the position of the multiple click buttons of the user history, so in a preferred embodiment, in S203, the click position information of each operation button that is clicked multiple times may be input into a pre-trained machine learning model, and the display position information of each operation button on the Web page of the mobile terminal is output.
Alternatively, the machine learning model employed by embodiments of the present invention may be a linear model.
When the click position information of each operation button clicked each time comprises an abscissa and an 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 of each operation button clicked each time; and determining the ordinate and the abscissa corresponding to the minimum difference as the display positions of the operation buttons on the Web page of the mobile terminal.
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, the embodiment of the invention adopts random numbers as initial values of two parameters of w and b, and the code is realized as follows:
const w＝tf.variable(tf.scalar(Math.random()))；
const b＝tf.variable(tf.scalar(Math.random()))；
since training is typically an iterative process, in training a model, it includes 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 the true value; predicted represents a predicted value; n represents the number of samples; t represents the t-th sample.
The code implementation is as follows:
const loss＝(pred,label)＝>pred.sub(label).square().mean()；
or alternatively, the process may be performed,
functionloss(predictions,labels){
const meanSquareError＝predictions.sub(labels).square().mean()；
return meanSquareError；
}
(2) An optimizer (optimizer) is defined which can provide different parameter values w and b by some algorithm so that the loss function value is minimized (numiteration is the number of iterations), the code implementation is 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 new parameters, 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 implementation is 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；
})}
in the training process, the embodiment of the invention can output the loss function value by calling the print () method of the tensor to determine whether the training process is converged. When the selected model, parameters, and optimizer are not appropriate, it is possible that the training process does not converge.
FIG. 3 is a schematic diagram of training results obtained by training once, which is provided in the embodiment of the present invention, and as shown in FIG. 3, a group of values of w and b are obtained by training once, so as to form a straight line; fig. 4 is a schematic diagram of training results obtained by training multiple times, and as shown in fig. 4, multiple sets of values of w and b are obtained by training multiple times to form multiple straight lines.
S204, displaying each operation button on the mobile end Web page according to the display position information of each operation button on the mobile end 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 an operation button in a mobile terminal 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 ok button, a save button, and the like; and 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 a linear model obtained through training, obtaining a predicted ordinate of each position, comparing the predicted ordinate of each position with an actual ordinate, judging which position is closest to the actual ordinate, and determining which position is the display position of the operation button.
It can be seen from the foregoing that, in the display method for a mobile terminal Web page provided by the embodiment of the present invention, after the click position information of each operation button on the mobile terminal Web page that is clicked many times is collected, 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 that is clicked 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 method for displaying the mobile terminal Web page, which is provided by the embodiment of the invention, the display positions of the operation buttons on the mobile terminal Web page can be adjusted, so that the operation buttons on the mobile terminal Web page are displayed according to the positions of the operation habits of users, the operation of the users 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 by the embodiment of the invention may further include the following steps: judging whether clicking position information of each operation button clicked each time exceeds a preset position area of each operation button; and recording the clicking position information of each operation button each time when the clicking position information of each operation button each time is clicked under the condition that the clicking position information of each operation button does not exceed the preset position area of each operation button. As shown in fig. 6, a location area may be preset for each operation button, and if a click location of the operation button exceeds the preset location area of the operation button, the location information of the click is recorded.
By setting the initial position areas of the operation buttons, not only the interference caused by the misoperation can be reduced, but also the data processing efficiency can be improved.
For example, assuming that the position of a button is (X: 14.36px; Y:12.58 px) and the position of clicking the button four times is shown in Table 1, it is possible to determine that the fourth click operation is an invalid operation and not to record the position information of the click.
Table 1 button click results
| 1 | 2 | 3 | 4 | |
| X coordinates | 14.28 | 15.01 | 13.98 | 25.18 |
| Y coordinates | 12.15 | 12.07 | 11.97 | 12.15 |
| Whether or not to be effective | Effective and effective | Effective and effective | Effective and effective | Invalidation of |
Based on the same inventive concept, the embodiment of the invention also provides a display device of the mobile terminal Web page, as described in the following embodiment. Because the principle of solving the problem of the embodiment of the device is similar to that of the display method of the Web page of the mobile terminal, the implementation of the embodiment of the device can refer to the implementation of the method, and the repetition is omitted.
Fig. 7 is a schematic diagram of a display device of a mobile terminal Web page according to an embodiment of the present invention, where, as shown in fig. 7, the device 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 a position where each operation button is displayed on the mobile terminal Web page in a clicking manner; the button click position acquisition module 72 is configured to acquire click position information of each operation button clicked for a plurality of times through the game interface; a button display position determining module 73, 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 multiple times; the button display module 74 is configured to display 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.
Optionally, in the display device for a mobile terminal Web page provided by the embodiment of the present invention, the operation buttons include, but are 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 for a mobile terminal Web page provided by the embodiment of the invention, a game interface is popped up on the mobile terminal Web page by the game interface display module 71, and the button click position acquisition module 72 acquires the click position information of each operation button clicked for a plurality of times through the game interface; then determining display position information of each operation button on the mobile terminal Web page by the button display position determining module 73 according to the click position information of each operation button clicked for a plurality of times; finally, the button display module 74 displays each operation button on the mobile end Web page according to the display position information of each operation button on the mobile end Web page.
The display device of the mobile terminal Web page provided by the embodiment of the invention can adjust the display positions of the operation buttons on the mobile terminal Web page, so that the operation buttons on the mobile terminal Web page are displayed according to the positions of the operation habits of users, thereby being convenient for the users to operate and improving the user experience.
Optionally, the game interface includes: in the display device of the mobile terminal Web page provided by the embodiment of the invention, the button click position acquisition module 72 can also be used for acquiring click position information of the mobile terminal Web page, which is clicked for a preset number of times before each operation button, when the skip button skips over the game interface; 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.
In an alternative embodiment, in the display device for a Web page at a mobile terminal provided by the embodiment of the present invention, the button display position determining module 73 may be further configured to input click position information of each operation button clicked multiple times into a pre-trained machine learning model, and output display position information of each operation button on the Web page at the mobile terminal.
Alternatively, the machine learning model may be a linear model.
The click position information when each operation button is clicked includes: in the case of abscissa and ordinate, as an alternative embodiment, the button display position determining module 73 may be further configured to input the abscissa of each operation button clicked each time to the linear model, and output the ordinate prediction value of each operation button clicked each time; calculating the difference value between the predicted value and the actual value of the ordinate of each operation button clicked each time; and determining the ordinate and the abscissa corresponding to the minimum difference as the display positions of the operation buttons on the Web page of the mobile terminal.
In an optional embodiment, the display device of the mobile terminal Web page provided by the embodiment of the present invention may further include: the button click position recording module 75 is 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 clicking position information of each operation button each time when the clicking position information of each operation button each time is clicked under the condition that the clicking position information of each operation button 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 display mode of the existing mobile terminal Web page cannot support personalized layout display of the operation buttons on the page.
The embodiment of the invention also provides a computer readable storage medium for solving the technical problem that the display mode of the mobile terminal Web page can not support personalized layout display of the operation buttons on the page.
In summary, the embodiments of the present invention provide a method, an apparatus, a computer device, and a computer readable storage medium for displaying a Web page at a mobile terminal, where a game interface is popped up to collect position information of each operation button on the Web page at the mobile terminal, so as to implement adjustment of positions of each operation button on the Web page at the mobile terminal, and achieve the purpose of fine adjustment of display positions of the operation buttons on the Web page according to operation habits and personal preferences of the user, so that the user can have better experience when using the Web page at the mobile terminal, and the operation is more convenient and faster.
It will be appreciated by those skilled in the art that 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 flowchart illustrations and/or block diagrams, and combinations of flows and/or blocks in the flowchart illustrations 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 foregoing description of the embodiments has been provided for the purpose of illustrating the general principles of the invention, and is not meant to limit the scope of the invention, but to limit the invention to the particular embodiments, and any modifications, equivalents, improvements, etc. that fall within the spirit and principles of the invention are intended to be included within the scope of the invention.
Claims (7)
1. The display method of the 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 a user to select the display position of each operation button on the mobile terminal Web page in a clicking mode;
collecting clicking position information of each operation button clicked for a plurality of times through the game interface;
determining display position information of each operation button on a mobile terminal Web page according to click position information of each operation button clicked for a plurality of times;
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;
according to the clicking position information of each operation button clicked for many times, determining the display position information of each operation button on the mobile terminal Web page comprises the following steps: the clicking position information of each operation button which is clicked for many times is input into a pre-trained machine learning model, and the display position information of each operation button on a mobile terminal Web page is output;
the machine learning model is a linear model;
the click position information of each click of each operation button includes: the abscissa and the ordinate, wherein, click position information of each operation button clicked for many times is input into a pre-trained machine learning model, display position information of each operation button on a mobile terminal Web page is output, and the method comprises the following steps: inputting the abscissa of each operation button clicked each time into the linear model, and outputting the ordinate predicted value of each operation button clicked each time; calculating the difference value between the predicted value and the actual value of the ordinate of each operation button clicked each time; determining the ordinate and the abscissa corresponding to the minimum difference as the display positions of the operation buttons on the Web page of the mobile terminal;
the expression of the linear model is y= wX +b; in this model, two parameters w and b need to be determined; in training, an optimizer is defined to provide different parameter values w and b by algorithms such that the loss function value is minimized.
2. The method of claim 1, wherein the game interface comprises: a skip button for skipping the game interface, wherein when the skip button is clicked, the method further comprises:
collecting click position information of the preset times of clicks before each operation button on a Web page of a mobile terminal;
and determining the display position information of each operation button on the mobile terminal Web page according to the click position information of the operation buttons which are clicked for a preset number of times before each operation button.
3. The method of claim 1, wherein 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 comprises:
judging whether clicking position information of each operation button clicked each time exceeds a preset position area of each operation button;
and recording the clicking position information of each operation button each time when the clicking position information of each operation button each time is clicked under the condition that the clicking position information of each operation button does not exceed the preset position area of each operation button.
4. A method according to any one of claims 1 to 3, wherein the operating button comprises at least one of: a close button, a save button, a return button.
5. A display device for a Web page at a mobile terminal, 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 a user to select the display position of 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 operation button clicked for a plurality of times through the game interface;
the button display position determining module is used for 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 a plurality of times;
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 button display position determination module further: the clicking position information of each operation button which is clicked for many times is input into a pre-trained machine learning model, and the display position information of each operation button on a mobile terminal Web page is output;
the machine learning model is a linear model;
the click position information of each click of each operation button includes: and an abscissa and an ordinate, wherein the button display position determining module is specifically configured to: inputting the abscissa of each operation button clicked each time into the linear model, and outputting the ordinate predicted value of each operation button clicked each time; calculating the difference value between the predicted value and the actual value of the ordinate of each operation button clicked each time; determining the ordinate and the abscissa corresponding to the minimum difference as the display positions of the operation buttons on the Web page of the mobile terminal;
the expression of the linear model is y= wX +b; in this model, two parameters w and b need to be determined; in training, an optimizer is defined to provide different parameter values w and b by algorithms such that the loss function value is minimized.
6. A computer device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, characterized in that the processor implements the method of displaying a mobile-side Web page according to any of claims 1 to 4 when executing the computer program.
7. A computer-readable storage medium, wherein the computer-readable storage medium stores a computer program for executing the display method of a mobile-side Web page according to any one of claims 1 to 4.
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 CN110929196A (en) | 2020-03-27 |
| CN110929196B true 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) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| 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 |
| CN117421084B (en) * | 2023-11-07 | 2024-03-22 | 泰思物联网科技(广州)有限公司 | Cloud platform-based intelligent software data analysis system and method |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR100477577B1 (en) * | 2004-04-09 | 2005-03-18 | 장원혁 | Program execution system and method using simultaneous click of mouse double button |
| CN107741898B (en) * | 2017-10-13 | 2021-01-19 | 杭州浮云网络科技有限公司 | Game player operation preference analysis method and system based on big data |
| CN109871174B (en) * | 2019-01-28 | 2021-01-08 | 维沃移动通信有限公司 | Virtual key display method and mobile terminal |
-
2019
- 2019-11-26 CN CN201911171102.9A patent/CN110929196B/en active Active
Also Published As
| Publication number | Publication date |
|---|---|
| CN110929196A (en) | 2020-03-27 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110929196B (en) | Mobile terminal Web page display method and device | |
| CN107273489B (en) | Content delivery method, electronic equipment and computer storage medium | |
| JP4524709B2 (en) | Information processing apparatus and method, and program | |
| WO2015035283A1 (en) | System and method for generating customized advertisement creatives | |
| US9767483B2 (en) | Enabling access to third-party digital assets for systems that market content to target audiences | |
| US9805253B2 (en) | Image search apparatus, method of controlling operation of same, and image search server | |
| US8539351B2 (en) | Optimizing online advertising link and text characteristics | |
| KR20130116241A (en) | Branded browser frame | |
| EP3408752B1 (en) | Object management and visualization using a computing device | |
| US20140272898A1 (en) | System and method of providing compound answers to survey questions | |
| US20190318397A1 (en) | Reduced bias submission review system | |
| CN109522497A (en) | A kind of the adaptation display methods and device of the news web page page | |
| CN105224654A (en) | A kind of Web browsing mode changing method and electronic equipment | |
| JP4248376B2 (en) | Browsing content changing device, browsing content changing program, and computer-readable recording medium recording browsing content changing program | |
| US20160110427A1 (en) | Apparatus, system, and method for organizing and embedding applications | |
| US11880423B2 (en) | Machine learned curating of videos for selection and display | |
| CN112989240A (en) | Object display method and device, electronic equipment and readable storage medium | |
| JP6576534B1 (en) | Information display program, information display method, information display device, and information processing system | |
| CN105354225A (en) | Network search result recommendation method and electronic device | |
| CN109492165B (en) | Network searching method and electronic equipment | |
| US20230350969A1 (en) | Automatic display control method for web content | |
| US11860931B1 (en) | Graphical user interface with insight hub and insight carousel | |
| CN111209501B (en) | Picture display method and device, electronic equipment and storage medium | |
| Chowdhury et al. | Mobile enabled content adaptation system for pdf documents | |
| US20240013290A1 (en) | Customizing an insight display of a graphical user interface based on rules and user customizations |
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 |