CN109857503A - Page interaction effect adaptive approach, device and electronic equipment - Google Patents
Page interaction effect adaptive approach, device and electronic equipment Download PDFInfo
- Publication number
- CN109857503A CN109857503A CN201910071612.2A CN201910071612A CN109857503A CN 109857503 A CN109857503 A CN 109857503A CN 201910071612 A CN201910071612 A CN 201910071612A CN 109857503 A CN109857503 A CN 109857503A
- Authority
- CN
- China
- Prior art keywords
- page
- coding
- effect
- terminal
- mobile terminal
- 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
Abstract
The present disclosure discloses a kind of page interaction effect adaptive approach, device, electronic equipment and computer readable storage mediums.Wherein this method comprises: judgement loads the type of the terminal of the page；When the type of the terminal is mobile terminal, the predetermined interaction effect in the page is handled according to preset processing rule, is allowed to be adapted to the mobile terminal, and the page in the mobile terminal after loading processing；Otherwise, the page is directly loaded in the terminal.The embodiment of the present disclosure solves in the prior art for mobile terminal by the scheme for taking page interaction effect adaptive, is additionally required a set of page interaction effect and realizes code, the complicated cumbersome technical problem of coding.By a set of realization code, so that the interaction effect automatic adaptation mobile terminal of the page.
Description
Technical field
This disclosure relates to computer interaction field more particularly to a kind of page interaction effect adaptive approach, device, electronics
Equipment and computer readable storage medium.
Background technique
Current electronic device technology is maked rapid progress, and product type is rich and varied, existing traditional desktop computer, notes
The electronic equipments such as sheet, server, the electronic equipments such as the touching-type handset for also thering is Later development to get up, tablet computer, PAD.At this
In a little electronic equipments, traditional personal desktop computer, notebook are generally known as PC terminal, and touching-type handset, plate are electric
Brain, PAD are referred to as mobile terminal.
In the prior art, can be run on various electronic equipments browser etc. application to load Webpage, for
Family provides various function services.On the various pages of PC terminal (including server), when passing through the element on mouse and the page
When interacting, various interaction effects can be presented on the page.For example, when mouse is parked on certain page elements, page member
Some variations can occur for element, and pattern, attribute including page elements etc. change, wherein typically mouse-over, that is, work as
Mouse-over button or color, the size of link etc. when on the button perhaps page elements such as link change.Such as Fig. 1,
Shown in 2, it includes three pictures that Fig. 1, which shows page elements,；Fig. 2 shows when mouse-over is in the intermediate picture of three pictures of Fig. 1
When upper, shown intermediate picture is become large-sized, and shows the feature operation item for the intermediate picture.
However, in mobile terminal, especially touch mobile terminal, in browser loading page, because without mouse,
Only when finger press in page elements the preceding paragraph time, the effect of the mouse-over in PC terminal can just be presented.This just illustrates,
In the prior art, if it is desired to realize the interaction effects such as mouse-over on mobile terminals, need to compile individually for mobile terminal
Pattern and processing logic are write, causes the same interaction effect to need to write two sets, or even more set patterns and processing logic are to be applicable in
In various PC terminals or mobile terminal, coding is complicated, cumbersome.Therefore, it is necessary to a kind of page interaction effect automatic adaptation PC terminals
And mobile terminal, with simplification, coding it is cumbersome.
Summary of the invention
In a first aspect, the embodiment of the present disclosure provides a kind of method that page interaction effect is adaptive, comprising: judgement load institute
State the type of the terminal of the page；
When the type of the terminal is mobile terminal, according to preset processing rule to predetermined in the page
Interaction effect is handled, and is allowed to be adapted to the mobile terminal, and the page in the mobile terminal after loading processing；
Otherwise, the page is directly loaded in the terminal.
Further, the judgement loads the type of the terminal of the page, comprising: obtains the user agent of the page；
The type of the terminal is judged by the user agent.
Further, described when the type of the terminal is mobile terminal, according to preset processing rule to described
Desired effects in the page are handled, and the page in the mobile terminal after loading processing, comprising: when the terminal
When type is mobile terminal, correspond to the predetermined effect according in the regular page coding to the page of pre-set processing
The effect coding of fruit carries out conversion process, generates the page with treated effect coding；It is loaded in the mobile terminal
The page with treated effect coding.
Further, described described predetermined to corresponding in the page coding of the page according to pre-set processing rule
The effect coding of effect carries out conversion process, comprising: according to pre-set style rule and processing logic to the page
The effect coding for corresponding to the desired effects in page coding carries out conversion process.
Further, it is described according to pre-set style rule and processing logic to corresponding in the page of page coding
Conversion process is carried out in the effect coding of the desired effects, comprising: obtains page coding；It searches in the page coding and has
The page coding of first label；According to the preset style rule, to being marked with first in page coding
Coding carry out pattern conversion, obtain the first effect coding；Monitor the first trigger event on the page；It is described in response to listening to
First trigger event and first trigger event is related to the first effect coding, by the first effect code conversion at second
Effect coding.
Further, described according to the preset style rule, to the volume with the first label in effect coding
Code carries out pattern conversion, comprising: first label is replaced with the second label, and the coding for having the first label is turned
It is changed to the coding with the second label.
Further, described in response to listening to first trigger event and first trigger event and first effect
Fruit coding is related, the first effect code conversion is encoded at the second effect, comprising: in response to listening to first trigger event
And first trigger event is related to the first effect coding, increases and the triggering thing in first effect coding
The relevant triggering coding of part, obtains the second effect coding.
Further, the first effect coding is associated with the element on the page.
Further, first trigger event includes: for the touch for encoding associated element with first effect
Event.
Further, the method also includes:, will be with the second trigger event phase in response to listening to the second trigger event
The the second effect code conversion closed is the first effect coding, and loads first effect that has in the mobile terminal and encode
The page.
Second aspect, the embodiment of the present disclosure provide a kind of device that page interaction effect is adaptive, comprising: judgment module,
For judging to load the type of the terminal of the page；
Module is run, it is regular to institute according to preset processing for when the type of the terminal is mobile terminal
The predetermined interaction effect stated in the page is handled, and is allowed to be adapted to the mobile terminal, and load in the mobile terminal
Treated the page；
Otherwise, the page is directly loaded in the terminal.
Further, the judgement loads the type of the terminal of the page, comprising: obtains the user agent of the page；
The type of the terminal is judged by the user agent.
Further, described when the type of the terminal is mobile terminal, according to preset processing rule to described
Desired effects in the page are handled, and the page in the mobile terminal after loading processing, comprising: when the terminal
When type is mobile terminal, correspond to the predetermined effect according in the regular page coding to the page of pre-set processing
The effect coding of fruit carries out conversion process, generates the page with treated effect coding；It is loaded in the mobile terminal
The page with treated effect coding.
Further, described described predetermined to corresponding in the page coding of the page according to pre-set processing rule
The effect coding of effect carries out conversion process, comprising: according to pre-set style rule and processing logic to the page
The effect coding for corresponding to the desired effects in page coding carries out conversion process.
Further, it is described according to pre-set style rule and processing logic to corresponding in the page of page coding
Conversion process is carried out in the effect coding of the desired effects, comprising: obtains page coding；It searches in the page coding and has
The page coding of first label；According to the preset style rule, to being marked with first in page coding
Coding carry out pattern conversion, obtain the first effect coding；Monitor the first trigger event on the page；It is described in response to listening to
First trigger event and first trigger event is related to the first effect coding, by the first effect code conversion at second
Effect coding.
Further, described according to the preset style rule, to the volume with the first label in effect coding
Code carries out pattern conversion, comprising: first label is replaced with the second label, and the coding for having the first label is turned
It is changed to the coding with the second label.
Further, described in response to listening to first trigger event and first trigger event and first effect
Fruit coding is related, the first effect code conversion is encoded at the second effect, comprising: in response to listening to first trigger event
And first trigger event is related to the first effect coding, increases and the triggering thing in first effect coding
The relevant triggering coding of part, obtains the second effect coding.
Further, the first effect coding is associated with the element on the page.
Further, first trigger event includes: for the touch for encoding associated element with first effect
Event.
Further, the operation module is also used in response to listening to the second trigger event, will be with the second triggering thing
The relevant second effect code conversion of part is the first effect coding, and load is described with the first effect in the mobile terminal
The page of coding.
The third aspect, the embodiment of the present disclosure provide a kind of electronic equipment, comprising: at least one processor；And with it is described
The memory of at least one processor communication connection；Wherein, the memory, which is stored with, to be held by least one described processor
Capable instruction, described instruction are executed by least one described processor so that at least one described processor be able to carry out it is aforementioned
The adaptive method of any page interaction effect in first aspect.
Fourth aspect, the embodiment of the present disclosure provide a kind of non-transient computer readable storage medium, which is characterized in that this is non-
Transitory computer readable storage medium stores computer instruction, and the computer instruction is for making computer execute aforementioned first aspect
In the adaptive method of any page interaction effect.
The present disclosure discloses a kind of page interaction effect adaptive approach, device, electronic equipment and computer-readable storages
Medium.Wherein this method comprises: judgement loads the type of the terminal of the page；When the type of the terminal is mobile terminal
When, the predetermined interaction effect in the page is handled according to preset processing rule, is allowed to be adapted to the shifting
Dynamic terminal, and the page in the mobile terminal after loading processing；Otherwise, the page is directly loaded in the terminal.
The embodiment of the present disclosure solves in the prior art by the scheme for taking page interaction effect adaptive for mobile terminal, volume
It is outer that a set of page interaction effect is needed to realize code, the complicated cumbersome technical problem of coding.By a set of realization code, so that page
The interaction effect automatic adaptation mobile terminal in face.
Above description is only the general introduction of disclosed technique scheme, in order to better understand the technological means of the disclosure, and
It can be implemented in accordance with the contents of the specification, and to allow the above and other objects, features and advantages of the disclosure can be brighter
Show understandable, it is special below to lift preferred embodiment, and cooperate attached drawing, detailed description are as follows.
Detailed description of the invention
In order to illustrate more clearly of the embodiment of the present disclosure or technical solution in the prior art, to embodiment or will show below
There is attached drawing needed in technical description to be briefly described, it should be apparent that, the accompanying drawings in the following description is this public affairs
The some embodiments opened for those of ordinary skill in the art without creative efforts, can be with root
Other attached drawings are obtained according to these attached drawings.
Fig. 1: the page interaction effect figure in PC terminal in the prior art；
Fig. 2: mouse-over effect picture in the operation interface of PC terminal in the prior art；
Fig. 3: the embodiment flow chart of disclosure page interaction effect adaptive approach；
Fig. 4: the structure chart of disclosure page interaction effect self-reacting device；
Fig. 5: the structure chart of the adaptive electronic equipment of disclosure page interaction effect.
Specific embodiment
Illustrate embodiment of the present disclosure below by way of specific specific example, those skilled in the art can be by this specification
Disclosed content understands other advantages and effect of the disclosure easily.Obviously, described embodiment is only the disclosure
A part of the embodiment, instead of all the embodiments.The disclosure can also be subject to reality by way of a different and different embodiment
It applies or applies, the various details in this specification can also be based on different viewpoints and application, in the spirit without departing from the disclosure
Lower carry out various modifications or alterations.It should be noted that in the absence of conflict, the feature in following embodiment and embodiment can
To be combined with each other.Based on the embodiment in the disclosure, those of ordinary skill in the art are without creative efforts
Every other embodiment obtained belongs to the range of disclosure protection.
It should be noted that the various aspects of embodiment within the scope of the appended claims are described below.Ying Xian
And be clear to, aspect described herein can be embodied in extensive diversified forms, and any specific structure described herein
And/or function is only illustrative.Based on the disclosure, it will be understood by one of ordinary skill in the art that one described herein
Aspect can be independently implemented with any other aspect, and can combine the two or both in these aspects or more in various ways.
For example, carry out facilities and equipments in terms of any number set forth herein can be used and/or practice method.In addition, can make
With other than one or more of aspect set forth herein other structures and/or it is functional implement this equipment and/or
Practice the method.
It should also be noted that, diagram provided in following embodiment only illustrates the basic structure of the disclosure in a schematic way
Think, component count, shape and the size when only display is with component related in the disclosure rather than according to actual implementation in schema are drawn
System, when actual implementation kenel, quantity and the ratio of each component can arbitrarily change for one kind, and its assembly layout kenel can also
It can be increasingly complex.
In addition, in the following description, specific details are provided for a thorough understanding of the examples.However, fields
The skilled person will understand that the aspect can be practiced without these specific details.
Fig. 3 is the flow chart of the adaptive embodiment of the method one of the page interaction effect that provides of the embodiment of the present disclosure, this reality
The adaptive method of the page interaction effect for applying example offer can be executed by the adaptive device of a page interaction effect, should
The adaptive device of page interaction effect can be implemented as software, or be embodied as the combination of software and hardware, page interaction
The adaptive device of effect can integrate in certain equipment being arranged in image processing system, such as server or terminal device
In.
As shown in figure 3, this method comprises the following steps:
Step S301 judges the type for loading the terminal of the page；
Step S302, when the type of the terminal is mobile terminal, according to preset processing rule to the page
Predetermined interaction effect in face is handled, and is allowed to be adapted to the mobile terminal, and the loading processing in the mobile terminal
The page afterwards；
Otherwise step S303 directly loads the page in the terminal.
No matter in PC terminal, server, or in mobile terminal, widely apply using Webpage as the friendship with user
Mutual interface, when operation, need loading page.In the present embodiment with various browsings widely applied on PC terminal and mobile terminal
For device, when operation, needs to load the various pages.
After the page loads successfully in a browser, when mouse or touch sources (including finger, felt pen, touch bar etc.) with
In the page when various elements interaction, the terminal type for running browser is judged, when terminal type is mobile terminal, operation processing
The style sheet rule and processing logic being arranged for mobile terminal；Otherwise, operation processing is arranged for immobile terminal
Style sheet rule and processing logic.
In one embodiment, the various interaction effects in the page are realized by CSS speech encoding.With CSS speech encoding
To implement above-mentioned page interaction effect adaptive approach step.Wherein, pass through CSS language: hover process and touch
Event procedure carries out the effect coding for corresponding to desired effects in page coding according to pre-set processing rule to realize
Conversion process generates the page with treated effect coding.
Process: hover, for will be defined in the various interaction effects of realization in immobile terminal (such as PC terminal)
Style rule is converted to the style rule for mobile terminal, comprising:
Obtain style rule all in the page；
With variable touchClassName, alternative events distinctive style rule title in mobile terminal is set, wherein
TouchClassName can take any random string；
Array hoverSelectorList is set, for saving the relevant css selector of above-mentioned distinctive style rule；
Due in the page, including label: the style rule of hover is for providing tool possessed by various elements in the page
Body interaction effect.Therefore, in all style rules of above-mentioned acquisition, include label for each: the pattern of hover is advised
Then, lift the css selector before the style rule, and be stored in above-mentioned array hoverSelectorList, if array
The css selector is had existed in hoverSelectorList, then ignores the css selector, avoid array
There are duplicate css selectors in hoverSelectorList；
To currently include label: the label in the style rule of hover: hover replaces with above-mentioned variable
TouchClassName, and generate a new rule；
Deleting currently includes label: the style rule of hover, and is inserted into the new rule of above-mentioned generation in current location.
The replacement of the effect pattern for realizing the interaction effect for mobile terminal is completed by above procedure.
On the basis of the style rule of interaction effect is replaced, dynamic is needed to monitor the generation of alternative events, to move
Identical interaction effect is realized in dynamic terminal.In the present embodiment, it is realized by the touch event procedure of CSS language above-mentioned
The processing logic of identical interaction effect, comprising: setting touchElements is array, for saving the page member of the condition of satisfaction
Element；Increase touchstart event (starting event) monitoring in document (page) node and touchend event (is tied
Beam event) it monitors.
Wherein, the processing logic for listening to touchstart event (starting event) includes:
If current event object element and its ancestral element match the css in above-mentioned array hoverSelectorList
When selector, the class for increasing corresponding above-mentioned touchClassName to matched element encodes class；Coupling element is put into
It states and is saved in array touchElements；
Otherwise, without any processing.
Wherein, it listens to touchend event (i.e. End Event), processing logic includes:
If the length of above-mentioned array touchElements is greater than 0, the element in array touchElements is traversed,
Remove touchClassName from the corresponding realization class class of each element；Array touchElements length is arranged
It is 0, to empty the element in array；
Otherwise, without any processing.
By above-mentioned: hover process and touch event procedure are realized according to pre-set processing rule to the page
The conversion process encoded in coding corresponding to the effect of desired effects generates the page with treated effect coding.It is moving
When listening to alternative events on the page of dynamic terminal, it will be able to interaction effect identical with the page in PC terminal be presented.
In one embodiment, include with the interaction of page elements click, double-click, left button, right button, idler wheel, hovering, by
All interactive mode, the disclosure are not specifically limited in the prior art for key, long-pressing, short-press etc..Through this embodiment, in movement
On the page of terminal loads, when listening to the identical or corresponding alternative events with immobile terminal, identical friendship can be presented
Mutual effect.It is achieved that mobile terminal is identical as the page in immobile terminal (such as PC terminal) by this set of page coding
Interaction effect.
In one embodiment, various mouses, keyboard are realized for being already contained on immobile terminal in the existing page
When the case where interaction effect, above-mentioned interaction effect automatic adaptation mobile terminal can be realized by modification page coding, for example,
The existing page is encoded into the page coding that corresponding part is rewritten as above-described embodiment.When the terminal type of judgement operation browser
When for mobile terminal, then the style rule and processing that the page operation processing of browser load is arranged for mobile terminal are patrolled
Volume, it is otherwise, without any processing, that is, original style rule and processing logic in the operation processing page.And then also by
This set of page coding is achieved that mobile terminal interaction effect identical with the page in immobile terminal (such as PC terminal).
In one embodiment, the interaction effect in the page of browser load is realized corresponding by other speech encodings
Logic, it may be assumed that the terminal type of same judgement operation browser, when for mobile terminal, page operation processing is directed to mobile terminal
And the style rule and processing logic being arranged, otherwise, page operation processing for immobile terminal and the style rule that is arranged and
Handle logic.And then realize interaction effect automatic adaptation mobile terminal.
In one embodiment, in addition to browser, other can not only run on PC terminal, server, but also can run on
The other application of mobile terminal, when also needing loading page and providing operable interface for user, such as web game operation
Interface can equally be realized to realize interaction effect automatic adaptation mobile terminal by the above method.
As shown in figure 4, it illustrates the structural schematic diagram for the device 400 for being suitable for being used to realize embodiment of the present disclosure method,
Device 400 includes:
Judgment module 401, the type of the terminal for judging to load the page；
Module 402 is run, it is regular right according to preset processing for when the type of the terminal is mobile terminal
Predetermined interaction effect in the page is handled, and is allowed to be adapted to the mobile terminal, and is added in the mobile terminal
Carry treated the page；
Otherwise, the page is directly loaded in the terminal.
, below from power completion, power wants the inside only to write an exclusive rights, but wants completion here for this.(Summary
Same processing)
Below with reference to Fig. 5, it illustrates the structural representations for the electronic equipment 500 for being suitable for being used to realize the embodiment of the present disclosure
Figure.Electronic equipment in the embodiment of the present disclosure can include but is not limited to such as mobile phone, laptop, digital broadcasting and connect
Receive device, PDA (personal digital assistant), PAD (tablet computer), PMP (portable media player), car-mounted terminal (such as vehicle
Carry navigation terminal) etc. mobile terminal and such as number TV, desktop computer etc. immobile terminal.Shown in Fig. 5
Electronic equipment is only an example, should not function to the embodiment of the present disclosure and use scope bring any restrictions.
As shown in figure 5, electronic equipment 500 may include processing unit (such as central processing unit, graphics processor etc.)
501, random access can be loaded into according to the program being stored in read-only memory (ROM) 502 or from storage device 508
Program in memory (RAM) 503 and execute various movements appropriate and processing.In RAM 503, it is also stored with electronic equipment
Various programs and data needed for 500 operations.Processing unit 501, ROM 502 and RAM 503 pass through the phase each other of bus 504
Even.Input/output (I/O) interface 505 is also connected to bus 504.
In general, following device can connect to I/O interface 505: including such as touch screen, touch tablet, keyboard, mouse, figure
As the input unit 506 of sensor, microphone, accelerometer, gyroscope etc.；Including such as liquid crystal display (LCD), loudspeaking
The output device 507 of device, vibrator etc.；Storage device 508 including such as tape, hard disk etc.；And communication device 509.It is logical
T unit 509 can permit electronic equipment 500 and wirelessly or non-wirelessly be communicated with other equipment to exchange data.Although Fig. 5 shows
The electronic equipment 500 with various devices is gone out, it should be understood that being not required for implementing or having all dresses shown
It sets.It can alternatively implement or have more or fewer devices.
Particularly, in accordance with an embodiment of the present disclosure, it is soft to may be implemented as computer for the process of figure 3 above flow chart description
Part program.For example, embodiment of the disclosure includes a kind of computer program product comprising carrying is on a computer-readable medium
Computer program, which includes the program code for method shown in execution flow chart.In such implementation
In example, which can be downloaded and installed from network by communication device 509, or from 508 quilt of storage device
Installation, or be mounted from ROM 502.When the computer program is executed by processing unit 501, the embodiment of the present disclosure is executed
The above-mentioned function of being limited in method.
It should be noted that the above-mentioned computer-readable medium of the disclosure can be computer-readable signal media or meter
Calculation machine readable storage medium storing program for executing either the two any combination.Computer readable storage medium for example can be --- but not
Be limited to --- electricity, magnetic, optical, electromagnetic, infrared ray or semiconductor system, device or device, or any above combination.Meter
The more specific example of calculation machine readable storage medium storing program for executing can include but is not limited to: have the electrical connection, just of one or more conducting wires
Taking formula computer disk, hard disk, random access storage device (RAM), read-only memory (ROM), erasable type may be programmed read-only storage
Device (EPROM or flash memory), optical fiber, portable compact disc read-only memory (CD-ROM), light storage device, magnetic memory device,
Or above-mentioned any appropriate combination.In the disclosure, computer readable storage medium can be it is any include or storage journey
The tangible medium of sequence, the program can be commanded execution system, device or device use or in connection.And at this
In open, computer-readable signal media may include in a base band or as the data-signal that carrier wave a part is propagated,
In carry computer-readable program code.The data-signal of this propagation can take various forms, including but not limited to
Electromagnetic signal, optical signal or above-mentioned any appropriate combination.Computer-readable signal media can also be computer-readable and deposit
Any computer-readable medium other than storage media, the computer-readable signal media can send, propagate or transmit and be used for
By the use of instruction execution system, device or device or program in connection.Include on computer-readable medium
Program code can transmit with any suitable medium, including but not limited to: electric wire, optical cable, RF (radio frequency) etc. are above-mentioned
Any appropriate combination.
Above-mentioned computer-readable medium can be included in above-mentioned electronic equipment；It is also possible to individualism, and not
It is fitted into the electronic equipment.
Above-mentioned computer-readable medium carries one or more program, when said one or multiple programs are by the electricity
When sub- equipment executes, so that the electronic equipment: judgement loads the type of the terminal of the page；When the type of the terminal is to move
When dynamic terminal, the predetermined interaction effect in the page is handled according to preset processing rule, is allowed to be adapted to
The mobile terminal, and the page in the mobile terminal after loading processing；Otherwise, directly in the terminal described in load
The page.
The calculating of the operation for executing the disclosure can be write with one or more programming languages or combinations thereof
Machine program code, above procedure design language include object oriented program language-such as Java, Smalltalk, C+
+, it further include conventional procedural programming language-such as " C " language or similar programming language.Program code can
Fully to execute, partly execute on the user computer on the user computer, be executed as an independent software package,
Part executes on the remote computer or executes on a remote computer or server completely on the user computer for part.
In situations involving remote computers, remote computer can pass through the network of any kind --- including local area network (LAN)
Or wide area network (WAN)-is connected to subscriber computer, or, it may be connected to outer computer (such as utilize Internet service
Provider is connected by internet).
Flow chart and block diagram in attached drawing are illustrated according to the system of the various embodiments of the disclosure, method and computer journey
The architecture, function and operation in the cards of sequence product.In this regard, each box in flowchart or block diagram can generation
A part of one module, program segment or code of table, a part of the module, program segment or code include one or more use
The executable instruction of the logic function as defined in realizing.It should also be noted that in some implementations as replacements, being marked in box
The function of note can also occur in a different order than that indicated in the drawings.For example, two boxes succeedingly indicated are actually
It can be basically executed in parallel, they can also be executed in the opposite order sometimes, and this depends on the function involved.Also it to infuse
Meaning, the combination of each box in block diagram and or flow chart and the box in block diagram and or flow chart can be with holding
The dedicated hardware based system of functions or operations as defined in row is realized, or can use specialized hardware and computer instruction
Combination realize.
Being described in unit involved in the embodiment of the present disclosure can be realized by way of software, can also be by hard
The mode of part is realized.Wherein, the title of unit does not constitute the restriction to the unit itself under certain conditions.
Above description is only the preferred embodiment of the disclosure and the explanation to institute's application technology principle.Those skilled in the art
Member is it should be appreciated that the open scope involved in the disclosure, however it is not limited to technology made of the specific combination of above-mentioned technical characteristic
Scheme, while should also cover in the case where not departing from design disclosed above, it is carried out by above-mentioned technical characteristic or its equivalent feature
Any combination and the other technical solutions formed.Such as features described above has similar function with (but being not limited to) disclosed in the disclosure
Can technical characteristic replaced mutually and the technical solution that is formed.
Claims (13)
1. a kind of page interaction effect adaptive approach characterized by comprising
Judgement loads the type of the terminal of the page；
When the type of the terminal is mobile terminal, according to preset processing rule to the predetermined interaction in the page
Effect is handled, and is allowed to be adapted to the mobile terminal, and the page in the mobile terminal after loading processing；
Otherwise, the page is directly loaded in the terminal.
2. adaptive approach as described in claim 1, which is characterized in that
The judgement loads the type of the terminal of the page, comprising:
Obtain the user agent of the page；
The type of the terminal is judged by the user agent.
3. adaptive approach as described in claim 1, which is characterized in that described when the type of the terminal is mobile terminal
When, the desired effects in the page are handled according to preset processing rule, and adds in the mobile terminal
Carry treated the page, comprising:
When the type of the terminal is mobile terminal, according to pre-set processing rule in the page coding of the page
Effect coding corresponding to the desired effects carries out conversion process, generates the page with treated effect coding；
The page with treated effect coding is loaded in the mobile terminal.
4. adaptive approach as claimed in claim 3, which is characterized in that described regular to described according to pre-set processing
The effect coding for corresponding to the desired effects in the page coding of the page carries out conversion process, comprising: according to pre-set
Style rule and processing logic convert the effect coding for corresponding to the desired effects in the page coding of the page
Processing.
5. adaptive approach as claimed in claim 4, which is characterized in that described according to pre-set style rule and processing
Logic carries out conversion process to the effect coding for corresponding to the desired effects in the page coding of the page, comprising:
Obtain page coding；
Search for the page coding in the page coding with the first label；
According to the preset style rule, pattern is carried out to the coding with the first label in page coding and is turned
It changes, obtains the first effect coding；
Monitor the first trigger event on the page；
In response to listening to first trigger event and first trigger event is related to the first effect coding, by
One effect code conversion is encoded at the second effect.
6. adaptive approach as claimed in claim 5, which is characterized in that it is described according to the preset style rule,
Pattern conversion is carried out to the coding with the first label in effect coding, comprising:
First label is replaced with into the second label, and is with the second label by the code conversion for having the first label
Coding.
7. adaptive approach as claimed in claim 5, which is characterized in that described in response to listening to first trigger event
And first trigger event is related to the first effect coding, and the first effect code conversion is encoded at the second effect, packet
It includes:
In response to listening to first trigger event and first trigger event is related to the first effect coding, in institute
It states and increases triggering coding relevant to the trigger event in the first effect coding, obtain the second effect coding.
8. adaptive approach as claimed in claim 5, which is characterized in that the first effect coding and the member on the page
Element is associated.
9. adaptive approach as claimed in claim 5, which is characterized in that first trigger event include: for it is described
First effect encodes the touch event of associated element.
10. adaptive approach as claimed in claim 5, which is characterized in that the method also includes:
It is first by the second effect code conversion relevant to second trigger event in response to listening to the second trigger event
Effect coding, and the page with the first effect coding is loaded in the mobile terminal.
11. a kind of device that page interaction effect is adaptive characterized by comprising
Judgment module, the type of the terminal for judging to load the page；
Module is run, it is regular to the page according to preset processing for when the type of the terminal is mobile terminal
Predetermined interaction effect in face is handled, and is allowed to be adapted to the mobile terminal, and the loading processing in the mobile terminal
The page afterwards；
Otherwise, the page is directly loaded in the terminal.
12. a kind of electronic equipment, comprising:
Memory, for storing non-transitory computer-readable instruction；And
Processor, for running the computer-readable instruction so that the processor execute when realize according to claim 1-
Page interaction effect adaptive approach described in any one of 10.
13. a kind of computer readable storage medium, for storing non-transitory computer-readable instruction, when the non-transitory meter
When calculation machine readable instruction is executed by computer, so that the computer perform claim requires the page described in any one of 1-10
Interaction effect adaptive approach.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910071612.2A CN109857503B (en) | 2019-01-25 | 2019-01-25 | Page interaction effect self-adaption method and device and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910071612.2A CN109857503B (en) | 2019-01-25 | 2019-01-25 | Page interaction effect self-adaption method and device and electronic equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109857503A true CN109857503A (en) | 2019-06-07 |
| CN109857503B CN109857503B (en) | 2023-04-07 |
Family
ID=66896071
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910071612.2A Active CN109857503B (en) | 2019-01-25 | 2019-01-25 | Page interaction effect self-adaption method and device and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109857503B (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110457620A (en) * | 2019-08-15 | 2019-11-15 | 深圳乐信软件技术有限公司 | A kind of method, apparatus of page access, equipment and storage medium |
Citations (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20080154573A1 (en) * | 2006-10-02 | 2008-06-26 | Microsoft Corporation | Simulating new input devices using old input devices |
| CN103297539A (en) * | 2013-06-21 | 2013-09-11 | 北京恒远创智信息技术有限公司 | Method and system for improving multi-user interaction effect by using public screen |
| US20140059499A1 (en) * | 2012-08-27 | 2014-02-27 | Samsung Electronics Co., Ltd. | Mobile terminal and display control method for the same |
| CN104285202A (en) * | 2012-03-14 | 2015-01-14 | 诺基亚公司 | Touch screen hover input handling |
| CN105094589A (en) * | 2014-05-23 | 2015-11-25 | 中国移动通信集团公司 | Display control method and apparatus for hover button of mobile terminal and mobile terminal |
| CN105938404A (en) * | 2015-03-06 | 2016-09-14 | 意法半导体股份有限公司 | Method and device for touch screen sensing, corresponding apparatus and computer program product |
| CN106201161A (en) * | 2014-09-23 | 2016-12-07 | 北京三星通信技术研究有限公司 | The display packing of electronic equipment and system |
| CN106791115A (en) * | 2016-12-26 | 2017-05-31 | 努比亚技术有限公司 | A kind of information of mobile terminal clone method and mobile terminal |
| CN106951172A (en) * | 2017-03-17 | 2017-07-14 | 上海传英信息技术有限公司 | Display methods and device applied to the web page contents of mobile terminal |
| CN107153458A (en) * | 2016-03-03 | 2017-09-12 | 联想（新加坡）私人有限公司 | Hovered and method, system and the program product of execution action in response to input tool |
| CN107357560A (en) * | 2017-04-28 | 2017-11-17 | 阿里巴巴集团控股有限公司 | Interaction processing method and device |
| CN107463584A (en) * | 2016-06-06 | 2017-12-12 | 腾讯科技（深圳）有限公司 | The editing and processing method and terminal of a kind of interaction page |
| CN107797657A (en) * | 2016-09-06 | 2018-03-13 | 苹果公司 | For generating equipment, method and the graphic user interface of tactile output |
| CN108415745A (en) * | 2018-02-09 | 2018-08-17 | 福建星网锐捷通讯股份有限公司 | A kind of method of UI controls manipulation smart machine on mobile terminal |
| CN108989365A (en) * | 2017-05-31 | 2018-12-11 | 腾讯科技（深圳）有限公司 | A kind of information processing method, server, terminal device and storage medium |
-
2019
- 2019-01-25 CN CN201910071612.2A patent/CN109857503B/en active Active
Patent Citations (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20080154573A1 (en) * | 2006-10-02 | 2008-06-26 | Microsoft Corporation | Simulating new input devices using old input devices |
| CN104285202A (en) * | 2012-03-14 | 2015-01-14 | 诺基亚公司 | Touch screen hover input handling |
| US20140059499A1 (en) * | 2012-08-27 | 2014-02-27 | Samsung Electronics Co., Ltd. | Mobile terminal and display control method for the same |
| CN103297539A (en) * | 2013-06-21 | 2013-09-11 | 北京恒远创智信息技术有限公司 | Method and system for improving multi-user interaction effect by using public screen |
| CN105094589A (en) * | 2014-05-23 | 2015-11-25 | 中国移动通信集团公司 | Display control method and apparatus for hover button of mobile terminal and mobile terminal |
| CN106201161A (en) * | 2014-09-23 | 2016-12-07 | 北京三星通信技术研究有限公司 | The display packing of electronic equipment and system |
| CN105938404A (en) * | 2015-03-06 | 2016-09-14 | 意法半导体股份有限公司 | Method and device for touch screen sensing, corresponding apparatus and computer program product |
| CN107153458A (en) * | 2016-03-03 | 2017-09-12 | 联想（新加坡）私人有限公司 | Hovered and method, system and the program product of execution action in response to input tool |
| CN107463584A (en) * | 2016-06-06 | 2017-12-12 | 腾讯科技（深圳）有限公司 | The editing and processing method and terminal of a kind of interaction page |
| CN107797657A (en) * | 2016-09-06 | 2018-03-13 | 苹果公司 | For generating equipment, method and the graphic user interface of tactile output |
| CN106791115A (en) * | 2016-12-26 | 2017-05-31 | 努比亚技术有限公司 | A kind of information of mobile terminal clone method and mobile terminal |
| CN106951172A (en) * | 2017-03-17 | 2017-07-14 | 上海传英信息技术有限公司 | Display methods and device applied to the web page contents of mobile terminal |
| CN107357560A (en) * | 2017-04-28 | 2017-11-17 | 阿里巴巴集团控股有限公司 | Interaction processing method and device |
| CN108989365A (en) * | 2017-05-31 | 2018-12-11 | 腾讯科技（深圳）有限公司 | A kind of information processing method, server, terminal device and storage medium |
| CN108415745A (en) * | 2018-02-09 | 2018-08-17 | 福建星网锐捷通讯股份有限公司 | A kind of method of UI controls manipulation smart machine on mobile terminal |
Non-Patent Citations (1)
| Title |
|---|
| HNLDESIGN: ""MOUSEOVER (HOVER) ON TOUCH DEVICES USING JQUERY"", 《HTTPS://WWW.HNLDESIGN.NL/WORK/CODE/MOUSEOVER-HOVER-ON-TOUCH-DEVICES-USING-JQUERY/》 * |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110457620A (en) * | 2019-08-15 | 2019-11-15 | 深圳乐信软件技术有限公司 | A kind of method, apparatus of page access, equipment and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109857503B (en) | 2023-04-07 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109597617A (en) | The method and apparatus for quickly generating the business page based on template | |
| CN103853812B (en) | Method and system for providing web page | |
| CN109739478A (en) | Front end project automated construction method, device, storage medium and electronic equipment | |
| CN109375918A (en) | Interface rendering method, device, electronic equipment and the storage medium of small routine | |
| CN109634490A (en) | A kind of list display method, device, equipment and storage medium | |
| CN110046310A (en) | The method and apparatus for analyzing the redirected link in the page | |
| CN109902255A (en) | Page mixing browsing record generation method, device, equipment and storage medium | |
| CN109783101A (en) | The page layout method and device of browser automatic adaptation | |
| CN109271403A (en) | A kind of operating method of data query, device, medium and electronic equipment | |
| CN110362225A (en) | Touch screen sample frequency control method, device, medium and electronic equipment | |
| CN110070496A (en) | Generation method, device and the hardware device of image special effect | |
| CN110069308A (en) | The page starts method, apparatus, electronic equipment and storage medium | |
| US20240126417A1 (en) | Method, form data processing method, apparatus, and electronic device for form generation | |
| CN109743381A (en) | Client and the long connection exchange method of server-side and device | |
| CN110070592A (en) | Generation method, device and the hardware device of special efficacy packet | |
| CN110069191A (en) | Image based on terminal pulls deformation implementation method and device | |
| CN109522082A (en) | Interface jump method, device, electronic equipment and the medium of application software | |
| CN110188299A (en) | Response type page processing method, device and electronic equipment | |
| CN105359104A (en) | Synchronization points for state information | |
| CN113392018B (en) | Traffic distribution method and device, storage medium and electronic equipment | |
| CN109684570A (en) | Web information processing method and device | |
| CN110059301A (en) | Data processing method, device, electronic equipment and computer readable storage medium | |
| CN107168738A (en) | A kind of management method of application tool, device, equipment and storage medium | |
| CN111723309A (en) | Method and device for searching web page | |
| CN110333843A (en) | Implementation method, device and the electronic equipment of virtual machine high-resolution timer |
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 |