CN1229743C - Low-resolution display equipment and its method for controlling browser to display web page - Google Patents
Low-resolution display equipment and its method for controlling browser to display web page Download PDFInfo
- Publication number
- CN1229743C CN1229743C CNB021289352A CN02128935A CN1229743C CN 1229743 C CN1229743 C CN 1229743C CN B021289352 A CNB021289352 A CN B021289352A CN 02128935 A CN02128935 A CN 02128935A CN 1229743 C CN1229743 C CN 1229743C
- Authority
- CN
- China
- Prior art keywords
- webpage
- low
- resolution
- source file
- display devices
- 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.)
- Expired - Fee Related
Links
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
The present invention discloses a method for controlling browsers to display web pages in display equipment with low resolution. When display equipment with low resolution accesses the WWW site designed by display equipment with high resolution, a pre-analysis processing module is adopted in a browser for carrying out syntactic analysis on a source file of web pages; the source file of web pages is modified to adapt to the display mode of low resolution; a layout regulating module is also adopted; a web page layout is dynamically regulated to adapt to the display mode of low resolution according to web page width obtained by calculation for supplying an interface with convenient reading to a user.
Description
Technical field
The present invention relates to the network information and browse the field, particularly relate to a kind of method of in low-resolution display devices, controlling the browser display webpage, and the low-resolution display devices of using this method.
Background technology
For satisfying the demand of access the Internet (INTERNET) whenever and wherever possible, a large amount of portable computing devices have appearred, as PDA(Personal Digital Assistant), personal visit equipment (PAD), palm PC even mobile phone etc. on the market.These equipment volume are little, in light weight, be easy to carry, and have the function that is connected with the Internet radio simultaneously.
Fig. 1 shows the applied typical network environment of the present invention, adopts Client.As shown in Figure 1, client 101 links to each other with server end 102 by communication channels 108 such as the Internet, Intranets, and the two is the pattern of multi-to-multi.Client 101 generally includes a cover access to the Internet instrument, as is used to visit the browser 103 of WWW (WEB) webpage, the E-mail service program 104 that is used to send and receive e-mail etc.Server end 102 generally includes computer hardware equipment 105, operating system 106 and server application 107, and server end 102 is preserved various websites, provides abundant information resources to the internet.Publication number is in the application documents of CN 1290898A such description to be arranged: browser is done grammatical analysis to webpage, produce parse tree with foundation document object (DOM) standard, promptly determine the logical organization of document and the method for document access and processing, browser can use parse tree to arrange content with display web page.
The current majority website all is for the design of the high-resolution display device of desktop computer or notebook computer etc. 800 * 600, but the display screen of portable computing devices such as PDA is all smaller, be generally 240 * 320 or 160 * 160 low-resolution display devices, the website that the visit of portable computing devices such as PDA is so has greatly influenced display effect.Though some are also arranged specially for the WEB website of low-resolution display devices such as PDA customization, to compare with common website numerous on the internet, quantity is very little, and quantity of information differs greatly.The common web website is not considered the characteristic of low-resolution display devices such as PDA, and the display effect of webpage in these low-resolution display devices is very undesirable.When low-resolution display devices is visited the Web site that designs for high-resolution display device, just need frequent usage level scroll bar just can see the full content of webpage.So web displaying has been brought inconvenience for reading.Dwindle webpage simply and then can lose bulk information, even partial information is become to discern.
Summary of the invention
In view of this, the object of the present invention is to provide a kind of in low-resolution display devices the method for control browser display webpage, and the low-resolution display devices of this method of use is convenient to the interface of reading more for the user provides.
According to an aspect of the present invention, a kind of method of controlling the browser display webpage in low-resolution display devices is provided, comprise grammatical analysis and composing layout processing, before the grammatical analysis of browser is handled, comprise the preanalysis treatment step: according to the webpage source file is carried out grammatical analysis, marker character in the webpage source file is replaced, increases, deleted, or adjust the attribute of marker character, the webpage source file is revised as the mode that low resolution shows that adapts to.
According to another aspect of the present invention, a kind of low-resolution display devices is provided, comprise the syntax Analysis Module and the composing layout modules that are used for display web page, this equipment further comprises: a preanalysis processing module, be arranged on before the syntax Analysis Module of browser, be used for according to the webpage source file is carried out grammatical analysis, marker character in the webpage source file is replaced, increases, deleted, or the attribute of adjustment marker character, the webpage source file is revised as the mode that low resolution shows that adapts to.
Above-described increase operational example is as increasing the line feed marker character, and deletion action is for example deleted the alignment thereof marker character, and deletion forces not enter a new line marker character etc.; Adjust the marker character attribute and for example adjust form data cell attribute flags symbol.
Preferably, the preanalysis processing module is according to the analysis of webpage source file, and the form of multilayer nest is split into separate form; Or a plurality of frames in the webpage are split in a plurality of webpages show; Or change horizontal frame or form into homeotropic alignment; Or, change horizontal form or frame into homeotropic alignment again with after form or the frame fractionation; Or by increasing the demonstration line feed that marker character makes webpage.
Preferably,, too small image and the image that exceeds the screen scope are handled according to analysis to the webpage source file, according to the size of images position characteristic filter, dwindle, the cutting operation.
Owing to the processing stage of the preanalysis of webpage source file and the syntactic analysis phase, sometimes can not obtain the information such as attribute of some images, nested tables, so the image of some greater than width, nested tables etc. still can influence the width of webpage.Preferably, can further adopt a layout adjusting module,, page layout dynamically is adjusted into the mode that low resolution shows that adapts to according to the web width that calculates gained at the browser layout stage of setting type.
The layout adjusting module is according to the web width that calculates gained, the form of multilayer nest split into separate form, and change horizontal form into homeotropic alignment.Layout adjusting module and according to the analysis to image in the webpage is handled too small image and the image that exceeds the screen scope, according to the size of images position characteristic filter, dwindle, the cutting operation.For example image filtering less in the webpage can be fallen, bigger picture compresses processing by the data of control table diagrammatic sketch chip size attribute.Filter, dwindle, the standard of cutting is adjustable, even can define voluntarily, adjust by the user.
The present invention is by adopting a preanalysis processing module before the syntactic analysis phase of browser, make amendment at marker character, change the hierarchical relationship of web page contents, also changed the display format of part object in the webpage, thereby realize cutting apart in the horizontal direction webpage, and the function that shows in proper order of in the vertical direction, reduced the use of HScrollBar, for providing, the user is convenient to the interface of reading more.At the layout adjusting module that the composing layout stage adopts, can dynamically adjust the layout of webpage, thereby further make page layout be adapted to low-resolution display devices more according to the web width that calculates gained.
Description of drawings
Fig. 1 shows the applied typical network environment of the present invention;
Fig. 2 shows a kind of typical structure block diagram of the low-resolution display devices that is positioned at client;
Fig. 3 shows the method synoptic diagram according to a preferred embodiment of the present invention;
Fig. 4 shows the process flow diagram according to another preferred embodiment of the present invention.
Embodiment
In order to make the purpose, technical solutions and advantages of the present invention clearer, the present invention is described in further detail below in conjunction with accompanying drawing.
Fig. 2 shows a kind of typical structure block diagram of the low-resolution display devices that is positioned at client.As shown in Figure 2, this is a computing equipment that can work alone, simultaneously by the interconnection of network access device one network interface card/modulator-demodular unit 210 realizations with the Internet.It has comprised all basic building blocks of a computing equipment, as central processing unit 201, internal storage 202, nonvolatile memory 203, operating system 204, browser 207, keyboard/button 208, procotol TCP/IP stack 211 etc.For portable equipment, adopt the touch/display screen 209 of the small screen, thereby resolution is lower more.
In low-resolution display devices shown in Figure 2, instruction set (program code) resides in the calculator memory in the code module mode.This instruction set was stored in the nonvolatile memory 203 before being sent to internal memory, as DOC (Disk On Chip), flash memory (Flash), hard disk, CD etc.; Perhaps utilize network download such as the Internet.The configuration of relevant system can adopt modes such as software, hardware or firmware to realize.
WWW (World Wide Web) is global, mutual, multi-platform, the distributed multimedia information system on the Internet, adopts Client.Client is finished communication with server end by HTTP(Hypertext Transport Protocol), and when client was sent request, server end was recycled to client to response results.Webpage is write by HTML(Hypertext Markup Language), and it has described the content and the display mode of webpage, and web page contents comprises text, figure, image, sound, video etc.In client, browser (as Netscape Navigator or the Microsoft IE) access server of use and html compliant, and show the webpage that obtains.
Fig. 3 shows the method synoptic diagram according to a preferred embodiment of the present invention.As shown in Figure 3, comprise in the browser 301: preanalysis processing module 302, syntax Analysis Module 303 and composing layout modules 304, and in composing layout modules 304, increase layout adjusting module 305.The each several part function is: 302 pairs of webpage source files of preanalysis processing module are analyzed, and the webpage source file is revised as the mode that low resolution shows that adapts to; 303 pairs of HTML marker characters of syntax analyzer carry out grammatical analysis, the judgment data type; The calculating of setting type of 304 pairs of data that receive of composing layout modules makes demonstration more attractive in appearance rationally; Layout adjusting module 305 dynamically is adjusted into the mode that low resolution shows that adapts to according to the web width that calculates gained with page layout.
When browser received the Webpage of writing from the employing HTML SGML of WEB website, browser began it is handled, and processing procedure mainly is divided into grammatical analysis and two stages of composing layout.Before the syntactic analysis phase, adopt a preanalysis processing module 302 among the present invention,, the WEB webpage is carried out format conversion in order to intercept and capture and to revise web data.302 pairs of webpage source files of preanalysis processing module are analyzed, and marker character (tag) is made amendment, and the webpage source file is revised as the mode that low resolution shows that adapts to.By the modification to marker character, the hierarchical structure of change web object, display format etc. mainly in the horizontal direction webpage is cut apart, and in the vertical direction show in proper order.Thereby the width of webpage is converted to height, reduce the use of HScrollBar as far as possible.
Data at first are sent to preanalysis processing module 302, the processing stage of entering preanalysis.The WEB webpage is generally write by the HTML SGML.The HTML SGML is by utilizing various marker characters to identify the structure of document and the information of hyperlink, mainly is modification to marker character to the modification of webpage therefore.The processing stage of preanalysis, the webpage source file is analyzed, make amendment at marker character then, the modification of marker character is comprised: replace, increase, deletion and adjust the attribute etc. of marker character.Narrate operation strategy of the present invention below.
Many HTML marker characters can both be nested against one another in the webpage source file, so that compound object to be provided, so at low-resolution display devices, need big and complicated object is split, to reduce display space.With expression webpage frame structure＜FRAMESET and＜/FRAMESET replace with represent hyperlink＜A and＜/A, a plurality of frames in the webpage are split in a plurality of webpages to be shown, only keep relevant hyperlink in the original web page, therefore required display space reduces greatly, is suitable for low-resolution display devices.With the webpage embedded incoming frame of expression＜IFRAME and＜/IFRAME replace with represent hyperlink＜A and＜/A, can reduce required display space equally.
For the width that makes demonstration is suitable for low-resolution display devices, add line feed marker character＜BR〉in the place of needs line feed.For the form of multilayer nest, adopt to increase table labelling symbol＜TABLE〉and＜/TABLE method, be split into the separate form of the structure that tiles, and change horizontal form into homeotropic alignment.The place that needs to increase new cell row in form increases expression table row＜TR〉marker character.
In order to make demonstration be suitable for low-resolution display devices, deletable mark comprises: part table labelling symbol＜TABLE 〉, the expression alignment thereof＜CENTER 〉, the expression pressure does not enter a new line＜NOBR〉and marker character, to reach the purpose of adjusting display width according to the width of screen automatically.
The attribute of adjusting marker character can be used for any marker character, as can to expression list data unit＜TD the width attribute of marker character adjusts, and makes its demonstration on low-resolution display devices more reasonable.
By marker character is made amendment, change the hierarchical relationship of web page contents, also changed the display format of part object in the webpage, thereby realized cutting apart webpage in the horizontal direction, and the function that shows in proper order of in the vertical direction.
Finish the processing stage of preanalysis, data enter the syntactic analysis phase.303 pairs of web page files of syntax Analysis Module carry out grammatical analysis, according to marker character and determined property data type thereof.After syntactic analysis phase finished, data entered the composing layout stage.Composing layout modules 304 calculating of setting type.
In order to make demonstration be more suitable for low-resolution display devices, in composing layout modules 304, increase a layout adjusting module 305.In procedure for displaying, dynamically adjust layout according to the web width that calculates gained, the part that will the exceed screen processing that enters a new line reduces the use of HScrollBar as far as possible.The specific strategy of layout adjustment mainly comprises to the layout adjustment of form with to filtration of picture etc.
Webpage generally is made up of form, so the layout adjustment is mainly carried out at form.For the form of multilayer nest, with its separate form that all splits into the tiling structure, promptly remove the mutual hierarchical relationship of form, nested form is become the form of tiling.The independent form that these are split out is vertically arranged then, makes it not be subjected to the restriction of original arrangement mode.In addition, also can carry out trickle adjustment in the inside of a form, long as the row of form, list cell is too much in the delegation, or contains bigger picture etc. in the form, can enter a new line inner suitably the adding at form.
Generally contain great amount of images in the webpage, at these images according to its size positions characteristic filter, dwindle, the cutting operation.Many images all do not comprise useful information in the webpage, in addition, consider that the computing of portable computing device and storage capacity are lower, so filter at some image.Do not have some hyperlink and image filtering that size is narrower falls.Concrete filter criteria can be adjusted according to practical application.In addition, can compress processing to excessive image by the data of control presentation video size attribute.
In the layout adjusting stage, also comprise adjustment, as showing the modification of height, width, the modification of alignment thereof during composing, the modification that force line feed, does not enter a new line etc. to display properties.
The preanalysis processing module can be added in client, also can be added in server end.Finish the pre-service analysis of webpage source file as need at server end, only need in the browsing page request that client is sent, to add one, just can finish the processing stage of preanalysis at server end in order to distinguish the identifier of high-resolution and low-resolution display device.If low-resolution display devices, the preanalysis processing module will be revised as the webpage source file mode that low resolution shows that adapts to.If employed browser is self-designed, complete code is arranged in the browser, also can in syntax Analysis Module, increase the preanalysis processing module, together carry out with syntactic analyser, realize above function.
Preanalysis processing module and layout adjusting module can start in browsing page automatically, also can be controlled voluntarily by the user according to action need.Whether two modules adopt jointly or only adopt one of them module, also can select according to practical operation.
Above-described web page files includes, but are not limited to: HTML(Hypertext Markup Language) file, extend markup language (XML) file, standard generalized markup language (SGML) file.
Based on above-mentioned structural principle, at low resolution device control browser display webpage, Fig. 4 shows the process flow diagram according to another preferred embodiment of the present invention.May further comprise the steps as shown in Figure 4:
Step 412: browser comes out web displaying.
In a word, the above is preferred embodiment of the present invention only, is not to be used to limit protection scope of the present invention.
Claims (10)
1, a kind of method of controlling the browser display webpage in low-resolution display devices comprises grammatical analysis and composing layout processing, it is characterized in that, before the grammatical analysis of browser is handled, comprises following preanalysis treatment step:
A, according to the analysis of webpage source file, the marker character in the webpage source file is replaced, increases, delete, or adjust the attribute of marker character, the webpage source file is revised as the mode that adapts to the low resolution demonstration.
2, the method for in low-resolution display devices, controlling the browser display webpage according to claim 1, it is characterized in that, described steps A comprises: according to the analysis to the webpage source file, obtain the form of multilayer nest, split into separate form by increasing marker character.
3, the method for in low-resolution display devices, controlling the browser display webpage according to claim 1, it is characterized in that, described steps A comprises: according to the analysis to the webpage source file, obtain a plurality of frames in the webpage, split in a plurality of webpages and show by replacing marker character.
4, the method for in low-resolution display devices, controlling the browser display webpage according to claim 1, it is characterized in that, described steps A comprises: according to the analysis to the webpage source file, obtain horizontal frame or form, change homeotropic alignment into by increasing marker character.
5, the method for in low-resolution display devices, controlling the browser display webpage according to claim 1, it is characterized in that, described steps A further comprises: according to the analysis to the webpage source file, obtain too small image and exceed the image of screen scope, according to the size of images position characteristic filter, dwindle, the cutting operation.
6, the method for in low-resolution display devices, controlling the browser display webpage according to claim 1, it is characterized in that, described composing layout processing further comprises: the layout adjustment is handled, promptly, page layout dynamically is adjusted into the mode that low resolution shows that adapts to according to the web width that calculates gained.
7, the method for in low-resolution display devices, controlling the browser display webpage according to claim 6, it is characterized in that, described page layout dynamically is adjusted into the mode that adapts to the low resolution demonstration: the form of multilayer nest is split into separate form, and change horizontal form into homeotropic alignment.
8, the method for in low-resolution display devices, controlling the browser display webpage according to claim 6, it is characterized in that, described page layout dynamically is adjusted into the mode that adapts to the low resolution demonstration: according to the analysis to image in the webpage, too small image and the image that exceeds the screen scope are handled, according to the size of images position characteristic filter, dwindle, the cutting operation.
9, a kind of low-resolution display devices, comprise the syntax Analysis Module and the composing layout modules that are used for display web page, it is characterized in that this equipment further comprises: a preanalysis processing module, be arranged on before the syntax Analysis Module of browser, be used for according to the webpage source file is analyzed, marker character in the webpage source file is replaced, increases, deleted, or adjust the attribute of marker character, the webpage source file is revised as the mode that low resolution shows that adapts to.
10, low-resolution display devices according to claim 9, it is characterized in that, described composing layout modules further comprises: a layout adjusting module, be used for according to the web width that calculates gained, and page layout dynamically is adjusted into the mode that low resolution shows that adapts to.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CNB021289352A CN1229743C (en) | 2002-08-22 | 2002-08-22 | Low-resolution display equipment and its method for controlling browser to display web page |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CNB021289352A CN1229743C (en) | 2002-08-22 | 2002-08-22 | Low-resolution display equipment and its method for controlling browser to display web page |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN1477544A CN1477544A (en) | 2004-02-25 |
| CN1229743C true CN1229743C (en) | 2005-11-30 |
Family
ID=34143890
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CNB021289352A Expired - Fee Related CN1229743C (en) | 2002-08-22 | 2002-08-22 | Low-resolution display equipment and its method for controlling browser to display web page |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN1229743C (en) |
Families Citing this family (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2006137166A1 (en) * | 2005-06-20 | 2006-12-28 | Hitachi Government And Public Corporation System Engineering, Ltd. | Client terminal |
| CN101241416B (en) * | 2008-02-21 | 2010-06-16 | 北大方正集团有限公司 | Electronic reading processing method and system adapting to screen resolution |
| CN101770333B (en) * | 2009-12-24 | 2012-05-23 | 华为终端有限公司 | Method for realizing routing configuration and routing equipment |
| CN102446054B (en) * | 2010-09-30 | 2014-09-10 | 国际商业机器公司 | Method and system for displaying web page |
| CN102622217B (en) * | 2011-01-30 | 2016-03-30 | 中兴通讯股份有限公司 | A kind of method and system running application across screen |
| CN102937986A (en) * | 2012-10-25 | 2013-02-20 | 上海电机学院 | Method and system for dynamically adjusting website information structure |
| CN103049430A (en) * | 2012-12-27 | 2013-04-17 | 南京新与力文化传播有限公司 | Page display method based on IDF (interactive document format) files |
| US9679082B2 (en) | 2013-06-14 | 2017-06-13 | Yahoo! Inc. | Method and system for identifying and delivering enriched content |
| WO2014198008A1 (en) | 2013-06-14 | 2014-12-18 | Yahoo! Inc. | Method and system for identifying and delivering enriched content |
| CN105389308B (en) * | 2014-08-18 | 2020-02-07 | 腾讯科技（深圳）有限公司 | Webpage display processing method and device |
| CN105468706B (en) * | 2015-11-18 | 2019-04-12 | 天脉聚源(北京)传媒科技有限公司 | A kind of page display method and device |
| CN107357938B (en) * | 2017-08-23 | 2021-02-05 | 北京奇虎科技有限公司 | Webpage display method and device |
| CN109254818B (en) * | 2018-08-28 | 2021-11-23 | 北京影谱科技股份有限公司 | Pixel-level positioning method and device for different resolutions of browser |
-
2002
- 2002-08-22 CN CNB021289352A patent/CN1229743C/en not_active Expired - Fee Related
Also Published As
| Publication number | Publication date |
|---|---|
| CN1477544A (en) | 2004-02-25 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| Chen et al. | Detecting web page structure for adaptive viewing on small form factor devices | |
| CN1229743C (en) | Low-resolution display equipment and its method for controlling browser to display web page | |
| CN1257473C (en) | Active ALT tag in HTML documents to increase the accessibility to users with visual, audio impairment | |
| Chen et al. | Adapting web pages for small-screen devices | |
| US9866612B2 (en) | Server-based browser system | |
| CN1296853C (en) | Predictive caching and highlighting of web pages | |
| US8001257B2 (en) | Supplying electronic content to networked appliances | |
| KR100461019B1 (en) | web contents transcoding system and method for small display devices | |
| US7607082B2 (en) | Categorizing page block functionality to improve document layout for browsing | |
| CN1162776C (en) | System and method for dynamically displaying form elements of hypertext markup language | |
| CN100337227C (en) | Methods and apparatus for summarizing document content for mobile communication devices | |
| US20020016801A1 (en) | Adaptive profile-based mobile document integration | |
| CN1297867C (en) | Method of URL-based power management and associated web browsing device | |
| EP1624383A2 (en) | Adaptive system and process for client/server based document layout | |
| JP2002055872A (en) | Method, system and medium for simplifying web contents | |
| US20100023855A1 (en) | Methods, systems and devices for transcoding and displaying electronic documents | |
| US20020069296A1 (en) | Internet content reformatting apparatus and method | |
| CN101040283A (en) | Form related data reduction | |
| CN1434948A (en) | Method and apparatus for processing web documents | |
| US20090270076A1 (en) | Performance optimizer for mobile devices website | |
| Blekas et al. | Use of RSS feeds for content adaptation in mobile web browsing | |
| CN1592904A (en) | Content conditioning method and apparatus for internet devices | |
| CN1758243A (en) | Method and system for retrieving dated content from a website | |
| CN1282149C (en) | Method for controlling browser to display web page in low-resolution display equipment | |
| CN1138216C (en) | Device and method for providing quick information service for multiple equipments |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| CF01 | Termination of patent right due to non-payment of annual fee | ||
| CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20051130 Termination date: 20200822 |