JP4962603B2 - Browser program, control method, and control apparatus - Google Patents

Description

The present invention relates to a browser for browsing data described in a markup language such as HTML (HyperText Markup Language) data. More specifically, the present invention relates to a browser program with a layout function , a control method, and a control device that perform layout processing optimum for the screen size and display HTML data.

  HTML data such as Web pages published on the Internet is often created on the assumption that it will be viewed on a somewhat large display screen like a display device of a computer device (PC). When such a Web page is viewed on a small display screen such as a car navigation device, a mobile phone, or a PDA (Personal Digital Assistant), it is displayed with a part of the page cut off. For this reason, in order to view all the page contents, not only the top and bottom of the screen but also the left and right scroll operations are required, and the operation becomes complicated.

  In order to solve this problem, the content for the PC and the supplemental content for the mobile phone are provided on the Web server side that stores the content of the Web page, and the content requested to be distributed includes the content to be supplemented. In such a case, complementary content is generated and distributed to the terminal that requested the distribution.

JP 2002-342222 A

  However, preparing data for general display screens for PCs and data for small screens for mobile phones with the same content is wasteful of resources, as well as content creation, maintenance, and storage. The burden is also large from a viewpoint.

  Therefore, it is desired that content for a PC can be optimally displayed even on a small screen without preparing dedicated content for a small screen such as a car navigation device or a mobile phone.

  Therefore, by performing layout processing on each element of the Web page so that the Web page can be displayed in the horizontal size (width) of the display screen, the Web page can be browsed only by scrolling up and down. The inventor has invented a technique for improving the performance.

  In such a layout process, if the size of a Web page or a Web page that includes a table for which frame division is specified does not fit in the screen width that is actually displayed, the frame size is simply reduced or the table is decomposed. In some cases, the following situation may occur and proper layout may not be achieved.

  -If the Web page is divided as specified in the frame division, a part of the frame may not be displayed, or the width of the frame may become extremely narrow, and the content may not be browsed.

  -Image data for displaying a single image when displaying a Web page that contains content that can be displayed as a single image using a table by dividing large image data into multiple image data. The (image part) may be arranged in pieces by dividing the table in cell units, and the image may be divided and displayed.

  An object of the present invention is to provide a technique for performing display processing of a Web page by performing layout processing suitable for browsing on a small screen while maintaining a layout image of the Web page including frame division and a table.

