CN102314502B - A kind of method and apparatus for showing webpage body content on mobile terminals - Google Patents
A kind of method and apparatus for showing webpage body content on mobile terminals Download PDFInfo
- Publication number
- CN102314502B CN102314502B CN201110257220.9A CN201110257220A CN102314502B CN 102314502 B CN102314502 B CN 102314502B CN 201110257220 A CN201110257220 A CN 201110257220A CN 102314502 B CN102314502 B CN 102314502B
- Authority
- CN
- China
- Prior art keywords
- webpage
- body matter
- display
- information
- 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.)
- Active
Links
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
It is an object of the invention to provide a kind of method and apparatus for showing webpage body content on mobile terminals.It obtains the body matter in webpage;According to the first pre-defined rule, and the resolution based on this body matter size related information in the web page and the display screen of this mobile terminal, obtain the display scaling information of this webpage;According to this display scaling information, process is zoomed in and out to the webpage comprising this body matter;Positional information in webpage after processing through described scaling for the body matter according to described scaled process, this body matter is shown on described display screen in a predefined manner.Compared with prior art, the present invention realizes for the webpage body content such as video, picture being suitable for the ratio that user browses showing within display screen, to reduce the user rolling to webpage and zoom operations in mobile terminal screen, mitigate the operating burden that user browses webpage, thus lifting the experience of user.
Description
Technical field
The present invention relates to technical field of the computer network, more particularly, to a kind of technology for showing web page contents.
Background technology
When prior art carries out the such as display of video or picture webpage in mobile phone browser, due to mobile phone screen size
Restriction, itself or webpage is reduced to ensure that webpage full content can show on mobile phone screen, thus lead to webpage
Video or image content are difficult to distinguish;Or in mobile phone screen, only show the web page contents in the webpage upper left corner, and do not consider to use
Family wants whether the video browsing or picture are located at this region;In said circumstances, if user want clearly to browse described in regard
Frequency or picture, need to roll this webpage in mobile phone screen to position described video or picture, and operate zoom control that webpage is entered
Row scaling, so that described video or picture are suitable for the size that user browses and are shown on mobile phone screen.Above two situation
Both increase the operating burden that user browses webpage by mobile phone, thus affecting user experience.
Therefore, how to realize effectively showing web page contents in the terminal, become current problem demanding prompt solution it
One.
Content of the invention
It is an object of the invention to provide a kind of method and apparatus for showing web page contents in the terminal.
According to an aspect of the present invention, provide a kind of side for showing web page contents realizing in the terminal
Method, wherein, the method comprises the following steps:
A obtains the body matter in pending webpage;
B according to the first pre-defined rule, and based on size related information in described webpage for the described body matter and described
The resolution of the display screen of mobile terminal, obtains the display scaling information of described webpage;
C, according to described display scaling information, zooms in and out process to the described webpage comprising described body matter;
D, will according to the positional information in webpage after processing through described scaling of the body matter of described scaled process
Described body matter is shown on described display screen in a predefined manner.
According to another aspect of the present invention, provide a kind of realize in the network device for assisting mobile terminal to show
The method of web page contents, wherein, the method comprises the following steps::
The body matter that A obtains the webpage from mobile terminal determines request;
B determines request according to described body matter, obtains described webpage;
C, according to the second pre-defined rule, obtains the identification information of the body matter of described webpage;
D sends described identification information to described mobile terminal.
According to a further aspect of the invention, additionally provide a kind of mobile terminal for showing web page contents, wherein, should
Mobile terminal includes:
Body matter acquisition device, for obtaining the body matter in pending webpage;
Percent information acquisition device, for according to the first pre-defined rule, and based on described body matter in described webpage
Size related information and described mobile terminal display screen resolution, obtain described webpage display scaling letter
Breath;
Scaling processing meanss, for according to described display scaling information, to the described net comprising described body matter
Page zooms in and out process;
Body matter display device, for the body matter according to described scaled process after processing through described scaling
Positional information in webpage, described body matter is shown on described display screen in a predefined manner.
According to a further aspect of the invention, additionally provide a kind of network for assisting mobile terminal display web page contents
Equipment, wherein, this network equipment includes:
Acquisition request device, the body matter for obtaining the webpage from mobile terminal determines request;
Webpage acquisition device, for determining request according to described body matter, obtains described webpage;
Identification information device, for according to the second pre-defined rule, obtaining the identification information of the body matter of described webpage;
Dispensing device, for sending described identification information to described mobile terminal.
According to a further aspect of the invention, additionally provide a kind of system for showing web page contents, including such as above-mentioned
Mobile device and the network equipment.
According to a further aspect of the invention, additionally provide a kind of browser, it to be held by running on mobile terminals
The above-mentioned method according to one aspect of the invention for showing web page contents of row.
According to a further aspect of the invention, additionally provide a kind of browser plug-in, it is by moving with browser cooperation
Run in dynamic terminal to execute the above-mentioned method according to one aspect of the invention for showing web page contents.
Compared with prior art, the present invention realizes the webpage body content such as video, picture is suitable for user and is browsed
Ratio show within display screen, to reduce the rolling to webpage in mobile terminal screen for the user and zoom operations, mitigate
User browses the operating burden of webpage, and then lifts Consumer's Experience.
Brief description
By reading the detailed description that non-limiting example is made made with reference to the following drawings, other of the present invention
Feature, objects and advantages will become more apparent upon:
Fig. 1 illustrates according to one aspect of the invention for showing the equipment schematic diagram of web page contents;
Fig. 2 illustrates that one is used for showing the exemplary plot of web page contents according to the present invention;
Fig. 3 illustrates the equipment schematic diagram for showing web page contents in accordance with a preferred embodiment of the present invention;
Fig. 4 illustrates the method flow diagram for showing web page contents according to a further aspect of the present invention;
Fig. 5 illustrates the method flow diagram for showing web page contents in accordance with a preferred embodiment of the present invention.
In accompanying drawing, same or analogous reference represents same or analogous part.
Specific embodiment
Below in conjunction with the accompanying drawings the present invention is described in further detail.
Fig. 1 illustrates according to one aspect of the invention for showing the equipment schematic diagram of web page contents.Mobile terminal 1 includes
Body matter acquisition device 11, percent information acquisition device 12, scaling processing meanss 13 and body matter display device 14.?
This, mobile terminal 1 is included but is not limited to any one and can be carried out by keyboard, remote control, touch pad or voice-operated device with user
Man-machine interaction and there is the electronic equipments such as the function that surfs the web, such as smart mobile phone, PDA, POS, vehicle-mounted computer etc., its display
Screen dimensions are generally much smaller than the display sizes of desktop computer.
As shown in figure 1, first, body matter acquisition device 11 obtains the body matter in pending webpage.
Specifically, body matter acquisition device 11 answers event triggering to receive in real time or termly from the webpage of mobile terminal 1
The body matter in pending webpage and this pending webpage is obtained in Zang Ku or third party device.Here, described main body
Content means the content needing in webpage to show emphatically to user, including but not limited to:
1) picture;
2) video;
3) word content block.
Those skilled in the art will be understood that aforementioned body content is only for example, and other are existing or are likely to occur from now on
Body matter is such as applicable to the present invention, within also should being included in the scope of the present invention, and is incorporated herein with way of reference.
In one example, the application programming interface (API) that body matter acquisition device 11 provides according to third party device, should
Event triggering sends the request receiving the body matter in certain pending webpage in real time or termly to this third party device
Message, and receive the body matter in this pending webpage that this third party device returns in response to this request message;Or the
Three method, apparatus actives push the body matter in certain pending webpage to mobile terminal 1, and webpage acquisition device 11 receives this and treats
Body matter in the webpage processing.
Those skilled in the art will be understood that the mode of the body matter in the pending webpage of above-mentioned acquisition is only for example,
The mode of the body matter in the pending webpage of other acquisitions that are existing or being likely to occur from now on is such as applicable to the present invention,
Also within the scope of the present invention should being included in, and it is incorporated herein with way of reference.
Then, percent information acquisition device 12 is according to the first pre-defined rule, and obtained based on body matter acquisition device 11
Size related information in described webpage for the body matter and described mobile terminal display screen resolution, obtain described
The display scaling information of webpage.
Specifically, first, percent information acquisition device 12 is for example pending according to body matter acquisition device 11 acquisition
Webpage in identification information in the html file of this webpage for the body matter, read this master from the html file of this webpage
The internal size related information held, and inquiry obtains the display screen of this mobile terminal 1 from the parameter information storehouse of mobile terminal 1
Resolution;Then, percent information acquisition device 12 is according to the first pre-defined rule, and the chi in webpage based on this body matter
The resolution of the display screen of very little relevant information and this mobile terminal 1, obtains the display scaling information of this webpage.
Wherein, described first pre-defined rule includes but is not limited to:
1) body matter is zoomed in and out in the way of being displayed in full screen displaying;
2) on the premise of ensureing that body matter can all be shown on the display screen of mobile terminal 1, with close to main
The internal displaying ratio holding original size zooms in and out displaying.
Here, size related information in webpage for the described body matter includes but is not limited to:
Width in the webpage for-body matter and high numerical value,
Width in the webpage for-body matter and height account for this webpage width and high percentage ratio.
For example, when body matter is pictures, its size related information can default to the original wide high number of this picture
Value;If explicitly arranging the high numerical value of display width of this picture in webpage, such as the picture tag in the html file of this webpage belongs to
Shown in property, then the size related information in webpage as this picture.
Here, the mode of the described display scaling information obtaining webpage includes but is not limited to:
1) when the first pre-defined rule includes zooming in and out body matter in the way of being displayed in full screen displaying, percent information obtains
Take device 12 obtain the size (e.g., in units of pixel) of body matter is zoomed to consistent with display screen resolution size
When this webpage display scaling information.
In one example, the size of body matter is 120*140 (=wide * is high), and the resolution sizes of display screen are 100*
100, then need for this body matter to be contracted to 100*100 according to display resolution, accordingly, percent information acquisition device 12 obtains
The display scaling information of webpage is:Wide be contracted to 5/6 wide (=100/120) of former webpage, it is high that height is contracted to former webpage
5/7 (=100/140).
2) on the premise of the first pre-defined rule includes can all showing on the display screen in guarantee body matter, with
Displaying ratio close to body matter original pixels size zooms in and out, and percent information acquisition device 12 obtains the display contracting of webpage
The mode putting percent information includes but is not limited to scenario described below:
A. when body matter width and high be respectively less than display screen resolution wide and high when, then need body matter with former
Beginning size is shown, and therefore the display scaling information of the webpage that percent information acquisition device 12 obtains is 1: 1, i.e. webpage
Width and height do not carry out any scaling.
B. when the width of body matter and the high width from display screen resolution and high different when, then need to be from body matter
Wide/height and display screen resolution width/senior middle school, obtain the little width of numerical value that compares/height as scaling benchmark, comprise this with determination
The scaling of the webpage of body matter.In one example, the size of body matter is 100*50, and display screen resolution is
60*70, then need to be shown body matter with the size of 60*50, the webpage being obtained by this percent information acquisition device 12
Show that scaling information is:Wide be contracted to 3/5 wide (=60/100) of former webpage, high with former webpage is 1: 1 at high proportion, that is,
The height of webpage does not zoom in and out.
Those skilled in the art will be understood that the mode of the display scaling information of above-mentioned acquisition webpage is only for example, its
He will such as be applicable to the present invention at the mode showing scaling information obtaining webpage that is existing or being likely to occur from now on, also should
Within being included in the scope of the present invention, and it is incorporated herein with way of reference.
Preferably, percent information acquisition device 12 is according to described first pre-defined rule, and based on body matter in webpage
Size related information and mobile terminal 1 display screen resolution, obtain the display that this webpage carried out with equal proportion scaling
Scaling information.Here, described equal proportion scaling means and for the width of webpage and height to carry out zooming in or out of same ratio, and
And the width of the body matter in this webpage and height also can be correspondingly scaling or reduce with this identical.
In one example, the size of body matter is 100*50, and display screen resolution is 50*70, if first establishes rules in advance
It is then on the premise of ensureing that body matter can all show on the display screen, with close to body matter original pixels size
Displaying ratio zoom in and out, and the width of body matter and height need to be reduced in the same scale, then this body matter
Size after reducing should be 50*25, and the display scaling information of the webpage being obtained by this percent information acquisition device 12 is:Wide
All it is contracted to wide and high 1/2 of former webpage with height.
Here, the display that webpage is carried out with equal proportion scaling that mobile terminal 1 obtains according to percent information acquisition device 12
Scaling information, carries out equal proportion scaling to this webpage, and the web page contents after scaling can be made will not to deform, clear to ensure user
Look at experience.
Those skilled in the art will be understood that the mode of above-mentioned acquisition web displaying scaling information is only for example, other
The mode of acquisition web displaying scaling information that is existing or being likely to occur from now on is such as applicable to the present invention, also should comprise
Within the scope of the present invention, and it is incorporated herein with way of reference.
Subsequently, the display scaling information that scaling processing meanss 13 obtain according to percent information acquisition device 12, to bag
Webpage containing body matter zooms in and out process.
Specifically, the display scaling letter of the webpage that scaling processing meanss 13 obtain according to percent information acquisition device 12
Breath, for example, pass through to show the webpage rendering module in the browser of this webpage, the webpage comprising body matter to this carries out waiting ratio
The scaling of example or non-equal proportion renders process, to obtain the webpage after scaling.In one example, percent information acquisition device 12 obtains
The display scaling information of the webpage taking is:Wide and high be all contracted to former webpage wide and high 1/2;Scaling processing meanss 13 are led to
Cross the application programming interface (API) that the webpage rendering module in the browser showing this webpage is provided, to webpage rendering module
Send the request message that this webpage is zoomed in and out with process, this request message includes this display scaling information;Subsequently, this net
Page rendering module, according to this request message, carries out rendering process to this webpage, the width of former webpage and height is all contracted to former webpage
Wide and high 1/2.
Those skilled in the art will be understood that the above-mentioned mode that webpage is zoomed in and out with process is only for example, and other are existing
Or the mode that webpage is zoomed in and out with process that is likely to occur such as is applicable to the present invention from now on, present invention protection also should be included in
Within scope, and it is incorporated herein with way of reference.
Subsequently, body matter display device 14 according to body matter the webpage after scaled processing meanss 13 scaling is processed
In positional information, this body matter is shown on the display screen in a predefined manner.
Specifically, body matter display device 14 according to body matter the net after scaled processing meanss 13 scaling is processed
The upper left corner in page and lower right position coordinate, this body matter is shown on the display screen in a predefined manner.
Here, described predetermined way includes but is not limited to:
1) display all over the screen;
2) it is shown centered in display screen;
3) show at display screen top;
4) show in display screen bottom.
Here, showing that the rule of described body matter includes but is not limited within display screen:
1) when predetermined way is for display all over the screen, then body matter display device 14 with body matter the position in webpage
Coordinate, as the starting point of screen display, body matter is shown on screen.In one example, after scaled process
The position coordinateses in the upper left corner of webpage are (0,0), the upper left corner of the body matter position coordinateses in the webpage after scaling process
For (50,10), then when this body matter is shown on the display screen of mobile terminal 1 body matter display device 14, should
The starting point that pixel coordinate (50,10) in webpage for the body matter shows as the screen upper left corner, shows this net on screen
Page.
2) body matter display device 14 according to body matter scaled process after webpage in the upper left corner and bottom right
Angle Position coordinate, can obtain the size of this body matter, if the display screen being smaller in size than mobile terminal 1 of this body matter
Resolution, that is, this body matter only need the subregion taking this display screen can all show, then body matter display dress
Put 14 when being shown in this body matter on this display screen, in the way of browsing by appropriate user, show this scaled process
Webpage afterwards, such as body matter is shown in the middle of screen or below screen etc..In one example, as shown in Fig. 2 scaled place
The position coordinateses in the upper left corner in the web page of the body matter in webpage after reason are (20,50), then body matter display dress
Put 14 by position coordinateses point (5,10) in this webpage as the starting point of screen display, this webpage is shown on screen, to protect
Demonstrate,prove this body matter and be illustrated in screen centre position.
Those skilled in the art will be understood that above-mentioned body matter is shown that mode on the display screen is only for example, its
He will such as be applicable to the present invention at the mode showing body matter on the display screen that is existing or being likely to occur from now on, also should
Within being included in the scope of the present invention, and it is incorporated herein with way of reference.
Preferably, body matter acquisition device 11, percent information acquisition device 12, scaling processing meanss 13 and body matter
It is continuously to work between display device 14.Specifically, body matter acquisition device 11 constantly obtains pending net
Body matter in page;Percent information acquisition device 12 is also constantly according to the first pre-defined rule, and is based on described body matter
The resolution of the display screen of the size related information in described webpage and described mobile terminal, obtains the display of described webpage
Scaling information;Scaling processing meanss 13 also constantly according to described display scaling information, to comprising in described main body
The described webpage holding zooms in and out process;Body matter display device 14 is also constantly in the main body according to described scaled process
The positional information in webpage after scaling process described in Rong Jing, described body matter is shown in described display in a predefined manner
On screen.Here, it will be understood by those skilled in the art that " continuing " refers to that each device is constantly carried out in above-mentioned pending webpage
The acquisition of body matter, the display of the acquisition, the scaling of webpage and body matter of display scaling information, until meet predetermined
Stop condition, such as body matter acquisition device 11 stop obtaining to the body matter in pending webpage in a long time
Take.
Preferably (with reference to Fig. 1), percent information acquisition device 12 size related information in webpage according to body matter
With the screen resolution of mobile terminal, and combine this webpage display mode, obtain described webpage display scaling information.
Here, the display mode of described webpage includes but is not limited to:
1) transverse screen shows, then percent information acquisition device 12 will obtain display contracting according to the transverse screen resolution of display screen
Put percent information.
2) portrait layout shows, then percent information acquisition device 12 will obtain display contracting according to the portrait layout resolution of display screen
Put percent information.
3) it is displayed in full screen, then percent information acquisition device 12 will show pantograph ratio according to display screen resolution acquiring size
Example information.
4) non-full screen display, then percent information acquisition device 12 by according to this webpage in the display occupying on the display screen
Size obtains display scaling information.
In one example, the size of body matter is 150*90, and the screen resolution that the portrait layout of mobile terminal 1 shows is
100*150, the screen resolution that transverse screen shows is 150*100, if then the display mode of this webpage shows for transverse screen, in main body
The size held does not need any scaling can all show on the display screen, is obtained accordingly by this percent information acquisition device 12
Webpage display scaling information be 1: 1, that is, the width of webpage and height do not carry out any scaling;If the display side of this webpage
Formula shows for portrait layout and need to carry out equal proportion scaling to webpage, then in order to make this body matter, all display on the display screen, needs
This body matter size reduction is 100*60, the display scaling of the corresponding webpage being obtained by this percent information acquisition device 12
Percent information is:Webpage is wide and high be all contracted to former webpage wide and high 2/3.
Those skilled in the art will be understood that the display mode of above-mentioned webpage is only for example, and other are existing or from now on may
The display mode of the webpage occurring such as is applicable to the present invention, within also should being included in the scope of the present invention, and with the side of quoting
Formula is incorporated herein.
Preferably (with reference to Fig. 1), the main body that body matter display device 14 is processed according to scaled processing meanss 13 scaling
Positional information in the webpage after scaled process for the content, and combine user related information, by this body matter with predetermined aobvious
The mode of showing is shown on the display screen of mobile terminal 1.
Here, described user related information includes but is not limited to:
1) user preference setting;For example, when user preference setting illustrates that body matter is showed in screen user preset
Between position, then body matter display device 14 according to body matter scaled process after webpage in positional information, in conjunction with
This user preference is arranged, and this body matter is shown on the display screen centre position of mobile terminal 1.
2) user's history browses record;For example, body matter display device 14 is carried out by user's history is browsed with record
Statistical analysiss, obtain the accumulative use that this user's history browses the various display modes showing body matter during webpage on screen
Number of times;And then body matter display device 14 according to body matter scaled process after webpage in positional information, should
Body matter adds up, with this user, the display screen that access times highest display mode is shown in mobile terminal 1 in history
On.
Those skilled in the art will be understood that above-mentioned user related information is only for example, and other are existing or may go out from now on
Existing user related information is such as applicable to the present invention, within also should being included in the scope of the present invention, and with way of reference bag
It is contained in this.
Here, the mode that body matter display device 14 obtains this user related information includes but is not limited to:
1) pass through to obtain in left log-on message during mobile terminal 1 log-on webpage according to user;
2) according to recorded by mobile terminal 1 or the network equipment during user browses webpage by mobile terminal 1 or
Obtained by the user's history behavioural information extracted in the cookies information of mobile terminal 1.
Those skilled in the art will be understood that the mode of above-mentioned display body matter is only for example, and other are existing or from now on
The mode of the display body matter being likely to occur such as is applicable to the present invention, within also should being included in the scope of the present invention, and
It is incorporated herein with way of reference.
Fig. 3 illustrates the equipment schematic diagram for showing web page contents in accordance with a preferred embodiment of the present invention.Network sets
Standby 2 include acquisition request device 21 ', webpage acquisition device 22 ', identification information device 23 ' and dispensing device 24 '.Wherein, ask
The body matter that acquisition device 21 ' obtains the webpage from mobile terminal 1 determines request;Webpage acquisition device 22 ' is according to described
Body matter determines request, obtains described webpage;Identification information device 23 ', according to the second pre-defined rule, obtains described webpage
The identification information of body matter;Dispensing device 24 ' sends described identification information to described mobile terminal 1.The master of mobile terminal 1
Body content acquisition unit 11 ' includes request transmitting unit 111 ', information receiving unit 112 ' and contents acquiring unit 113 '.Its
In, the body matter that request transmitting unit 111 ' sends described webpage to the network equipment 2 determines request;Information receiving unit 112 '
Receive the identification information of the described body matter that the described network equipment feeds back in response to the determination request of described body matter;Content
Acquiring unit 113 ', according to described identification information, obtains described body matter from described webpage.
Here, the described network equipment 2 includes but is not limited to computer, network host, single network server, multiple network
Server set or the cloud of multiple server composition.Here, cloud is by a large amount of computers based on cloud computing (Cloud Computing)
Or the webserver is constituted, wherein, cloud computing is one kind of Distributed Calculation, is made up of a group loosely-coupled computer collection
One super virtual computer.
Here, the function of device 12 ', 13 ' and 14 ' shown in Fig. 2 with above with reference to the device 12,13 described by Fig. 1 and
14 content is identical, for simplicity's sake, it is incorporated herein with way of reference, and does not repeat.
Work in coordination between each device of mobile terminal 1 and the network equipment 2, to realize the display of webpage body content.
Specifically, the request transmitting unit 111 ' of mobile terminal 1 sends in the main body of this webpage obtaining to the network equipment 2
Hold and determine request, for example, can be encapsulated as a request message, such as http request message, and by corresponding communication protocol, such as
Http, https communication protocol, sends to the network equipment 2;
Then, the acquisition request device 21 ' of the network equipment 2 receives and parses through this request in real time by way of monitoring and disappears
Breath, the body matter obtaining the webpage of request transmitting unit 111 ' from mobile terminal 1 determines request;
Subsequently, webpage acquisition device 22 ' determines request according to this body matter, extracts this body matter and determines in request
Banner information, such as webpage URL, and according to this banner information matching inquiry in web page repository, comprised with obtaining
The pending webpage of body matter, here, described web page repository comprises banner information and its corresponding webpage etc.;
Then, identification information device 23 ', according to the second pre-defined rule, obtains the identification information of the body matter of this webpage.
Wherein, the identification information of described body matter is in the marking language text file corresponding in webpage, for identifying in main body
The information held, including but not limited to:
1) identification information of specific label and this label, in html file<div>、<img>On label and this label
ID;
2) routing information in webpage for the body matter being represented using XPath.Here, described XPath is a kind of in XML
The language of information is searched, it carries out content navigation using routing information in XML document in document.
Here, described marking language text includes but is not limited to:
1) HTML (HTML) file;
2) extensible HyperText Markup Language (XHTML) file;
3) extensible markup language (XML) file.
Wherein, described second pre-defined rule is based on, but is not limited to, below at least any one:
1) in webpage each web page contents size related information;For example, identification information device 23 ' analyzing web page acquisition device
22 ' the webpages obtaining, and by obtain the maximum web page contents of a certain web page contents size in this webpage, be then further determined as
This web page contents is the body matter of this webpage, and using the identification information of presentation web page size of contents as accordingly in the web page
Obtain the identification information of this body matter.
2) in webpage each web page contents content-type information;For example, identification information device 23 ' passes through to parse this webpage institute
In the domain-name information of website, determine that this webpage is the webpage in video website, then accordingly using the video content in this webpage as
The body matter of this webpage, and using the identification information of the video content in this webpage as body matter identification information;
3) in webpage, the history of the viewing area of each web page contents adds up number of clicks;For example, identification information device 23 ' carries
Take the banner information of this webpage, and matching inquiry is carried out in historical viewings record storehouse according to this banner information, with
The history obtaining the viewing area of this webpage corresponding to banner information and this each web page contents of webpage clicks on record, when
The accumulative number of clicks of history calculating the viewing area of a certain web page contents in this webpage of acquisition exceedes predetermined click frequency threshold value
When, determine this web page contents be body matter, and using the identification information of this web page contents as body matter identification information.?
This, comprise banner information and its corresponding webpage, this each web page contents of webpage in described historical viewings record storehouse
The history of viewing area clicks on record, history scaling record etc..
4) in webpage, the history of the viewing area of each web page contents adds up scaling number of times;For example, identification information device 23 ' carries
Take the banner information of this webpage, and matching inquiry is carried out in historical viewings record storehouse according to this banner information, with
Obtain the history scaling record of the viewing area of this webpage corresponding to banner information and this each web page contents of webpage, when
The history accumulative scaling number of times calculating the viewing area of a certain web page contents in this webpage of acquisition exceedes predetermined scaling frequency threshold value
When, determine this web page contents be body matter, and using the identification information of this web page contents as body matter identification information.
Those skilled in the art will be understood that above-mentioned several rules not only can be individually used for identification information device 23 ' and obtain
Take the identification information of the body matter of webpage, arbitrarily several therein can also be combined, for identification information device
The identification information of the body matter of 23 ' acquisition webpages.
Those skilled in the art will be understood that the side of the above-mentioned identification information obtaining body matter according to the second pre-defined rule
Formula is only for example, other identification informations obtaining body matter according to the second pre-defined rule that are existing or being likely to occur from now on
Mode is such as applicable to the present invention, within also should being included in the scope of the present invention, and is incorporated herein with way of reference.
Subsequently, the identification information that identification information device 23 ' obtains is sent by dispensing device 24 ' according to the communication mode of agreement
To mobile terminal 1;
Then, the information receiving unit 112 ' of mobile terminal 1 is monitored in real time and is received the master of the webpage from the network equipment 2
The internal identification information holding;
Subsequently, according to being somebody's turn to do (s) identification information, such as extracting from the html file of webpage should for contents acquiring unit 113 '
(s) web page contents corresponding to identification information, and using this (s) web page contents as this webpage body matter.
Those skilled in the art will be understood that aforementioned body content determines the acquisition modes of request and/or the acquisition side of webpage
The mode of the acquisition modes of formula and/or identification information and/or transmission identification information is only for example, and other are existing or from now on may
The body matter occurring determine the acquisition modes of request and/or the acquisition modes of the acquisition modes of webpage and/or identification information and/
Or the mode of transmission identification information is such as applicable to the present invention, within also should being included in the scope of the present invention, and with the side of quoting
Formula is incorporated herein.
Those skilled in the art should also be understood that aforementioned body content determines sending method and/or the identification information of request
The acquisition modes of reception mode and/or body matter are only for example, and other body matters that are existing or being likely to occur from now on are true
The sending method of fixed request and/or the reception mode of identification information and/or the acquisition modes of body matter are such as applicable to this
Bright, within also should being included in the scope of the present invention, and it is incorporated herein with way of reference.
Fig. 4 illustrates according to one aspect of the invention for showing the method flow diagram of web page contents.Mobile terminal 1 includes
But it is not limited to any with user, man-machine interaction being carried out by keyboard, remote control, touch pad or voice-operated device and have
The electronic equipments such as the function that surfs the web, such as smart mobile phone, PDA, POS, vehicle-mounted computer etc., its screen size is generally much little
Display sizes in desktop computer.
As shown in figure 4, in step sl, mobile terminal 1 obtains the body matter in pending webpage.
Specifically, in step sl, mobile terminal 1 answers event to trigger in real time or termly from the webpage of mobile terminal 1
The body matter in pending webpage and this pending webpage is obtained in save room or third party device.Here, described master
Internal appearance means the content needing in webpage to show emphatically to user, including but not limited to:
1) picture;
2) video;
3) word content block.
Those skilled in the art will be understood that aforementioned body content is only for example, and other are existing or are likely to occur from now on
Body matter is such as applicable to the present invention, within also should being included in the scope of the present invention, and is incorporated herein with way of reference.
In one example, in step sl, the application programming interface (API) that mobile terminal 1 provides according to third party device,
Event triggering is answered to send asking of the body matter receiving in certain pending webpage in real time or termly to this third party device
Seek message, and receive the body matter in this pending webpage that this third party device returns in response to this request message;Or
Third party device active pushes the body matter in certain pending webpage to mobile terminal 1, and it is pending that mobile terminal 1 receives this
Webpage in body matter.
Those skilled in the art will be understood that the mode of the body matter in the pending webpage of above-mentioned acquisition is only for example,
The mode of the body matter in the pending webpage of other acquisitions that are existing or being likely to occur from now on is such as applicable to the present invention,
Also within the scope of the present invention should being included in, and it is incorporated herein with way of reference.
Then, in step s 2, mobile terminal 1 is according to the first pre-defined rule, and the master being obtained in step sl based on it
Hold the resolution of the display screen of size related information in described webpage and described mobile terminal in vivo, obtain described webpage
Display scaling information.
Specifically, first, in step s 2, the pending net that mobile terminal 1 for example obtains in step sl according to it
Identification information in the html file of this webpage for the body matter in page, reads in this main body from the html file of this webpage
The size related information held, and inquiry obtains dividing of the display screen of this mobile terminal 1 from the parameter information storehouse of mobile terminal 1
Resolution;Then, in step s 2, mobile terminal 1 is according to the first pre-defined rule, and the size in webpage based on this body matter
The resolution of the display screen of relevant information and this mobile terminal 1, obtains the display scaling information of this webpage.
Wherein, described first pre-defined rule includes but is not limited to:
1) body matter is zoomed in and out in the way of being displayed in full screen displaying;
2) on the premise of ensureing that body matter can all be shown on the display screen of mobile terminal 1, with close to main
The internal displaying ratio holding original size zooms in and out displaying.
Here, size related information in webpage for the described body matter includes but is not limited to:
Width in the webpage for-body matter and high numerical value,
Width in the webpage for-body matter and height account for this webpage width and high percentage ratio.
For example, when body matter is pictures, its size related information can default to the original wide high number of this picture
Value;If explicitly arranging the high numerical value of display width of this picture in webpage, such as the picture tag in the html file of this webpage belongs to
Shown in property, then the size related information in webpage as this picture.
Here, the mode of the described display scaling information obtaining webpage includes but is not limited to:
1) when the first pre-defined rule includes for body matter zooming in and out displaying in the way of being displayed in full screen, in step S2
In, mobile terminal 1 obtains and zooms to and display screen resolution size phase the size (e.g., in units of pixel) of body matter
The display scaling information of this webpage when consistent.
In one example, the size of body matter is 120*140 (=wide * is high), and the resolution sizes of display screen are 100*
100, then need for this body matter to be contracted to 100*100 according to display resolution, accordingly, in step s 2, mobile terminal 1 obtains
The display scaling information taking webpage is:Wide be contracted to 5/6 wide (=100/120) of former webpage, it is high that height is contracted to former webpage
5/7 (=100/140).
2) on the premise of the first pre-defined rule includes can all showing on the display screen in guarantee body matter, with
Displaying ratio close to body matter original pixels size zooms in and out, and in step s 2, mobile terminal 1 obtains the display of webpage
The mode of scaling information includes but is not limited to scenario described below:
A. when body matter width and high be respectively less than display screen resolution wide and high when, then need body matter with former
Beginning size is shown, and therefore in step s 2, the display scaling information of the webpage that mobile terminal 1 obtains is 1: 1, i.e. net
The width of page and height do not carry out any scaling.
B. when the width of body matter and the high width from display screen resolution and high different when, then need to be from body matter
Wide/height and display screen resolution width/senior middle school, obtain the little width of numerical value that compares/height as scaling benchmark, comprise this with determination
The scaling of the webpage of body matter.In one example, the size of body matter is 100*50, and display screen resolution is
60*70, then need to be shown body matter with the size of 60*50, thus in step s 2, the webpage that mobile terminal 1 obtains
Display scaling information be:Wide be contracted to 3/5 wide (=60/100) of former webpage, high with former webpage is 1: 1 at high proportion,
I.e. the height of webpage does not zoom in and out.
Those skilled in the art will be understood that the mode of the display scaling information of above-mentioned acquisition webpage is only for example, its
He will such as be applicable to the present invention at the mode showing scaling information obtaining webpage that is existing or being likely to occur from now on, also should
Within being included in the scope of the present invention, and it is incorporated herein with way of reference.
Preferably, in step s 2, mobile terminal 1 is according to described first pre-defined rule, and based on body matter in webpage
In size related information and mobile terminal 1 display screen resolution, obtain and equal proportion scaling is carried out to this webpage show
Show scaling information.Here, described equal proportion scaling means and for the width of webpage and height to carry out zooming in or out of same ratio,
And the width of the body matter in this webpage and height also can be correspondingly scaling or reduce with this identical.
In one example, the size of body matter is 100*50, and display screen resolution is 50*70, if first establishes rules in advance
It is then on the premise of ensureing that body matter can all show on the display screen, with close to body matter original pixels size
Displaying ratio zoom in and out, and the width of body matter and height need to be reduced in the same scale, then this body matter
Size after reducing should be 50*25, and thus in step s 2, the display scaling information of the webpage that mobile terminal 1 obtains is:
Wide and high be all contracted to former webpage wide and high 1/2.
Here, the display pantograph ratio that webpage is carried out with equal proportion scaling that mobile terminal 1 obtains in step s 2 according to it
Example information, carries out equal proportion scaling to this webpage, the web page contents after scaling can be made will not to deform, to ensure that user browses body
Test.
Those skilled in the art will be understood that the mode of above-mentioned acquisition web displaying scaling information is only for example, other
The mode of acquisition web displaying scaling information that is existing or being likely to occur from now on is such as applicable to the present invention, also should comprise
Within the scope of the present invention, and it is incorporated herein with way of reference.
Subsequently, in step s3, the display scaling information that mobile terminal 1 obtains in step s 2 according to it, to bag
Webpage containing body matter zooms in and out process.
Specifically, in step s3, the display scaling letter of the webpage that mobile terminal 1 obtains in step s 2 according to it
Breath, for example, pass through to show the webpage rendering intent of the browser of this webpage, the webpage comprising body matter to this carries out equal proportion
Or the scaling of non-equal proportion renders process, to obtain the webpage after scaling.In one example, in step s 2, mobile terminal 1 obtains
The display scaling information of the webpage taking is:Wide and high be all contracted to former webpage wide and high 1/2;In step s3, mobile
Terminal 1 is passed through to show the application programming interface (API) that the webpage rendering module in the browser of this webpage is provided, to webpage wash with watercolours
Dye module sends the request message that this webpage is zoomed in and out with process, and this request message includes this display scaling information;With
Afterwards, this webpage rendering module, according to this request message, carries out rendering process to this webpage, the width of former webpage and height is all contracted to
Former webpage wide and high 1/2.
Those skilled in the art will be understood that the above-mentioned mode that webpage is zoomed in and out with process is only for example, and other are existing
Or the mode that webpage is zoomed in and out with process that is likely to occur such as is applicable to the present invention from now on, present invention protection also should be included in
Within scope, and it is incorporated herein with way of reference.
Subsequently, in step s 4, mobile terminal 1 according to body matter through its in step s3 scaling process after webpage
In positional information, this body matter is shown on the display screen in a predefined manner.
Specifically, in step s 4, mobile terminal 1 according to body matter through its in step s3 scaling process after net
The upper left corner in page and lower right position coordinate, this body matter is shown on the display screen in a predefined manner.
Here, described predetermined way includes but is not limited to:
1) display all over the screen;
2) it is shown centered in display screen;
3) show at display screen top;
4) show in display screen bottom.
Here, showing that the rule of described body matter includes but is not limited within display screen:
1) when predetermined way is for display all over the screen, then in step s 4, mobile terminal 1 position in webpage with body matter
Put coordinate as the starting point of screen display, body matter is shown on screen.In one example, after scaled process
The position coordinateses in the upper left corner of webpage be (0,0), the upper left corner of the body matter position in the webpage after scaling process is sat
Be designated as (50,10), then in step s 4, when this body matter is shown on the display screen of mobile terminal 1 mobile terminal 1,
The starting point that pixel coordinate (50,10) in webpage for this body matter is shown as the screen upper left corner, shows on screen
This webpage.
2) in step s 4, mobile terminal 1 according to body matter scaled process after webpage in the upper left corner and the right side
Inferior horn position coordinateses, can obtain the size of this body matter, if the display screen being smaller in size than mobile terminal 1 of this body matter
Resolution, that is, this body matter only need the subregion taking this display screen can all show, then in step s 4, move
Dynamic terminal 1, when being shown in this body matter on this display screen, shows that this is scaled in the way of browsing by appropriate user
Webpage after process, such as body matter is shown in the middle of screen or below screen etc..In one example, as shown in Fig. 2 through contracting
The position coordinateses putting the upper left corner in the web page of the body matter in the webpage after process are (20,50), then in step s 4,
Position coordinateses point (5,10) in this webpage as the starting point of screen display, are shown this webpage on screen by mobile terminal 1,
To ensure that this body matter is illustrated in screen centre position.
Those skilled in the art will be understood that above-mentioned body matter is shown that mode on the display screen is only for example, its
He will such as be applicable to the present invention at the mode showing body matter on the display screen that is existing or being likely to occur from now on, also should
Within being included in the scope of the present invention, and it is incorporated herein with way of reference.
Preferably, mobile terminal 1 is continuously to work in step S1, step S2, step S3 and step S4.Specifically
Ground, in step sl, mobile terminal 1 constantly obtains the body matter in pending webpage;In step s 2, mobile terminal
1 also constantly according to the first pre-defined rule, and based on size related information in described webpage for the described body matter and described
The resolution of the display screen of mobile terminal, obtains the display scaling information of described webpage;In step s3, mobile terminal
1, also constantly according to described display scaling information, zooms in and out process to the described webpage comprising described body matter;?
In step S4, mobile terminal 1 also constantly the body matter according to described scaled process through described scaling process after net
Positional information in page, described body matter is shown on described display screen in a predefined manner.Here, people in the art
Member is it should be understood that " continuing " refers to that mobile terminal 1 constantly carries out obtaining of the body matter in above-mentioned pending webpage in each step
The display of the acquisition, the scaling of webpage and body matter that take, show scaling information, until meet predetermined stoppage condition, example
As mobile terminal 1 stops the acquisition to the body matter in pending webpage in a long time.
Preferably (with reference to Fig. 4), in step s 2, mobile terminal 1 related letter of the size in webpage according to body matter
Breath and the screen resolution of mobile terminal, and combine the display mode of this webpage, obtain the display scaling letter of described webpage
Breath.
Here, the display mode of described webpage includes but is not limited to:
1) transverse screen shows, then in step s 2, the transverse screen resolution according to display screen is obtained display by mobile terminal 1
Scaling information.
2) portrait layout shows, then in step s 2, the portrait layout resolution according to display screen is obtained display by mobile terminal 1
Scaling information.
3) it is displayed in full screen, then in step s 2, mobile terminal 1 will show scaling according to display screen resolution acquiring size
Percent information.
4) non-full screen display, then in step s 2, mobile terminal 1 will be aobvious occupy on the display screen according to this webpage
Show that size obtains display scaling information.
In one example, the size of body matter is 150*90, and the screen resolution that the portrait layout of mobile terminal 1 shows is
100*150, the screen resolution that transverse screen shows is 150*100, if then the display mode of this webpage shows for transverse screen, in main body
The size held does not need any scaling can all show on the display screen, and thus in step s 2, mobile terminal 1 obtains phase
The display scaling information of the webpage answered is 1: 1, and that is, the width of webpage and height do not carry out any scaling;If the display of this webpage
Mode shows for portrait layout and need to carry out equal proportion scaling to webpage, then for making this body matter all show on the display screen,
This body matter size reduction need to be 100*60, thus in step s 2, the display of the corresponding webpage that mobile terminal 1 obtains
Scaling information is:Webpage is wide and high be all contracted to former webpage wide and high 2/3.
Those skilled in the art will be understood that the display mode of above-mentioned webpage is only for example, and other are existing or from now on may
The display mode of the webpage occurring such as is applicable to the present invention, within also should being included in the scope of the present invention, and with the side of quoting
Formula is incorporated herein.
Preferably (with reference to Fig. 4), in step s 4, mobile terminal 1 scales the main body of process in step s3 according to through it
Positional information in the webpage after scaled process for the content, and combine user related information, by this body matter with predetermined aobvious
The mode of showing is shown on the display screen of mobile terminal 1.
Here, described user related information includes but is not limited to:
1) user preference setting;For example, when user preference setting illustrates that body matter is showed in screen user preset
Between position, then in step s 4, mobile terminal 1 according to body matter scaled process after webpage in positional information, knot
Close the setting of this user preference, this body matter is shown on the display screen centre position of mobile terminal 1.
2) user's history browses record;For example, in step s 4, mobile terminal 1 by user's history is browsed record into
Row statistical analysiss, obtain this user's history and browse and show on screen during webpage that the accumulative of various display modes of body matter makes
Use number of times;And then mobile terminal 1 according to body matter scaled process after webpage in positional information, by this body matter
Add up access times highest display mode in history with this user to be shown on the display screen of mobile terminal 1.
Those skilled in the art will be understood that above-mentioned user related information is only for example, and other are existing or may go out from now on
Existing user related information is such as applicable to the present invention, within also should being included in the scope of the present invention, and with way of reference bag
It is contained in this.
Here, in step s 4, the mode that mobile terminal 1 obtains this user related information includes but is not limited to:
1) pass through to obtain in left log-on message during mobile terminal 1 log-on webpage according to user;
2) according to recorded by mobile terminal 1 or the network equipment during user browses webpage by mobile terminal 1 or
Obtained by the user's history behavioural information extracted in the cookies information of mobile terminal 1.
Those skilled in the art will be understood that the mode of above-mentioned display body matter is only for example, and other are existing or from now on
The mode of the display body matter being likely to occur such as is applicable to the present invention, within also should being included in the scope of the present invention, and
It is incorporated herein with way of reference.
Fig. 5 illustrates the method flow diagram for showing web page contents in accordance with a preferred embodiment of the present invention.In step
In S11 ', the body matter that mobile terminal 1 sends described webpage to the network equipment 2 determines request, and correspondingly, the network equipment 2 obtains
The body matter fetching the webpage from mobile terminal 1 determines request;In step S5 ' in, the network equipment 2 is according to described body matter
Determine request, obtain described webpage;In step S6 ' in, the network equipment 2, according to the second pre-defined rule, obtains the master of described webpage
The internal identification information holding;In step S7 ' in, the network equipment 2 sends described identification information to described mobile terminal 1;In step
In rapid S12 ', mobile terminal 1 receives the described main body that the described network equipment determines request in response to described body matter and feeds back
The identification information of content;In step S13 ' in, mobile terminal 1, according to described identification information, obtains described master from described webpage
Internal appearance.
Here, the described network equipment 2 includes but is not limited to computer, network host, single network server, multiple network
Server set or the cloud of multiple server composition.Here, cloud is by a large amount of computers based on cloud computing (Cloud Computing)
Or the webserver is constituted, wherein, cloud computing is one kind of Distributed Calculation, is made up of a group loosely-coupled computer collection
One super virtual computer.
', step S3 ' and step S4 here, mobile terminal 1 is in step S2 shown in Fig. 5 ' in function and above reference picture
Content in step S2, step S3 and step S4 for the mobile terminal 1 described by 4 is identical, for simplicity's sake, by it with the side of quoting
Formula is incorporated herein, and does not repeat.
Mobile terminal 1 is worked in coordination in each step with the network equipment 2, to realize the display of webpage body content.
Specifically, in step S11 ' in, the body matter that mobile terminal 1 sends, to the network equipment 2, this webpage obtaining is true
Fixed ask, for example, can be encapsulated as a request message, such as http request message, and by corresponding communication protocol, such as
Http, https communication protocol, sends to the network equipment 2;Then, the network equipment 2 is received in real time by way of monitoring and solves
Analyse this request message, the body matter obtaining the webpage from mobile terminal 1 determines request;
Subsequently, in step S5 ' in, the network equipment 2 determines request according to this body matter, and extracting the determination of this body matter please
Banner information in asking, such as webpage URL, and according to this banner information matching inquiry in web page repository, to obtain
Take the pending webpage comprising body matter, here, described web page repository comprises banner information and its corresponding
Webpage etc.;
Then, in step S6 ' in, the network equipment 2, according to the second pre-defined rule, obtains the mark of the body matter of this webpage
Information.Wherein, the identification information of described body matter is in the marking language text file corresponding in webpage, for identifying master
The internal information held, including but not limited to:
1) identification information of specific label and this label, in html file<div>、<img>On label and this label
ID;
2) routing information in webpage for the body matter being represented using XPath.Here, described XPath is a kind of in XML
The language of information is searched, it carries out content navigation using routing information in XML document in document.
Here, described marking language text includes but is not limited to:
1) HTML (HTML) file;
2) extensible HyperText Markup Language (XHTML) file;
3) extensible markup language (XML) file.
Wherein, described second pre-defined rule is based on, but is not limited to, below at least any one:
1) in webpage each web page contents size related information;For example, in step S6 ' in, the network equipment 2 parses it in step
The webpage obtaining in rapid S5 ', and by obtain the maximum web page contents of a certain web page contents size in this webpage, then true further
It is set to the body matter that this web page contents is this webpage, and using the identification information of presentation web page size of contents as accordingly in this net
The identification information of this body matter is obtained in page.
2) in webpage each web page contents content-type information;For example, in step S6 ' in, the network equipment 2 passes through parsing should
The domain-name information of webpage place website, determines that this webpage is the webpage in video website, then accordingly by the video in this webpage
Hold the body matter as this webpage, and the identification information of the video content in this webpage is believed as the mark of body matter
Breath;
3) in webpage, the history of the viewing area of each web page contents adds up number of clicks;For example, in step S6 ' in, network
Equipment 2 extracts the banner information of this webpage, and is mated in historical viewings record storehouse according to this banner information
Inquiry, is clicked on the history obtaining the viewing area of webpage corresponding to this banner information and this each web page contents of webpage
Record, exceed predetermined click time when calculating the accumulative number of clicks of the history obtaining the viewing area of a certain web page contents in this webpage
Number threshold value when, determine this web page contents be body matter, and using the identification information of this web page contents as body matter mark
Information.Here, comprising banner information and its corresponding webpage, each webpage of this webpage in described historical viewings record storehouse
The history of the viewing area of content clicks on record, history scaling record etc..
4) in webpage, the history of the viewing area of each web page contents adds up scaling number of times;For example, in step S6 ' in, network
Equipment 2 extracts the banner information of this webpage, and is mated in historical viewings record storehouse according to this banner information
Inquiry, to obtain the history scaling of the viewing area of webpage corresponding to this banner information and this each web page contents of webpage
Record, exceedes predetermined scaling when calculating the history obtaining the viewing area of a certain web page contents in this webpage accumulative scaling number of times
Number threshold value when, determine this web page contents be body matter, and using the identification information of this web page contents as body matter mark
Information.
Those skilled in the art will be understood that above-mentioned several rules not only can be individually used for the network equipment 2 and obtain webpage
Body matter identification information, arbitrarily several therein can also be combined, obtain webpage for the network equipment 2
The identification information of body matter.
Those skilled in the art will be understood that the side of the above-mentioned identification information obtaining body matter according to the second pre-defined rule
Formula is only for example, other identification informations obtaining body matter according to the second pre-defined rule that are existing or being likely to occur from now on
Mode is such as applicable to the present invention, within also should being included in the scope of the present invention, and is incorporated herein with way of reference.
Subsequently, the identification information obtaining in step S7 ' in, the network equipment 2 is by it in step S6 ' is according to the communication of agreement
Mode sends to mobile terminal 1.
Then, in step S12 ' in, mobile terminal 1 is monitored in real time and is received in the main body of the webpage of the network equipment 2
The identification information holding;
Subsequently, in step S13 ' in, mobile terminal 1 according to being somebody's turn to do (s) identification information, such as from the html file of webpage
Extract the web page contents corresponding to this (s) identification information, and using this (s) web page contents as this webpage body matter.
Those skilled in the art will be understood that aforementioned body content determines the acquisition modes of request and/or the acquisition side of webpage
The mode of the acquisition modes of formula and/or identification information and/or transmission identification information is only for example, and other are existing or from now on may
The body matter occurring determine the acquisition modes of request and/or the acquisition modes of the acquisition modes of webpage and/or identification information and/
Or the mode of transmission identification information is such as applicable to the present invention, within also should being included in the scope of the present invention, and with the side of quoting
Formula is incorporated herein.
Those skilled in the art should also be understood that aforementioned body content determines sending method and/or the identification information of request
The acquisition modes of reception mode and/or body matter are only for example, and other body matters that are existing or being likely to occur from now on are true
The sending method of fixed request and/or the reception mode of identification information and/or the acquisition modes of body matter are such as applicable to this
Bright, within also should being included in the scope of the present invention, and it is incorporated herein with way of reference.
Additionally, existing browser can execute the above-mentioned side for showing web page contents by running on mobile terminals
Method, to become a kind of new browser, or can be executed by being run on mobile terminals with existing browser cooperation
State the method for showing web page contents, using the browser plug-in as existing browser, existing browser can be example
Chrome as the IE browser of Microsoft Corporation, the Firefox browser of Mozilla company, Google company browses
Device, the Maxthon browser of company of roaming, the opera browser of Opera company, 360 browsers of 360 companies, Sohu.com Inc.
Sogou browser, the tencent TT browser of Tencent etc..
It is obvious to a person skilled in the art that the invention is not restricted to the details of above-mentioned one exemplary embodiment, Er Qie
In the case of the spirit or essential attributes of the present invention, the present invention can be realized in other specific forms.Therefore, no matter
From the point of view of which point, embodiment all should be regarded as exemplary, and be nonrestrictive, the scope of the present invention is by appended power
Profit requires rather than described above limits, it is intended that all in the implication and scope of the equivalency of claim by falling
Change is included in the present invention.Any reference in claim should not be considered as limiting involved claim.This
Outward it is clear that " inclusion " one word is not excluded for other units or step, odd number is not excluded for plural number.In device claim, statement is multiple
Unit or device can also be realized by software or hardware by a unit or device.The first, the second grade word is used for table
Show title, and be not offered as any specific order.
Claims (20)
1. a kind of method for showing web page contents realized in the terminal, the method comprises the following steps:
A obtains the body matter in pending webpage;
B is so that described body matter is all shown in the current display screen of described mobile terminal, based on described body matter
The resolution of the display screen of the size related information in described webpage and described mobile terminal, obtains the display of described webpage
Scaling information;
C, according to described display scaling information, zooms in and out process to the described webpage comprising described body matter;
D, will be described according to the positional information in webpage after processing through described scaling of the body matter of described scaled process
Body matter is shown on described display screen in a predefined manner, and described predetermined way includes following any one:
- display all over the screen;
- be shown centered in display screen;
- show at display screen top;
- show in display screen bottom.
2. method according to claim 1, wherein, described step b includes:
- for making described body matter all be shown in the current display screen of described mobile terminal, based on described body matter
Size related information in described webpage and the screen resolution of described mobile terminal, and combine the display side of described webpage
Formula, obtains the display scaling information of described webpage.
3. method according to claim 2, wherein, the display mode of described webpage includes following at least any one:
- transverse screen shows;
- portrait layout shows;
- full screen display;
- non-full screen display.
4. according to the method in any one of claims 1 to 3, wherein, described step b includes:
- for making described body matter all be shown in the current display screen of described mobile terminal, and based in described main body
Hold the resolution of the display screen of size related information in described webpage and described mobile terminal, obtain described webpage is entered
The described display scaling information of row equal proportion scaling.
5. method according to any one of claim 1 to 4, wherein, described step a includes:
- determine request to the body matter of the network equipment described webpage of transmission;
- mark of the described body matter of feedback is believed in response to the determination request of described body matter to receive the described network equipment
Breath;
- according to described identification information, obtain described body matter from described webpage.
6. method according to any one of claim 1 to 5, wherein, described step d includes:
- according to the positional information in webpage after processing through described scaling of the body matter of described scaled process, and combine
User related information, described body matter is shown on described display screen in a predefined manner.
7. method according to claim 6, wherein, described user related information includes following at least any one:
The preference setting of-user;
The historical viewings record of-user.
8. method according to any one of claim 1 to 7, wherein, described body matter includes following at least any one:
- video;
- picture;
- word content block.
9. a kind of device for showing web page contents realized in the terminal, this device includes:
Body matter acquisition device, for obtaining the body matter in pending webpage;
Percent information acquisition device, for for making described body matter all be shown in the currently displaying screen of described mobile terminal
Curtain, the resolution based on size related information in described webpage for the described body matter and the display screen of described mobile terminal
Rate, obtains the display scaling information of described webpage;
Scaling processing meanss, for according to described display scaling information, entering to the described webpage comprising described body matter
Row scaling is processed;
Body matter display device, for webpage after processing through described scaling for the body matter according to described scaled process
In positional information, described body matter is shown on described display screen in a predefined manner, described predetermined way include with
Lower any one:
- display all over the screen;
- be shown centered in display screen;
- show at display screen top;
- show in display screen bottom.
10. device according to claim 9, wherein, described percent information acquisition device is used for:
- for making described body matter all be shown in the current display screen of described mobile terminal, based on described body matter
Size related information in described webpage and the screen resolution of described mobile terminal, and combine the display side of described webpage
Formula, obtains the display scaling information of described webpage.
11. devices according to claim 10, wherein, the display mode of described webpage includes following at least any one:
- transverse screen shows;
- portrait layout shows;
- full screen display;
- non-full screen display.
12. devices according to any one of claim 9 to 11, wherein, described percent information acquisition device is used for:
- for making described body matter all be shown in the current display screen of described mobile terminal, and based in described main body
Hold the resolution of the display screen of size related information in described webpage and described mobile terminal, obtain described webpage is entered
The described display scaling information of row equal proportion scaling.
13. devices according to any one of claim 9 to 12, wherein, described body matter acquisition device includes:
Request transmitting unit, the body matter for sending described webpage to the network equipment determines request;
Information receiving unit, for receiving the described master that the described network equipment determines request in response to described body matter and feeds back
The internal identification information holding;
Contents acquiring unit, for according to described identification information, obtaining described body matter from described webpage.
14. devices according to any one of claim 9 to 13, wherein, described body matter display device is used for:
- according to the positional information in webpage after processing through described scaling of the body matter of described scaled process, and combine
User related information, described body matter is shown on described display screen in a predefined manner.
15. devices according to claim 14, wherein, described user related information includes following at least any one:
The preference setting of-user;
The historical viewings record of-user.
16. devices according to any one of claim 9 to 15, wherein, described body matter includes following at least arbitrary
?:
- video;
- picture;
- word content block.
A kind of 17. systems for showing web page contents, including as any one of claim 9 to 16 in mobile terminal
The device for showing web page contents of middle realization and a kind of realize in the network device for auxiliary display web page contents
Device, wherein, the device in this network equipment includes:
Acquisition request device, the body matter for obtaining the webpage from mobile terminal determines request;
Webpage acquisition device, for determining request according to described body matter, obtains described webpage;
Identification information device, for according to the second pre-defined rule, obtaining the identification information of the body matter of described webpage;
Dispensing device, for sending described identification information to described mobile terminal.
18. systems according to claim 17, wherein, described second pre-defined rule is based on following at least any one and obtains institute
State body matter:
The size related information of each web page contents in-described webpage;
The content-type information of each web page contents in-described webpage;
In-described webpage, the history of the viewing area of each web page contents adds up number of clicks;
In-described webpage, the history of the viewing area of each web page contents adds up scaling number of times.
A kind of 19. browsers, including realizing in the terminal as any one of claim 9 to 16 for showing
The device of web page contents.
A kind of 20. browser plug-ins, including being used for of realizing in the terminal as any one of claim 9 to 16
The device of display web page contents.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110257220.9A CN102314502B (en) | 2011-09-01 | 2011-09-01 | A kind of method and apparatus for showing webpage body content on mobile terminals |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110257220.9A CN102314502B (en) | 2011-09-01 | 2011-09-01 | A kind of method and apparatus for showing webpage body content on mobile terminals |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102314502A CN102314502A (en) | 2012-01-11 |
CN102314502B true CN102314502B (en) | 2017-03-01 |
Family
ID=45427667
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201110257220.9A Active CN102314502B (en) | 2011-09-01 | 2011-09-01 | A kind of method and apparatus for showing webpage body content on mobile terminals |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102314502B (en) |
Families Citing this family (39)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102622423A (en) | 2012-02-22 | 2012-08-01 | 优视科技有限公司 | Method, device, browser and user terminal for displaying webpage |
CN103617257B (en) * | 2012-03-31 | 2018-05-04 | 奇智软件(北京)有限公司 | Browser application provides method and system |
JP6124169B2 (en) * | 2012-06-08 | 2017-05-10 | クラリオン株式会社 | Display device |
CN103577496B (en) * | 2012-08-09 | 2018-09-04 | 腾讯科技(深圳)有限公司 | A kind of display methods and device of Email |
CN103677539B (en) * | 2012-09-18 | 2017-11-17 | 阿里巴巴集团控股有限公司 | Interface method of adjustment and device |
CN102984345A (en) * | 2012-10-30 | 2013-03-20 | 新媒联盟(北京)文化传播有限责任公司 | Method and device for displaying texts on terminal device in network |
CN103092977A (en) * | 2013-01-30 | 2013-05-08 | 广东欧珀移动通信有限公司 | Web page browsing method of mobile terminal and mobile terminal |
CN104050947A (en) * | 2013-03-15 | 2014-09-17 | 联想(北京)有限公司 | Display control method and electronic device |
CN104079707A (en) * | 2013-03-28 | 2014-10-01 | 联想(北京)有限公司 | Communication method and electronic equipment |
CN103324734B (en) * | 2013-06-28 | 2017-04-05 | 北京奇虎科技有限公司 | The method and apparatus of webpage scaling in a kind of electronic equipment |
US10061494B2 (en) | 2013-06-28 | 2018-08-28 | Beijing Qihoo Technology Company Limited | Method and device for webpage zooming on electronic apparatus |
CN103345497B (en) * | 2013-06-28 | 2017-05-03 | 北京奇虎科技有限公司 | Method and device for resizing webpages on electronic equipment |
CN103336817B (en) * | 2013-06-28 | 2016-08-10 | 北京奇虎科技有限公司 | A kind of method and apparatus of webpage zoom on electronic equipment |
CN104636396A (en) * | 2013-11-13 | 2015-05-20 | 阿里巴巴集团控股有限公司 | Page positioning method and device |
KR102249886B1 (en) | 2014-02-14 | 2021-05-10 | 삼성전자 주식회사 | Method for moving web-page, portable terminal using the same and recording medium |
CN104020940A (en) * | 2014-05-23 | 2014-09-03 | 北京金山网络科技有限公司 | Page control method and device |
CN105373545A (en) * | 2014-08-25 | 2016-03-02 | 阿里巴巴集团控股有限公司 | Picture display method and device |
CN104317968A (en) * | 2014-11-18 | 2015-01-28 | 苏州科达科技股份有限公司 | Page self-adaptive adjusting method and system |
CN106708349A (en) * | 2015-07-17 | 2017-05-24 | 阿里巴巴集团控股有限公司 | Method and equipment for providing object information |
CN105898510A (en) * | 2015-12-08 | 2016-08-24 | 乐视网信息技术(北京)股份有限公司 | Method and device for configuring video player in webpage |
CN105653612A (en) * | 2015-12-24 | 2016-06-08 | 小米科技有限责任公司 | Page rendering method and device |
CN107423187B (en) * | 2016-06-08 | 2021-02-12 | 宁波广播电视集团 | Screen monitoring method, device and system |
CN107770577A (en) * | 2016-08-16 | 2018-03-06 | 北京优朋普乐科技有限公司 | For the method and apparatus of setting of the programs picture |
CN106339158A (en) * | 2016-08-17 | 2017-01-18 | 东方网力科技股份有限公司 | Dynamic display method and device for static images based on large data |
CN106557537B (en) * | 2016-09-22 | 2020-12-18 | 深圳峰创智诚科技有限公司 | Webpage picture label display method and device |
CN107995451A (en) * | 2016-10-26 | 2018-05-04 | 北京视联动力国际信息技术有限公司 | A kind of inspection method and device regarding networked video stream |
CN108009183A (en) * | 2016-10-27 | 2018-05-08 | 北京京东尚科信息技术有限公司 | Method, apparatus and terminal for webpage displayed on the terminals |
CN106777012A (en) * | 2016-12-07 | 2017-05-31 | 北京小米移动软件有限公司 | The method and apparatus of webpage content display |
CN108282683B (en) * | 2017-01-05 | 2020-07-14 | 腾讯科技(深圳)有限公司 | Video interface display method and device |
CN109992337B (en) * | 2017-12-29 | 2022-03-11 | 杭州海康威视系统技术有限公司 | Webpage display method and device and storage medium |
CN110688562A (en) * | 2018-06-20 | 2020-01-14 | 杭州振牛信息科技有限公司 | Personalized recommendation method and device and computer equipment |
CN110968811B (en) * | 2018-09-30 | 2023-05-23 | 北京国双科技有限公司 | Display control method and device |
CN111756604B (en) * | 2019-03-29 | 2022-04-12 | 华为技术有限公司 | Equipment coordination method, device and system |
CN110244996A (en) * | 2019-05-14 | 2019-09-17 | 苏宁智能终端有限公司 | A kind of method, apparatus and terminal of transverse screen display terminal adaptation vertical screen application program |
CN110929205A (en) * | 2019-11-13 | 2020-03-27 | 贝壳技术有限公司 | Method and device for loading control in webpage |
CN111506241A (en) * | 2020-05-21 | 2020-08-07 | 网易(杭州)网络有限公司 | Special effect display method and device for live broadcast room, electronic equipment and computer medium |
CN114253640A (en) * | 2020-09-24 | 2022-03-29 | 北京小米移动软件有限公司 | User interface control method and device and storage medium |
CN112181568A (en) * | 2020-09-27 | 2021-01-05 | 上海连尚网络科技有限公司 | Locally adapting screen method and apparatus |
CN112752107B (en) * | 2020-12-26 | 2023-02-10 | 广东工业大学 | Webpage picture preprocessing method, system, storage medium and computer equipment |
Family Cites Families (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20060218490A1 (en) * | 2005-03-24 | 2006-09-28 | Richard Fink | Method and apparatus for creating a web page |
CN100356377C (en) * | 2005-12-20 | 2007-12-19 | 无锡永中科技有限公司 | Document display method |
US7768536B2 (en) * | 2007-04-11 | 2010-08-03 | Sony Ericsson Mobile Communications Ab | Methods of displaying information at different zoom settings and related devices and computer program products |
CN101388041B (en) * | 2008-10-21 | 2013-10-30 | 深圳市同洲电子股份有限公司 | Browsers page navigation method and system for handhold terminal |
CN101419624A (en) * | 2008-11-17 | 2009-04-29 | 魏新成 | Mobile information device and method for browsing web page |
CN101582942A (en) * | 2009-05-31 | 2009-11-18 | 魏新成 | Mobile information equipment and mobile information method for browsing web pages |
CN101819584B (en) * | 2010-03-18 | 2011-11-09 | 上海引跑信息科技有限公司 | Light weight intelligent webpage content analysis method |
-
2011
- 2011-09-01 CN CN201110257220.9A patent/CN102314502B/en active Active
Also Published As
Publication number | Publication date |
---|---|
CN102314502A (en) | 2012-01-11 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102314502B (en) | A kind of method and apparatus for showing webpage body content on mobile terminals | |
US9672539B2 (en) | Advertisement generation apparatus and terminal device | |
US9141332B2 (en) | Masking sensitive information in a screen sharing session | |
US9483855B2 (en) | Overlaying text in images for display to a user of a digital magazine | |
CN102779167B (en) | The method and system of display web page in the terminal | |
JP5620958B2 (en) | Advertisement display control device, terminal device, advertisement display method, and advertisement display program | |
US10636051B2 (en) | Modifying advertisement sizing for presentation in a digital magazine | |
US20130151944A1 (en) | Highlighting of tappable web page elements | |
WO2014206072A1 (en) | Web page previewing method and system | |
US10091326B2 (en) | Modifying content regions of a digital magazine based on user interaction | |
US9275398B1 (en) | Obtaining metrics for client-side display of content | |
CN105488051B (en) | Webpage processing method and device | |
CN112148398B (en) | Image processing method and device | |
US20140324954A1 (en) | Method for browsing webpage picture and client device therefor | |
JP2007233659A (en) | Information distribution system for network service | |
CN110019037A (en) | A kind of pdf document methods of exhibiting, device, equipment and storage medium | |
CN110506267A (en) | The rendering of digital assembly background | |
JP5556461B2 (en) | Information browsing terminal device, information browsing system, information browsing program, and information browsing method | |
CN103870508A (en) | Webpage scaling method, device and system | |
KR20190059943A (en) | Method and system for real-time content delivery | |
CN104239326B (en) | A kind of methods, devices and systems zoomed in and out to webpage font | |
CN106970467B (en) | Information display method and head-mounted display equipment | |
CN104598467B (en) | Webpage picture display method and device | |
CN106649299A (en) | Method and device for lazy loading of webpage block | |
CN108021662A (en) | A kind of Web page picture display methods of mobile terminal |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |