CN106844656A - A kind of page adaptation method and system - Google Patents
A kind of page adaptation method and system Download PDFInfo
- Publication number
- CN106844656A CN106844656A CN201710049640.5A CN201710049640A CN106844656A CN 106844656 A CN106844656 A CN 106844656A CN 201710049640 A CN201710049640 A CN 201710049640A CN 106844656 A CN106844656 A CN 106844656A
- Authority
- CN
- China
- Prior art keywords
- mobile terminal
- page
- target pages
- page script
- attributive character
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
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
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Abstract
The invention discloses a kind of page adaptation method and system, methods described includes：The page script of the target pages that the reception server is returned；According to the attributive character of mobile terminal, to the component in the target pages, it is adjusted in page script；Target pages are generated according to the page script after adjustment and is displayed on the screen of the mobile terminal, so that the page of server adaptation matching.A kind of page adaptation method disclosed in the embodiment of the present invention, realizes the purpose of the correct display page on mobile terminals.
Description
Technical field
The present embodiments relate to technical field of data processing, more particularly to a kind of page adaptation method and system.
Background technology
With the increasingly fusion of mobile network and internet, the ability of mobile terminal is more and more diversified, by mobile whole
End accesses more Internet resources, and especially the page of magnanimity has become more and more urgent demand.But on internet absolutely
Most page initial design is all mainly for computer, rather than for mobile terminal.
Compared with computer, the characteristics of mobile terminal has obvious, for example screen is small, the markup language of support than relatively limited and
Call format is tightened up；Therefore, the existing page for computer can not directly be illustrated in mobile terminal.
The content of the invention
A kind of page adaptation method and system are the embodiment of the invention provides, to realize correct display page on mobile terminals
Face.
In a first aspect, the embodiment of the invention provides a kind of page adaptation method, the method includes：
The page script of the target pages that the reception server is returned；
According to the attributive character of mobile terminal, to the component in the target pages, adjusted in page script
It is whole；
Target pages are generated according to the page script after adjustment and is displayed on the screen of the mobile terminal.
Further, according to the attributive character of mobile terminal, to the component in the target pages, in page script
In be adjusted including：
Interactive program in invoking page script, and using the attributive character of mobile terminal as program |input paramete；
According to the operation result of interactive program, the attribute of component in changing target pages in page script.
Further, the component include it is following at least one：Font size, picture size, picture format, mark
Language format and audio frequency and video form.
Further, the attributive character of the mobile terminal include it is following at least one：Screen size and mobile terminal type
Number.
Further, according to the attributive character of mobile terminal, to the component in the target pages, in page script
In be adjusted including：
According to the attributive character of mobile terminal, using CSS technologies and JAVA script technologies, in the target pages
Component, be adjusted in page script.
Second aspect, the embodiment of the present invention additionally provides a kind of page adaptation system, and the system includes：
Receiver module, the page script of the target pages returned for the reception server；
Adjusting module, for the attributive character according to mobile terminal, to the component in the target pages, in the page
It is adjusted in script；
Display module, for according to the page script generation target pages after adjustment and being displayed in the screen of the mobile terminal
On curtain.
Further, the adjusting module includes：
Call unit, for the interactive program in invoking page script, and using the attributive character of mobile terminal as journey
Sequence |input paramete；
Changing unit, for the operation result according to interactive program, constitutes in changing target pages in page script
Attribute of an element.
Further, the component include it is following at least one：Font size, picture size, picture format, mark
Language format and audio frequency and video form.
Further, the attributive character of the mobile terminal include it is following at least one：Screen size and mobile terminal type
Number.
Further, the adjusting module specifically for：
According to the attributive character of mobile terminal, using CSS technologies and JAVA script technologies, in the target pages
Component, be adjusted in page script.
A kind of page adaptation method provided in an embodiment of the present invention, the page of the target pages returned by the reception server
Script；And according to the attributive character of mobile terminal, to the component in the target pages, adjusted in page script
It is whole；Finally according to page script generation target pages and the technology hand being displayed on the screen of the mobile terminal after adjustment
Section, realizes the purpose of the correct display page on mobile terminals.
Brief description of the drawings
Fig. 1 is a kind of page adaptation method flow schematic diagram that the embodiment of the present invention one is provided；
Fig. 2 is a kind of page adaptation method flow schematic diagram that the embodiment of the present invention two is provided；
Fig. 3 is a kind of page adaptation system structural representation that the embodiment of the present invention three is provided.
Specific embodiment
The present invention is described in further detail with reference to the accompanying drawings and examples.It is understood that this place is retouched
The specific embodiment stated is used only for explaining the present invention, rather than limitation of the invention.It also should be noted that, in order to just
Part rather than entire infrastructure related to the present invention is illustrate only in description, accompanying drawing.
It should be mentioned that some exemplary embodiments are described as before exemplary embodiment is discussed in greater detail
The treatment described as flow chart or method.Although every step to be described as flow chart the treatment of order, therein to be permitted
Multi-step can be implemented concurrently, concomitantly or simultaneously.Additionally, the order of every step can be rearranged.When it
The treatment can be terminated when step is completed, it is also possible to have the additional step being not included in accompanying drawing.The treatment
Can correspond to method, function, code, subroutine, subprogram etc..
Embodiment one
Fig. 1 is a kind of page adaptation method flow diagram that the embodiment of the present invention one is provided, and the method is applicable to internet
The situation that the page is shown in mobile terminal, can be performed by page adaptation system.The system can be by hardware and/or soft
The mode of part is realized.The method specifically includes following steps：
The page script of the target pages that step 110, the reception server are returned.
Specifically, after server receives the accessing page request that mobile terminal is sent, according to the accessing page request
The page script of target pages is returned to mobile terminal, correspondingly, the page of the target pages that mobile terminal the reception server is returned
Face script.
The mobile terminal can be specifically mobile phone, panel computer etc., but be not limited thereto.The target pages are specific
Refer to the information carrier that the information visuallizations such as word, figure are presented, such as Webpage, according to development language and development environment
Difference, can be the different types of page.
Step 120, the attributive character according to mobile terminal, to the component in the target pages, in page script
In be adjusted.
Because most of page initial design is all mainly for computer, rather than for mobile whole on internet
End, and compared with computer, the characteristics of mobile terminal has obvious, such as screen is small, and the markup language of support is than relatively limited and lattice
Formula requirement is tightened up, therefore target pages on internet tend not to directly display on mobile terminals, in order that institute
Stating target pages can correctly show on mobile terminals, it is necessary to the attributive character according to mobile terminal is entered to the target pages
Row adjustment, the attributive character of the mobile terminal refers specifically to characterize the ability that mobile terminal adapts to the page, such as mobile terminal
Whether screen size can completely show the target pages；Mobile terminal supports whether the ability of picture format can correctly solve
Picture in the analysis loading target pages etc.；If the component in the attributive character of mobile terminal and the target pages
(such as picture format, audio frequency and video form) mismatch, the target pages then can not correctly show on the mobile terminal, because
This needs the attributive character according to mobile terminal, to the component in the target pages, is adjusted in page script.
Step 130, target pages and it is displayed on the screen of the mobile terminal according to the page script generation after adjustment.
A kind of page adaptation method that the present embodiment is provided, the page pin of the target pages returned by the reception server
This；And according to the attributive character of mobile terminal, to the component in the target pages, be adjusted in page script；
It is real finally according to page script generation target pages and the technological means being displayed on the screen of the mobile terminal after adjustment
The purpose of the correct display page is on mobile terminals showed.
Embodiment two
Fig. 2 is a kind of page adaptation method flow schematic diagram that the embodiment of the present invention two is provided, on the basis of embodiment one
On, the present embodiment has carried out further optimization, and referring specifically to shown in Fig. 2, the method is specific as follows：
The page script of the target pages that step 210, the reception server are returned.
Interactive program in step 220, invoking page script, and be input into the attributive character of mobile terminal as program
Parameter.
Exemplarily, the attributive character of the mobile terminal include it is following at least one：Screen size and mobile terminal type
Number；Mobile terminal model often carries a lot on the various performance informations of mobile terminal.The picture that for example mobile terminal is supported
Form and markup language etc..
Step 230, the operation result according to interactive program, component in changing target pages in page script
Attribute.
Exemplarily, the component include it is following at least one：Font size, picture size, picture format, mark
Language format and audio frequency and video form.
Further, according to the attributive character of mobile terminal, to the component in the target pages, in page script
In be adjusted including：
According to the attributive character of mobile terminal, using CSS technologies and JAVA script technologies, in the target pages
Component, be adjusted in page script；For example according to the size of mobile terminal screen, using CSS technologies and JAVA
Font size in target pages described in script technological adjustment, specifically, changing the target pages by CSS technologies first
Root font units, the root font unit in the target pages is converted into the font in units of rem, further according to shifting
The screen size of dynamic terminal, the root font size of the target pages is changed by JavaScript technologies, so that the target
Being sized to of the page is correctly adapted to the mobile terminal screen size.
Step 240, target pages and it is displayed on the screen of the mobile terminal according to the page script generation after adjustment.
A kind of page adaptation method that the present embodiment is provided, on the basis of above-described embodiment technical scheme, by calling
Interactive program in page script, and using the attributive character of mobile terminal as program |input paramete, according to interactive program
Operation result, the attribute of component in target pages is changed in the page script, finally according to the page script after adjustment
Generation target pages and the technological means being displayed on the screen of the mobile terminal, realize correct display on mobile terminals
The purpose of the page.
Embodiment three
Fig. 3 is a kind of structured flowchart of page adaptation system that the embodiment of the present invention three is provided, and typically, the system can be with
It is integrated into terminal, for example mobile phone, panel computer etc.；Referring specifically to shown in Fig. 3, the system specifically includes as follows：
Receiver module 310, adjusting module 320 and display module 330；Wherein, receiver module 310, for the reception server
The page script of the target pages of return；
Adjusting module 320, for the attributive character according to mobile terminal, to the component in the target pages,
It is adjusted in page script；
Display module 330, for generating target pages according to the page script after adjustment and being displayed in the mobile terminal
Screen on.
Further, adjusting module 320 includes：
Call unit, for the interactive program in invoking page script, and using the attributive character of mobile terminal as journey
Sequence |input paramete；
Changing unit, for the operation result according to interactive program, constitutes in changing target pages in page script
Attribute of an element.
Exemplarily, the component include it is following at least one：Font size, picture size, picture format, mark
Language format and audio frequency and video form.
Exemplarily, the attributive character of the mobile terminal include it is following at least one：Screen size and mobile terminal type
Number.
Further, adjusting module 320 specifically for：
According to the attributive character of mobile terminal, using CSS technologies and JAVA script technologies, in the target pages
Component, be adjusted in page script.
A kind of page adaptation method that the present embodiment is provided, the page pin of the target pages returned by the reception server
This；And according to the attributive character of mobile terminal, to the component in the target pages, be adjusted in page script；
It is real finally according to page script generation target pages and the technological means being displayed on the screen of the mobile terminal after adjustment
The purpose of the correct display page is on mobile terminals showed.
The said goods can perform the method that any embodiment of the present invention is provided, and possess the corresponding functional module of execution method
And beneficial effect.Not ins and outs of detailed description in the present embodiment, reference can be made to the side that any embodiment of the present invention is provided
Method.
It will be appreciated by those skilled in the art that all or part of step in realizing above-described embodiment method can be by
Program is completed to instruct the hardware of correlation, and the program storage is in a storage medium, including some instructions are used to so that one
Individual equipment (can be single-chip microcomputer, chip etc.) or processor (processor) perform the application each embodiment methods described
All or part of step.And foregoing storage medium includes：USB flash disk, mobile hard disk, read-only storage (ROM, Read-Only
Memory), random access memory (RAM, Random Access Memory), magnetic disc or CD etc. are various can store journey
The medium of sequence code.
Note, above are only presently preferred embodiments of the present invention and institute's application technology principle.It will be appreciated by those skilled in the art that
The invention is not restricted to specific embodiment described here, can carry out for a person skilled in the art various obvious changes,
Readjust and substitute without departing from protection scope of the present invention.Therefore, although the present invention is carried out by above example
It is described in further detail, but the present invention is not limited only to above example, without departing from the inventive concept, also
More other Equivalent embodiments can be included, and the scope of the present invention is determined by scope of the appended claims.
Claims (10)
1. a kind of page adaptation method, it is characterised in that including：
The page script of the target pages that the reception server is returned；
According to the attributive character of mobile terminal, to the component in the target pages, it is adjusted in page script；
Target pages are generated according to the page script after adjustment and is displayed on the screen of the mobile terminal.
2. method according to claim 1, it is characterised in that according to the attributive character of mobile terminal, to the page object
Component in face, be adjusted in page script including：
Interactive program in invoking page script, and using the attributive character of mobile terminal as program |input paramete；
According to the operation result of interactive program, the attribute of component in changing target pages in page script.
3. method according to claim 2, it is characterised in that the component include it is following at least one：Font is big
Small, picture size, picture format, markup language and audio frequency and video form.
4. method according to claim 2, it is characterised in that the attributive character of the mobile terminal includes following at least
：Screen size and mobile terminal model.
5. the method according to Claims 2 or 3 or 4, it is characterised in that according to the attributive character of mobile terminal, to described
Component in target pages, be adjusted in page script including：
According to the attributive character of mobile terminal, using CSS technologies and JAVA script technologies, to the group in the target pages
Into element, it is adjusted in page script.
6. a kind of page adaptation system, it is characterised in that including：
Receiver module, the page script of the target pages returned for the reception server；
Adjusting module, for the attributive character according to mobile terminal, to the component in the target pages, in page script
In be adjusted；
Display module, for according to the page script generation target pages after adjustment and being displayed in the screen of the mobile terminal
On.
7. system according to claim 6, it is characterised in that the adjusting module includes：
Call unit, it is for the interactive program in invoking page script and the attributive character of mobile terminal is defeated as program
Enter parameter；
Changing unit, for the operation result according to interactive program, component in changing target pages in page script
Attribute.
8. system according to claim 7, it is characterised in that the component include it is following at least one：Font is big
Small, picture size, picture format, markup language and audio frequency and video form.
9. system according to claim 7, it is characterised in that the attributive character of the mobile terminal includes following at least
：Screen size and mobile terminal model.
10. the system according to claim 7 or 8 or 9, it is characterised in that the adjusting module specifically for：
According to the attributive character of mobile terminal, using CSS technologies and JAVA script technologies, to the group in the target pages
Into element, it is adjusted in page script.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710049640.5A CN106844656A (en) | 2017-01-23 | 2017-01-23 | A kind of page adaptation method and system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710049640.5A CN106844656A (en) | 2017-01-23 | 2017-01-23 | A kind of page adaptation method and system |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN106844656A true CN106844656A (en) | 2017-06-13 |
Family
ID=59120073
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710049640.5A Pending CN106844656A (en) | 2017-01-23 | 2017-01-23 | A kind of page adaptation method and system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106844656A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107402757A (en) * | 2017-07-11 | 2017-11-28 | 北京潘达互娱科技有限公司 | Page rendering method and device |
| CN107526592A (en) * | 2017-08-22 | 2017-12-29 | 广州市百果园信息技术有限公司 | A kind of page adaptation method and apparatus |
| CN109614101A (en) * | 2018-11-12 | 2019-04-12 | 深圳和而泰数据资源与云技术有限公司 | Page generation method, system, device, computer equipment and storage medium |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102902805A (en) * | 2012-10-15 | 2013-01-30 | 东软集团股份有限公司 | Page access method and device |
| CN103412928A (en) * | 2013-08-16 | 2013-11-27 | 北京乐动卓越科技有限公司 | Method and device for realizing browser page intelligent response-type layout on mobile terminal |
| CN104820589A (en) * | 2015-04-24 | 2015-08-05 | 美通云动（北京）科技有限公司 | Method and device for dynamically adapting webpage |
-
2017
- 2017-01-23 CN CN201710049640.5A patent/CN106844656A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102902805A (en) * | 2012-10-15 | 2013-01-30 | 东软集团股份有限公司 | Page access method and device |
| CN103412928A (en) * | 2013-08-16 | 2013-11-27 | 北京乐动卓越科技有限公司 | Method and device for realizing browser page intelligent response-type layout on mobile terminal |
| CN104820589A (en) * | 2015-04-24 | 2015-08-05 | 美通云动（北京）科技有限公司 | Method and device for dynamically adapting webpage |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107402757A (en) * | 2017-07-11 | 2017-11-28 | 北京潘达互娱科技有限公司 | Page rendering method and device |
| CN107526592A (en) * | 2017-08-22 | 2017-12-29 | 广州市百果园信息技术有限公司 | A kind of page adaptation method and apparatus |
| CN109614101A (en) * | 2018-11-12 | 2019-04-12 | 深圳和而泰数据资源与云技术有限公司 | Page generation method, system, device, computer equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11144711B2 (en) | Webpage rendering method, device, electronic apparatus and storage medium | |
| US8930824B2 (en) | Facilitating propagation of user interface patterns or themes | |
| CN103517158B (en) | Method, device and system for generating videos capable of showing video notations | |
| US20190339820A1 (en) | Displaying a subset of menu items based on a prediction of the next user-actions | |
| US8682964B1 (en) | Progressively loading network content | |
| CN110020329B (en) | Method, device and system for generating webpage | |
| US9876879B2 (en) | Distributed network page generation | |
| US9906626B2 (en) | Resource demand-based network page generation | |
| CN105786207A (en) | Information input method and device | |
| EP2874054A1 (en) | Application text adjusting method, device, and terminal | |
| CN106844656A (en) | A kind of page adaptation method and system | |
| US11093705B2 (en) | Apparatus and method of verifying simultaneous edit match for markup language-based document | |
| KR20200104899A (en) | Digital component background rendering | |
| CN111880813B (en) | Method for realizing android card UI (user interface) and storage medium | |
| CN108984070B (en) | Method, apparatus, electronic device and readable medium for thermodynamic diagram imaging | |
| CN107426588B (en) | Method, system and storage device for acquiring television set configuration information | |
| EP4080507A1 (en) | Method and apparatus for editing object, electronic device and storage medium | |
| CN114168853A (en) | Data visualization display method, device, medium and electronic equipment | |
| CN117390326A (en) | Page management method, device, equipment and storage medium | |
| CN106293671B (en) | Method and device for generating component template | |
| CN110618811A (en) | Information presentation method and device | |
| CN113254819B (en) | Page rendering method, system, equipment and storage medium | |
| US8856653B2 (en) | Video display apparatus, video display management apparatus, video display method and video display management method | |
| CN111783006A (en) | Page generation method and device, electronic equipment and computer readable medium | |
| US9870348B1 (en) | Mapping behavior to data |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170613 |
|
| RJ01 | Rejection of invention patent application after publication |