Browser program disclosed as one embodiment of the present invention has been described in Ma Kuappu language, from the display analysis information for the data of the page is displayed, to obtain the horizontal size of the table included before Kipe over di, is greater than the horizontal size of the screen of the table Shimesuru display device Kipe over di previous horizontal size of the table, on the basis of the ratio between lateral size of the horizontal size and the front Kiga surface of said table, said table is calculated reduction ratio which is a ratio for displaying a reduced, if the previous SL reduction ratio exceeds a predetermined reduction limit ratio, obtained from the display analysis information of the page, the size of the cells constituting the table based on the information indicating of a cell of the table is divided into blocks, the horizontal size by the arrangement of column blocks constituting the table does not exceed the horizontal size of the screen range As the one in which is arranged separated to the table in blocks.

  In the above program, when the horizontal size of the table included in the Web page is acquired from the display analysis information of the Web page to be displayed, and the horizontal size of the table is larger than the horizontal size of the display screen that actually displays the Web page, A table reduction ratio is calculated based on the ratio between the horizontal size of the table and the horizontal size of the display screen, and all the cells that make up the table are uniformly reduced using this table reduction ratio. Perform layout processing.

  As a result, when a Web page including a table is displayed on a small display screen, the table can be displayed in an easy-to-see manner.

  Further, the program further causes the computer to further: 3) a span indicating a size of a cell constituting the table from the display analysis information of the Web page when the table reduction rate exceeds a predetermined reduction limit rate. Processing means for acquiring information and dividing the cells of the table into rectangular blocks based on the span information; and 4) the horizontal size of the rectangular blocks constituting the table in the row direction is the horizontal size of the display screen This is to cause the table to function as a processing unit that divides and arranges the tables in units of rectangular blocks.

  In the above program, when the table reduction ratio exceeds a predetermined reduction limit ratio, span information indicating the size of the cells constituting the table is acquired from the analysis information for display of the Web page, and the table is based on the span information. Cell is divided into rectangular blocks, and the table is divided in units of rectangular blocks so that the horizontal size of the rectangular blocks that make up the table does not exceed the horizontal size of the display screen. , Perform layout processing for small display screens.

  As a result, when a Web page that displays a large image in combination with a plurality of small image data files using a table is displayed on a small display screen, the image data is arranged in a disjoint manner. Can be prevented.

  Furthermore, a program disclosed as one aspect of a related invention of the present invention is a processing unit that configures a browser device that displays data described in a markup language by performing layout processing suitable for a display screen size. 1) The horizontal size of the standard screen obtained by virtually setting the standard screen size for displaying the Web page is obtained from the display analysis information of the Web page to be displayed. Processing means for calculating a frame reduction rate based on a ratio to a horizontal size of a display screen that actually displays the Web page; and 2) a divided frame when the frame reduction rate exceeds a predetermined reduction rate limit value. Of the frames constituting the frame, the horizontal size of the frame that has been reduced by the frame reduction rate is specified for the actual size designated frame for which the actual size is designated. Processing means for changing the ratio between frames of the frame division so that the value of the frame approaches the actual value, and 3) reducing the frame of the frame division using the ratio between the changed frames and the frame reduction ratio As a processing means, a browser program with a layout function for causing a computer to function is provided.

  In the program according to the related invention, a standard screen in which the size of a standard screen for displaying a Web page is virtually set from the display analysis information generated by the HTML data analysis processing of the Web page to be displayed. The horizontal size is acquired, and the frame reduction ratio is calculated based on the ratio between the horizontal size of the standard screen and the horizontal size of the display screen that actually displays the Web page. When the frame reduction rate exceeds a predetermined reduction rate limit value, the horizontal size value of the frame by the frame reduction rate for the actual size specification frame in which the size by the actual value is specified among the frames constituting the divided frame. Adjust the ratio between the frames in the frame division so that it approaches the actual value specified. Then, the layout process for the small display screen is performed by reducing the frame divided by using the changed ratio between frames and the frame reduction ratio.

  As a result, when a Web page is displayed on a small display screen, it is possible to display it easily while maintaining the frame division assumed in the Web page.

  Further, in the program according to the related invention, the processing means for changing the ratio between the frames is a frame without an actual size designation in which the size based on the actual value is not specified when the ratio between the frames of the frame division is changed. The frame reduction rate with respect to can be changed within a range not exceeding the reduction rate limit value.

  Further, in the program according to the related invention, the processing means for changing the ratio between the frames reduces the frame to a range where the actual size is zero for a frame with no actual size designation in which data to be displayed in the frame does not exist. The rate can be changed.

  According to the disclosed program, when a table is divided and displayed, the cells constituting the table are found by grouping a set of cells whose bottom ends are aligned in all columns of the table, and divided into blocks. The layout process is performed as follows. Therefore, for example, when displaying a Web page that uses a table to display a large image in combination with a plurality of partial image files, the partial image file is arranged separately and the intended image is displayed. Can be prevented from being displayed, and a Web page that is easy to browse can be displayed.

  Further, according to the program according to the related invention, when HTML data such as a web page is displayed on a small screen, layout processing for reducing each frame in consideration of the frame division ratio specified by the HTML data is performed. Do. Therefore, even on a small screen such as a car navigation device, it is possible to display a Web page that is easy to view by suppressing the situation in which a horizontal scroll operation occurs while maintaining the layout image of the original Web page.

It is a figure which shows the structural example in the best embodiment of this invention. It is a figure which shows the example of the HTML data containing the frame division | segmentation used as display object. It is a figure which shows the example of a display of a frame division | segmentation in case the HTML data shown in FIG. 2 are displayed on a standard screen. It is a figure which shows the example of a display of a frame division | segmentation in case the HTML data shown in FIG. 2 are displayed on the small screen for PDAs. It is a figure which shows the example of a display of a frame division | segmentation at the time of reducing each frame using a frame reduction rate. It is a figure which shows the example of a display of the frame division | segmentation at the time of carrying out the correction process of each flame | frame using a reduction | decrease limit value. It is a figure which shows the processing flow of a frame division process. It is a figure which shows the processing flow of a frame reduction process. It is a figure which shows the example of the HTML data containing the table used as display object. It is a figure which shows the example of a display of a table in case the HTML data shown in FIG. 9 are displayed on the standard screen for PCs. It is a figure which shows the example of a display when a table is divided | segmented and laid out by the cell unit by the conventional process. It is a figure which shows the example of a display of the table reduced by the table reduction rate. It is a figure which shows the example of the HTML data containing the table used as display object. It is a figure which shows the example of a display of a table in case the HTML data shown in FIG. 13 are displayed on the standard screen for PCs. It is a figure which shows the example when a table is divided | segmented and laid out by the cell unit by the conventional process. It is a figure which shows the example of blocking of a table. It is a figure which shows the example in case the table is divided | segmented and laid out by the block unit by this invention. It is a figure which shows the processing flow of a table process. It is a figure which shows the processing flow of a table equal reduction process. It is a figure which shows the processing flow of a table division | segmentation process.

  FIG. 1 shows a configuration example of a browser device disclosed as one embodiment of the present invention.

  The browser device 1 includes a browsing processing control unit 110, a communication processing unit 111, an HTML analysis processing unit 112, a layout processing unit 113, and an image display processing unit 114.

  The browsing processing control unit 110 is a processing unit that acquires HTML data and controls a series of processing units related to the browsing processing that is displayed on the display device 2.

  The communication processing unit 111 is processing means for acquiring HTML data (Web page) from a Web site server according to the HTTP protocol.

  The HTML analysis processing unit 112 is a processing unit that analyzes HTML data to be displayed and converts it into data in a format called DOM (Document Object Model). DOM indicates the element of HTML data and its hierarchical relationship.

  The layout processing unit 113 is a processing unit that performs layout processing of each element for displaying a Web page on the display device 2 according to the analysis information of the HTML data analyzed by the HTML analysis processing unit 112. The HTML data is represented by a GUI (Graphical User Interface) display component called a widget.

  The image display processing unit 114 is a processing unit that displays a widget of a Web page that has undergone layout processing on the display device 2.

  The layout processing unit 113 includes an optimized layout processing unit 130 that optimizes the layout of the Web page so that the display is suitable for the small screen of the display device 2. The optimized layout processing unit 130 includes a frame processing unit 131, a table processing unit 133, a text processing unit 135, an image / form part processing unit 137, a frame reduction rate storage unit 141, a table analysis information storage unit 143, and a table reduction rate storage unit. 145, and a cell block analysis information storage unit 147.

  When the Web page to be displayed includes frame division, the frame processing unit 131 reduces each frame of the frame division based on the frame reduction rate stored in the frame reduction rate storage unit 141, and the frame reduction rate is A processing means for changing a ratio between frames when a predetermined limit value is exceeded, and includes a frame reduction rate calculation processing unit 1311.

  The frame reduction rate calculation processing unit 1311 is displayed on a predetermined standard screen (hereinafter referred to as “standard screen”) virtually set using the analysis information of the Web page analyzed by the HTML analysis processing unit 112. This is a means for calculating a frame reduction ratio indicating a reduction ratio from the size of the frame to the size of the frame displayed on the screen of the display device 2 (hereinafter referred to as “real screen”) and storing it in the frame reduction ratio storage unit 141. .

  The frame reduction ratio calculation processing unit 1311 calculates an inter-frame ratio indicating a ratio between the standard screen size and the real screen size, and sets it as the frame reduction ratio. Then, for each frame of the frame division, the width and height of the reduced frame are obtained by multiplying the horizontal size (hereinafter referred to as “width”) and vertical size (hereinafter referred to as “height”) of the frame by the frame reduction rate, respectively. The actual size value of is calculated.

  A reduction limit value indicating the limit of the frame reduction rate is set in advance, and when the calculated frame reduction rate exceeds the reduction limit value, the ratio between frames of the frame division is changed to reduce the reduction processing. To enlarge and correct a frame whose actual size is too small. Then, for each frame, the frame reduction rate after correction, that is, the original size, the frame size after processing, that is, the reduction rate from the reduced and corrected actual size to the actual size is stored in the frame reduction rate storage unit 141. To do.

  When the Web page to be displayed includes a table, the table processing unit 133 reduces the table based on the table reduction rate stored in the table reduction rate storage unit 145 or stores it in the cell block analysis information storage unit 147. The processing unit divides the table into blocks based on the cell block analysis information, and includes a table equalization reduction processing unit 1331 and a table division processing unit 1333.

  The table processing unit 133 performs table and cell analysis processing from the analysis information of the Web page analyzed by the HTML analysis processing unit 112, and the table size (width and height), the maximum cell width, and the minimum cell width. The table analysis information such as is acquired and stored in the table analysis information storage unit 143.

  The table uniform reduction processing unit 1331 uses the table analysis information to uniformly reduce each cell of the table based on the table width and the actual screen width when the table width exceeds the actual screen width. This is a processing means for calculating a table reduction ratio indicating the ratio and storing it in the table reduction ratio storage unit 145.

  The table division processing unit 1333 uses the table analysis information, and when the table reduction ratio exceeds a predetermined reduction limit value, the table division processing unit 1333 blocks each cell constituting the table, This is processing means for generating cell block analysis information indicating a block whose arrangement position is to be changed and storing it in the cell block analysis information storage unit 147.

  The text processing unit 135 is a processing unit that sets a predetermined text wrapping according to the frame reduced by the frame processing unit 131 and the display area of the cell whose position is changed by the reduction or block division by the table processing unit 133.

  The image / form component processing unit 137 displays the elements reduced in the frame reduced by the frame processing unit 131, the image displayed in the cell reduced or repositioned by the table processing unit 133, the form component, and the like, and the corresponding reduction ratio. It is a processing means for reducing the size while maintaining the aspect ratio of the elements.

  Below, the process of the browser apparatus 1 of this invention is demonstrated in detail.

  In the browser device 1, as a general browsing process, the communication processing unit 111 acquires HTML data from a Web site server under the control of the browsing processing control unit 110, and the HTML analysis processing unit 112 acquires the HTML data. Is analyzed and analysis information is generated. The layout processing unit 113 performs setting of the frame of the Web page, layout of each element, etc. according to the analysis information to generate a display component suitable for the display screen of the display device 2, and the image display processing unit 114 generates the display part of the Web page. The display component is displayed on the display device 2.

  Here, the layout processing unit 113 activates the optimized layout processing unit 130 in order to generate a display component corresponding to the actual screen size of the display device 2 based on the analysis information of the acquired HTML data. To do.

  The optimized layout processing unit 130 considers the size of the real screen of the display device 2, the frame reduction ratio of each frame of the frame division calculated by the frame processing unit 131, and the table of the table generated by the table processing unit 133. Includes frame division or table based on reduction rate or cell block analysis information, text wrapping determined by text processing unit 135, image data / form component reduction rate calculated by image / form part processing unit 137 A process for optimizing the layout of the Web page is performed.

[Optimization processing for frame division]
FIG. 2 shows an example of HTML data including frame division to be displayed. As shown in FIG. 2, HTML data (Web page) is divided into four frames, and frame A (navigation frame) has a height = no designation (indicated by “*” in the script) / width = 250. As a pixel frame, frame B (text frame) has a height = 200 pixels / width = unspecified frame, frame C (text frame) has a height / width = unspecified frame D (text) Frame) is displayed as a frame of height = 100 pixels and width = unspecified.

  FIG. 3 shows a display example of frame division when the HTML data shown in FIG. 2 is displayed on a standard screen for PC (screen size = 800 × 600 pixels). In frame division in the horizontal (width) direction on the standard screen (hereinafter referred to as “frame horizontal division”), the widths of frames B, C, and D (550 pixels) are determined by the width of the standard screen minus the width of frame A. . Also, in frame division in the vertical (height) direction (hereinafter referred to as “frame vertical division”), the height of frame C (300 pixels) is the height of the standard screen minus (height of frame B + frame D). Determine by height.

  FIG. 4 shows a display example of frame division when the HTML data shown in FIG. 2 is displayed on a small screen for PDA (screen size = 400 × 200 pixels). As shown in FIG. 4, since the width of the frame A is specified by an actual numerical value (actual size specification) such as 250 pixels in the HTML data, the width of the frame B is the width of the display screen (400) − Determined by the width of frame A (250) (150 pixels).

  Therefore, when the HTML data is displayed by a normal layout process, the display width of the body frame (frame B) becomes narrower than the display width of the navigation frame (frame A). Further, the entire frame of the Web page to be displayed protrudes from the small screen, and the frames C and D are not displayed. In this way, the Web page displayed on the small screen is greatly different from the layout and frame ratio intended by the content creator.

  For this reason, the frame reduction rate calculation processing unit 1311 performs a reduction process on each frame of the frame division so that the content including the frame division retains the original layout image as much as possible.

  Specifically, first, the frame reduction ratio calculation processing unit 1311 virtually sets the standard screen size (800 × 600 pixels), and calculates the standard screen size and the real screen size (400 × 200 pixels). The interframe ratio is calculated and used as the frame reduction ratio. Here, when the standard screen size is smaller than the actual screen size, the frame reduction ratio = 1.0 and the actual screen size is set as the standard screen size. When the standard screen size for PC shown in FIG. 3 is the standard screen size and the small screen size shown in FIG. 4 is the real screen size, the frame reduction ratio is: width = 50%, height = about 33. 3%.

  Then, the frame reduction rate calculation processing unit 1311 multiplies the size (width and height) of each frame based on the calculated frame reduction rate, and the result is the actual frame size (actual frame width / actual frame height). ).

  FIG. 5 shows a display example of frame division when each frame is reduced using the frame reduction rate. For example, the actual frame width of frame A is 250 × 50% = 125 pixels. The actual frame width of frames B, C, and D is 400-125 = 275 or 550 × 50% = 275 pixels, and the actual frame height of each frame is 200 × 33.3% = 66 pixels, frame D is 100 × 33.3% = 33 pixels, and frame C is 200− (66 + 33) = 101 pixels.

  Further, the frame reduction rate calculation processing unit 1311 checks whether the frame is designated with an actual size or not. The actual size specification means that the size is specified by a specific numerical value, not a relative specification like the percent specification. No actual size specified means that there is no specification for size. In the description of HTML data, it is indicated as “*” designation.

  Then, for a frame without actual size designation, the actual frame width is adjusted to make adjustments so that the width and height designated by the frame with actual size designation are maintained as much as possible.

  Also, the frame reduction rate calculation processing unit 1311 prevents the value designated by the actual size from becoming smaller than the reduction limit value based on a predetermined reduction limit value (width reduction limit value / height reduction limit value). To compensate. Here, the width reduction limit value = 60% and the height reduction limit value = 40%.

  FIG. 6 shows a display example of frame division when each frame is corrected using the reduction limit value. Here, since the actual frame width of frame A and the actual frame heights of frames B and D exceed the reduction limit values, respectively, the actual frame width or the actual frame height is enlarged and adjusted using the reduction limit value. The actual frame width of frame A is 250 × 60% = 150 pixels, the actual frame height of frame B is 200 × 40% = 80 pixels, and the actual frame height of frame D is 100 × 40% = 40 pixels.

  Note that the frame reduction rate calculation processing unit 1311 may be able to change the actual frame width / height to 0 for a frame with no size designation in a state where there is no data to be displayed in the frame (empty state).

  Further, the frame reduction rate calculation processing unit 1311 determines the size of the real screen because the number of frames constituting the Web page exceeds a predetermined value or the actual size of the frame exceeds the reduction limit value. If the correction process cannot be completed, a part or all of the frames exceeding the size of the actual screen may not be displayed as in the conventional process.

  The frame reduction ratio calculation processing unit 1311 reduces the frame reduction ratio (frame reduction ratio) from the frame size on the standard screen to the actual size determined by the reduction process and the correction process for the width and height of each frame in the frame division. It is stored in the rate storage unit 141.

  FIG. 7 shows a process flow of the frame division process.

  The frame reduction rate calculation processing unit 1311 sets the size of a virtual standard screen (step S10), and determines whether or not there is a frame horizontal division based on the analysis information generated by the HTML analysis processing unit 112. (Step S11). Only when there is horizontal frame division (YES in step S11), frame reduction processing is performed for the frame width (step S12). Further, it is determined whether or not there is a vertical frame division (step S13). Only when there is a vertical frame division (YES in step S13), a frame reduction process is performed on the frame height (step S14). The process in step S14 is the same as the process in step S12.

  FIG. 8 shows a process flow of the frame reduction process in steps S12 and S14.

  The frame reduction ratio calculation processing unit 1311 calculates an inter-frame ratio from the actual screen size and the standard screen size and sets it as the frame reduction ratio (step S20). Then, the calculated frame reduction ratio is multiplied by the size of each frame to obtain the actual frame size (step S21).

  It is determined whether or not the frame has a frame without actual size designation (“*” designation) (step S22). Only when there is a frame without actual size designation (YES in step S22), It is determined whether or not the result of multiplying the size of the frame by the frame reduction rate (actual frame size) is smaller than the original size of the frame (step S23).

  Only when the size of the reduced actual frame is smaller than the original size (YES in step S23), the actual frame size is set within a range in which the actual frame size does not exceed the predetermined reduction limit value for a frame without an actual size designation. The size is reduced, and the actual frame size is corrected by enlarging the actual frame size within a range not exceeding the original size (specified size) (step S24).

  Then, it is checked whether the calculated actual frame size of the actual size designation frame is smaller than the original size value and there is an actual size undesignated frame in which the frame is empty (step S25).

  Only when the calculated actual frame size of the actual size specification frame is less than the original size value and there is an actual size specification frame that is empty in the frame (YES in step S25), the actual size specification frame Enlargement and correction is performed using the actual frame size of the empty real size unspecified frame so that the calculated actual frame size is close to the original size value (step S26).

  In this way, by performing frame reduction processing by frame division and performing layout processing, frame-divided content (Web page) designed for a PC as shown in FIG. 2 can be displayed on a small screen such as a PDA. As long as the layout of the intended frame division is maintained, it can be displayed.

[Table optimization processing]
FIG. 9 shows an example of HTML data including a table to be displayed. FIG. 10 shows a display example of the table when the HTML data shown in FIG. 9 is displayed on the standard screen for PC.

  As shown in FIG. 10, the HTML data (Web page) includes two tables T1 and T2. The table T1 includes an image A (image A file) and text. Image data and text data of image A are set to be displayed in two cells of table T1, respectively.

  In addition, one image B generated by two files of image data B1 and B2 is displayed in the table T2. Image data B1 and B2 are set to be displayed in two cells of table T2, respectively.

  In general, in order to efficiently read image data, a method of dividing a large image file into a plurality of files and displaying it using a table structure is employed. However, as shown in FIG. 11, in the conventional process, if the table does not fit in the width of the real screen, the table is divided and laid out in units of cells, so that a plurality of images set in a plurality of cells. In a table that displays one image according to data, the image is divided and displayed.

  When there is an image image in the table, the table processing unit 133 uniformly reduces all the cells constituting the table, maintains the original layout as much as possible, and does not divide the image displayed using the table. Such a uniform reduction process or a table division process in which the cells constituting the table are divided into blocks and the table is divided in units of blocks.

  Specifically, the table processing unit 133 performs data table and cell analysis processing based on the analysis information of the HTML analysis processing unit 112, and table analysis information such as table size, cell maximum width, and minimum width. Is stored in the table analysis information storage unit 143.

  Then, the table equal reduction processing unit 1331 compares the table width with the actual screen width based on the table analysis information, and if the table width is within the range of the actual screen, arranges the table as it is. . On the other hand, if the table width exceeds the real screen width, the table reduction ratio is calculated based on the real screen width and the table width.

  If the calculated table reduction ratio does not exceed the predetermined reduction limit value, the cell width is reduced for all the cells in the table based on the table reduction ratio. In addition, the original horizontal / height ratio of the cells and the ratio in the cell row are maintained, and the cell height and the space between the cells are reduced.

  When the table cell is subjected to reduction processing, the image / form part processing unit 137 performs processing for data other than text, for example, object such as image data or size specified form part, at the same rate as the reduction ratio after reduction processing. To reduce the height so that the ratio of width to height at the original size is retained.

  In addition, when the table cell is reduced, the text processing unit 135 sets the wrapping according to the width of the reduced cell while keeping the original size of the text.

  In this case, as shown in FIG. 12, the table processing unit 133 enlarges and adjusts the cell height in order to secure the number of lines for displaying all characters of the text with the cell width reduced by the table reduction ratio. To do.

  Further, when the table reduction ratio exceeds a predetermined reduction limit value, the table division processing unit 1333 blocks the cells constituting the table and divides the table in units of blocks to change the arrangement position.

  FIG. 13 shows an example of HTML data including a table to be displayed. FIG. 14 shows a display example of the table when the HTML data shown in FIG. 13 is displayed on the standard screen for PC.

  As shown in FIG. 14, the table T3 of HTML data (Web page) is composed of ten cells ca1 to cd3. In the table T3, in order to display the image C1, five image files obtained by dividing the image C1 are displayed in each of the five cells ca1, ca2, cb1, cc1, and cc2. In order to display the image C3, three image files obtained by dividing the image C3 are displayed in the three cells cd1, cd2, and ce1, respectively. The image file of the image C2 is displayed in the cell ca3, and the image file of the image C4 is displayed in the cell cd3.

  When the table width exceeds the actual screen width, the table is divided and displayed. In the conventional processing, the table row and column span information (ROWSPAN attribute, COLSPAN attribute) is displayed when the table is divided. Without consideration, the cell to be divided is determined according to the order in which the cells appear and the arrangement position is changed. Therefore, as shown in FIG. 15, what should originally be displayed as one image is divided in units of cells, and is displayed in a state far from the original image.

  If the table division processing unit 1333 does not fit beyond the width of the real screen even if the width of the table for displaying the image data is reduced, the table division processing unit 1333 displays related cells based on the span information of the cells constituting the table. Table division processing is performed so that one image is not divided as much as possible by making blocks and determining and arranging cells to be divided in units of blocks.

  The table division processing unit 1333 acquires span information such as a ROWSPAN attribute (an attribute that specifies the cell height by the number of rows) and a COLSPAN attribute (an attribute that specifies the cell width by the number of columns) of the cells constituting the table. . Then, the span information is analyzed, and a group of cells whose bottom ends are the same row in all columns of the table and whose right end is the same column in all rows is defined as one block.

  For example, in the table shown in FIG. 14, the row at the lower end of the cell is examined using the ROWSPAN attribute of the analysis information according to the appearance order of the cell from the upper left end of the table. Then, cell ca1, cell ca2, and cell ca3 are not the same at the bottom row, and the bottom row of cell cb1 that appears next is the same as cell ca2, but not the same as the bottom row of cell ca3. . The next lower row of the cells cc1 and cc2 is the same as the lower row of the cell ca3. Here, in all the columns constituting the table T3, since the bottom row of the cells is aligned, the bottom row common to the cells cc1, cc2, ca3 is set as a division line.

  Further, using the COLSPAN attribute of the analysis information, it is similarly checked whether the rightmost column of the cell is the same in all rows. Then, cell ca1, cell cb1, cell cc1, cd1 and cell ce1 are not in the same column at the right end, and the right end of cells ca2, cc2, cd2, ce1 that appear next is in the same column. Here, since the rightmost columns of the cells are aligned in all the rows constituting the table T3, the columns common to the cells ca2, cc2, cd2, and ce1 are set as division lines. In this way, as shown in FIG. 16, five cells of cells ca1, ca2, cb1, cc1, and cc2 are made into block B1, cell ca3 is made into block B2, and three cells of cells cd1, cd2, and ce1 are made into block B3. The cell cd3 is assumed to be a block B4.

  As shown in FIG. 17, since the right end of the block B1 is within the width of the real screen for the cell column of the table, the cell arrangement position of the block B1 is set to the position set by the analysis information. Next, since the right end of the block B2 is not within the range of the real screen, the cell arrangement position of the block B2 is changed to a position continuing below the block B1. Further, the cell arrangement position of the block B3 is changed to a position continuing below the block B2, and the right end of the block B4 is not within the width of the real screen, so that the cell arrangement position of the block B4 is below the block B3. Change to the next position.

  FIG. 18 shows a processing flow of table processing.

  The table processing unit 133 performs table and cell analysis processing based on the analysis information of the HTML data, acquires the table size, the maximum width in the cell, and the minimum width, and stores them in the table analysis information storage unit 143 (step S1). S30).

  The table uniform reduction processing unit 1331 determines whether or not the width of the table exceeds the width of the real screen (step S31). If the width of the table exceeds the width of the real screen (YES in step S31), the table reduction ratio is calculated based on the width of the table and the width of the real screen (step S32).

  Then, it is determined whether or not the table reduction rate exceeds a predetermined reduction limit value (step S33). If the table reduction rate does not exceed the reduction limit value (NO in step S33), a table uniform reduction process is performed. (Step S34) If the table reduction rate exceeds the reduction limit value (YES in Step S33), table division processing is performed (Step S35).

  FIG. 19 shows a processing flow of the table uniform reduction processing in step S34.

  The table uniform reduction processing unit 1331 reduces the size (width and height) of each cell based on the table reduction ratio calculated in the process of step S32 (step S341).

  The image / form part processing unit 137 reduces the width of elements other than text at the same rate as the table reduction rate. Further, the height of the elements other than the text is reduced so as to maintain the original horizontal and vertical ratios of the elements (step S342).

  FIG. 20 shows a process flow of the table division process in step S35.

  The table division processing unit 1333 finds a line where the cell ends (lower end / right end) are aligned in all the columns or rows constituting the table, and blocks the cells up to the line where the cell ends are aligned (step S351).

  Until there is no unprocessed block (step S352), a block having a high priority is selected from the unprocessed blocks. Here, the order of appearance of the cells from the upper left end of the table is used as the priority (step S353). For the selected block, it is determined whether or not the width of the block exceeds the range of the actual screen width (step S354). If the block width is within the range of the actual screen width (NO in step S354) The position designated by the analysis information of the cell of the block is set as the arrangement position (step S355).

  On the other hand, if the block width exceeds the range of the real screen width (YES in step S354), the cell arrangement position of the block is changed to a position following the bottom row of the table (step S356).

  When the cell constituting the block is one column and the cell width exceeds the range of the real screen width, the cell width is reduced to be within the range of the real screen width.

  Although the present invention has been described above with reference to the embodiments, it is obvious that the present invention can be variously modified within the scope of the gist thereof.

  For example, in the present embodiment, an example in which the table equalization reduction process and the table division process are separately performed has been described. However, the table equalization reduction process and the table division process based on cell blocking may be performed in combination. Good. For example, the table uniform reduction ratio is calculated based on the width of the block with the table and the width of the real screen, the table is divided into blocks, and cells that become blocks exceeding the real screen width are displayed on the real screen. Reduce the layout to fit within the width. As a result, a large table can be divided into rectangles as close as possible and displayed within the range of the reduction limit value.

  Further, the present invention can be implemented as a program for causing a computer to execute processing for a certain purpose by being read and installed by the computer. The program for realizing the present invention can be stored in an appropriate recording medium such as a portable medium memory, a semiconductor memory, and a hard disk, which can be read by a computer, provided by being recorded on these recording media, or communication. It is provided by transmission / reception using various communication networks via an interface.

  The features of the embodiments and examples of the present invention are listed as follows.

(Supplementary note 1) Processing means for configuring a browser device that displays data described in a markup language by performing layout processing suitable for the display screen size,
The horizontal size of the standard screen in which the standard screen size for displaying the Web page is virtually set is acquired from the display analysis information of the Web page to be displayed, and the horizontal size of the standard screen and the Web page are acquired. Processing means for calculating a frame reduction ratio based on a ratio with a horizontal size of a display screen that actually displays
When the frame reduction ratio exceeds a predetermined reduction ratio limit value, the actual size designation frame for which the size by the actual value is designated among the frames constituting the divided frame is the side of the frame reduced by the frame reduction ratio. Processing means for changing a ratio between frames of the frame division so that a size value approaches the actual value;
As a processing means for reducing the frame divided by using the ratio between the changed frames and the frame reduction ratio,
Browser program with layout function to make computer function.

(Supplementary Note 2) The processing means for changing the ratio between the frames, when changing the ratio between the frames of the frame division, sets a frame reduction ratio for a frame without an actual size designation in which a size based on the actual value is not designated. The browser program with a layout function according to appendix 1, wherein the browser program is changed within a range not exceeding a reduction rate limit value.

(Supplementary Note 3) The processing means for changing the ratio between frames changes the frame reduction ratio to a range where the actual size is zero for a frame with no actual size designation in which there is no data to be displayed inside the frame. The browser program with a layout function according to the above supplementary note 1.

(Supplementary Note 4) Processing means for configuring a browser device that displays data described in a markup language by performing layout processing suitable for the display screen size,
When the horizontal size of the table included in the Web page is acquired from the display analysis information of the Web page to be displayed, and the horizontal size of the table is larger than the horizontal size of the display screen that actually displays the Web page, Processing means for calculating a table reduction ratio based on a ratio between the horizontal size of the table and the horizontal size of the display screen;
As processing means for uniformly reducing all the cells constituting the table using the table reduction ratio,
Browser program with layout function to make computer function.

(Supplementary Note 5) Further, when the table reduction rate exceeds a predetermined reduction limit rate, span information indicating the size of the cells constituting the table is acquired from the analysis information for display of the Web page, and the span Processing means for dividing the table cells into rectangular blocks based on the information;
As processing means for arranging the table in units of rectangular blocks so that the horizontal size of the rectangular blocks constituting the table is in a range that does not exceed the horizontal size of the display screen,
The browser program with a layout function according to Appendix 4, which causes the computer to function.

(Appendix 6) A layout processing method for displaying data described in a markup language by performing layout processing suitable for the display screen size,
The horizontal size of the standard screen obtained by virtually setting the size of the standard screen for displaying the web page is obtained from the display analysis information of the web page to be displayed.
Calculating a frame reduction ratio based on a ratio between a horizontal size of the standard screen and a horizontal size of a display screen that actually displays the Web page;
A method of processing a layout of a Web page, wherein the frame division frame is reduced using the frame reduction rate.

(Supplementary note 7) A layout processing method for displaying data described in a markup language by performing layout processing suitable for the display screen size,
Obtaining the horizontal size of the table included in the Web page from the display analysis information of the Web page to be displayed;
When the horizontal size of the table is larger than the horizontal size of the display screen that actually displays the Web page, a table reduction ratio is calculated based on the ratio between the horizontal size of the table and the horizontal size of the display screen,
A method for processing a layout of a Web page, wherein all the cells constituting the table are uniformly reduced using the table reduction ratio.

(Supplementary note 8) A layout processing method for displaying data described in a markup language by performing layout processing suitable for the display screen size,
Obtaining the horizontal size of the table included in the Web page from the display analysis information of the Web page to be displayed;
When the horizontal size of the table is larger than the horizontal size of the display screen that actually displays the Web page, a table reduction ratio is calculated based on the ratio between the horizontal size of the table and the horizontal size of the display screen,
When the table reduction rate exceeds a predetermined reduction limit rate, span information indicating the size of the cells constituting the table is acquired from the analysis information for display of the Web page, and the table is based on the span information. Cut the cell into rectangular blocks,
A Web page characterized in that the table is divided and arranged in units of rectangular blocks so that the horizontal size of the rectangular blocks constituting the table is in a range that does not exceed the horizontal size of the display screen. Layout processing method.

DESCRIPTION OF SYMBOLS 1 Browser apparatus 110 Browsing process control part 111 Communication process part 112 HTML analysis process part 113 Layout process part 114 Image display process part 130 Optimization layout process part 131 Frame process part 1311 Frame reduction rate calculation process part 133 Table process part 1331 Table equality Reduction processing unit 1333 Table division processing unit 135 Text processing unit 137 Image / form part processing unit 141 Frame reduction rate storage unit 143 Table analysis information storage unit 145 Table reduction rate storage unit 147 Cell block analysis information storage unit 2 Display device

Claims (5)

In the browser program,
On the computer,
Written in Ma Kuappu language, from the display analysis information for the data of the page is displayed, to obtain the horizontal size of the table included before Kipe over di,
Is greater than the horizontal size of the screen of the table Shimesuru display device Kipe over di previous horizontal size of the table, on the basis of the ratio between lateral size of the horizontal size and the front Kiga surface of said table, said table reduced by calculating a reduction ratio which is a ratio of displaying,
If the previous SL reduction ratio exceeds a predetermined reduction limit ratio, obtained from the display analysis information of the page, based on the information indicating the size of the cells constituting the table, the cells of the table block Split,
The table is divided and arranged in units of blocks so that the horizontal size of the blocks constituting the table is in a range that does not exceed the horizontal size of the screen.
A browser program characterized by that . Wherein the cell of claim 1, wherein the blanking Lau The program, wherein a part of the image data is displayed. The browser program according to claim 1, wherein the cell and the block are rectangular. In the browser control method,
Computer
The horizontal size of the table included in the page is obtained from the display analysis information for the data of the page to be displayed described in the markup language.
When the horizontal size of the table is larger than the horizontal size of the screen of the display device that displays the page, the table is reduced and displayed based on the ratio between the horizontal size of the table and the horizontal size of the screen. Calculate the reduction rate, which is a percentage,
When the reduction ratio exceeds a predetermined reduction limit ratio, the table cells are divided into blocks based on the information indicating the size of the cells constituting the table obtained from the page display analysis information. ,
The table is divided and arranged in units of blocks so that the horizontal size according to the arrangement in the column direction of the blocks constituting the table does not exceed the horizontal size of the screen.
A control method characterized by that. In a control device for displaying data described in a markup language on a display device,
An acquisition unit for acquiring the horizontal size of the table included in the page from the display analysis information for the data of the page to be displayed;
When the horizontal size of the table is larger than the horizontal size of the screen of the display device that displays the page, the table is reduced and displayed based on the ratio between the horizontal size of the table and the horizontal size of the screen. A calculation unit for calculating a reduction ratio as a ratio;
When the reduction ratio exceeds a predetermined reduction limit ratio, the cells of the table are divided into blocks based on the information indicating the size of the cells constituting the table obtained from the page display analysis information. A dividing section;
An arrangement unit that divides and arranges the table in units of blocks so that the horizontal size of the blocks constituting the table is in a range that does not exceed the horizontal size of the screen;
A control device comprising:

Images