201216143 六、發明說明： 【發明所屬之技術領域】 =明為有關於—種顯示調整系統及其顯示調整方法， 整系統及其顯示調整方法 【先前技術】 疋曰種以觸控方式調整表格攔位内的網· 整系統及士细杜士今之，用頁的顯示調201216143 VI. Description of the invention: [Technical field to which the invention belongs] = clearly related to the display adjustment system and its display adjustment method, the whole system and its display adjustment method [Prior Art] The net in the space, the whole system, and the Shidu Du Shi, the page display
成#用^⑽手持式裝置的普及與網際網路的發展趨勢，造 ==持式裝置上網劉覽網頁的機會較以往大幅增加， ^而’由於手持式裝置能夠顯示的畫面大小有限， 望能夠改翻_覽方式。 π㈣者希 、般而。’顿式裝置具有觸控螢幕提供使財進行觸控 作，並且備有·ϋ(ΒΓΧην_χ便使用者上網職㈣之用。然 而，手持式裝置為了卿方便，所以在糾上有其體積上的限制， 也因此造細馳絲能触示的畫面大小有限，這對於以手 式裝置網頁的使用者而言’將遭遇剩頁内容的文字及圖片 顯示過小而產生瀏覽網頁不便的問題。 有鑑於此’便有軸提出將網頁内容放大顯示，並且在觸控 螢幕無法一次顯示放大後的網頁内容時，僅顯示部分的網頁内容 且允許使用者透過觸控操作來切換顯示不同部分的網頁内容。如 此一來，即可避免網頁内容中的文字及圖片顯示過小所造成的不 便。不過，此方式將對全部的網頁内容放大顯示，而無法單獨提 供使用者選擇需要的部分再進行放大顯示’因此對於使用者而 言，容易浪費許多時間在切換顯示的觸控操作上，故此方式仍無 法有效解決使用手持式裝置瀏覽網頁不便的問題。 201216143 綜上職，可知先前技射長_來—轉在制手 置劇覽網頁不便之_，因此實有必要提岐進的技術手段，^ 解決此一問題。 不 【發明内容】 有繁於先倾鱗麵_，本伽遂縣—翻 調整系統及其顯示調整方法。 只们.，肩不 本發明所揭露之網頁的顯示調整系統，應用於手持 中，其糸統包含：聰莫組、分析模組、侧模組及調整模 其令’觀模組用以下載並顯示網頁文件，所述網頁文件包含 個表格攔位’其中每一表格欄位分別包含有網頁内容；分析触 用以分析所賴頁文件，並且計算每—表格攔位的表格… 圍；細細以細貞_控路徑，並聊耻觸控;: 圍以選擇相應的表格攔位；調整模組用以_擇 =格攔位及其包含的網頁内容，並根據此觸控路徑的類型調整 表格襴位的祕顯示_，⑽麵紐絲 網頁内容_示方式。 關^周1 至於本發明之㈣__整方法，應祕手持錢置中， :下載並顯示網頁文件’此網頁文件包含多個表格棚 ’其中=-表格攔位分別包含有網頁内容；分析所述網頁文件， 並且計异每-表格攔位的表格顯示範圍；持續偵測觸控路种，並 =測此觸控路徑所在的表格顯示範圍以選擇相應的表格棚位； :買取選擇的表格攔位及其包含的網頁内容，並根據其觸發路徑的 ^調整表格攔_祕_朗，以及在調紐喊 圍中調整其網頁内容的顯示方式。 ·' 201216143 本發明所揭露之系統與方法如上，與先前技術之間的差異在 於本發>97C透過在覽網頁文件時伽撕控路徑，以及根據此觸 控路徑選擇表格攔位，讀·此表格攔㈣表格顯示範圍及其 包含的網頁内容。 透過上述的技術手段，本發明可以_提高網獅覽的便利 性之技術功效。 【實施方式】 以下將配合圖式及實施例來詳細說明本發明之實施方式，藉 此對本發明如何制技術手段來解決技綱題並達成技術功效的 實現過程能充分理解並據以實施。 在說明本發明所揭露之網頁的顯示調整系統及其顯示調整方 法之前’先對本發明所自行定義的名詞作說明，本發簡述的網 頁文件是财合敎本標記語輝ypefText Marialp Language， HTML)規範的文件；_頁文件中包含的表格攔位則是由網頁標 t f “<Table>” ' “<tr>” 及“<td>”等所組成。另外，每 -個表格攔位所包含的網肋容為文字或圖像檔案，舉例來說， 假設網頁文件的部分原始碼如下： ‘〈Table〉 <tr><td>abc</td><td><img src=a.gif^^^ 〈/Table〉” 那麼’根據網頁標籤“<td>”的數量及排列方式可得知且有 兩個表格攔位，其中-個表格攔位的網頁内容為“咖”；另二個 表格欄位_頁魄則糊賴_名為“a,)。由於 籤的定義及規範均為習知技術，故在此不再多作贅述。 不 ς 201216143 以下配合圖式對本發明網頁的顯示調整系統及其顯 法作進-步·:請參閱「第丨圖」，「第1圖」為本發明網頁的 顯不_整系統之系統方塊圖，應用於手持式裝置⑽中，盆勺人 劇覽模組m、分析馳•伽触⑽及雜料 中，劉覽模組潜用以下載並顯示網頁文件，此網頁文件包含多' 個表格欄位，其中每-表格攔位分別包含有網頁内容，由於網頁 文件、表格欄位及網肋料已在自行定義的名詞中作說明 在此不再多作贅述。 分析模組12G用时_頁文件，並且計算每-表格欄位的 表格顯示制。在實際實施上，分析網頁讀的方歧讀取網頁 文件的原始碼，並且在此原始碼巾根據網頁賴，如：“〈施〇 ”、“<tr>”及“<td>”等’用以判斷表格攔位的數量及架構，舉 例來說，可直接細頁賊“<td>，，的數量作為此網頁文件内的 表格攔位之數量，以及根據各網頁標籤_觸序得知表格搁位 的架構。另外，由於網頁標射可包含各種屬性，如：高度伽㈣、 寬度(width)......等等。因此’分析模組120可根據高度及寬度等 屬性，以及網頁文件的最大顯示範圍來計算出表格顯示範圍，舉 例來說’假設網頁文件最大顯示範圍為“32〇*32〇”（即座標(〇,〇)、 座標(320,0)、座標(32〇,32〇)及座標(0,320)所組成的矩形區域）、網 頁才示籤為〈td height=l〇〇 width=100>” 以及 “<td height=l〇〇 width=20>”，那麼，分析模組12〇在計算後即可得知第一個表格 欄位的表格顯示範圍為座標(〇,〇)、座標(1〇〇,〇)、座標(1〇〇,1〇〇)及座 松(0，100)所組成的矩形區域；而第二個表格攔位的表格顯示範圍 為座標(100,0)、座標(120,0)、座標(12〇，1〇〇)及座標(100，100)所組成 201216143 的矩形區域。 偵測模組BG用以持續偵卿控路徑，舉例來說，使用者在 =式裝置⑽賴覽界面上鋪並機直財再接觸的過程 =貞顺㈣會將此—移動過程所經座標作為觸控路徑。 ，測模組130將_此觸控路徑所在的表格顯示範圍以便 二的表格欄位，以上例而言’假設觸控路徑的座標均位於 =㈣-個表格攔位的表格顯示脑），那麼偵峨組i3〇將 選擇第一個表格攔位。 調整模組14G H取選擇的表格·及其包含的網頁内 谷，假設_模組m如上所述選擇第—個表格攔位，則調整模 組⑽將讀取此細__狀籤“ <td hdght=刚祕簡〉 ，以及讀取此表格觀内容，此網肋容的讀取方式是 將網頁標籤“<td height，width=跡”及其相應的網頁標鐵 </td>之間的内容讀取為此表格攔位的網肋容。假設這之間 的内容為網頁標籤“ <img>”，麻據其屬性‘‘如，，讀取圖像# 案作為其網頁内容，反之若單純為文字，則將此文字作為網頁内田 容，甚至亦可顧時具有_織“<img>，，及料_，__ 案及文字一併作為網頁内容。 承上所述’在讀輯擇的表格她及其包含的網頁内容後， 調整模組⑽將根據偵測池13〇所伽到的觸魏徑的類型， 如：縱向路彳f、橫㈣徑及_路徑，用簡整表格襴位的表格 顯示範圍’舉例來說’假設觸控路徑的_為縱向路徑，調整模 組140可將表格攔位的表格顯示範圍調整成與網頁文件的最大顯 201216143 示範圍(例如：“320*320”）相同；假設觸控路徑的類型為橫向路 L，5周整模組140可將表格攔位的表格顯示範圍維持不變；假設 觸控路徑的翻為_賴，調整模組14〇同樣可將表格棚位的 表格顯示範圍調整成與網頁文件的最大顯示範圍相同。在實際實 施上，其表格顯示範圍的調整方式可透過修改表格攔位的網路桿 籤之屬性數值來達成’例如：將^^^以非户丨⑽…也^⑺^，，^ 為“<tdheight=320width=320>，，’並且隱藏其他表格攔位。 —接著’調整模組140會在調整後的表格顯示範圍中調整網頁 内容的顯示方式。以上例而言’由於祕顯示範圍變大，故可放籲 絲糊頁内容，其放大比率的計算方式可根據調整後的寬度 ”“320”除以調整前的寬度“⑽，，，用以計算出放大比率為 倍。特別要說_是’本發明並未以上鱗舰定其計算方式， ^何能夠計算出放大倍率的計算方式皆不脫離本發明的應用範 轉0 接者，請參閱「第2圖」所示意，「第2圖」為本發明網頁的 顯相整方法之方法流程圖，應用於手持式裝置！⑻巾，直步驟 =二下載並顯示網頁文件，所述網頁文件包含多個表格搁位， 八中母-表格齡分別包含網頁内容（步驟21〇);分析網頁文件， =位此觸控路徑所在的表格齡範_擇減的表 =^路徑_翻整祕嫩的祕顯示範圍，以及在調整 =格員咖中調整網頁内容的顯示方式(步驟24〇)。透過上 述步驟，即可透過在職網頁文件時偵測觸控路徑，以及根據此 201216143 觸控路徑卿祕攔位，时膽此表__表格顯示範圍及 其包含的網頁内容。 另外，在步驟240之中，若讀取的網頁内容僅為單一圖像檔 案時’將產生浮動視窗並在此浮動視窗中以原圖大小顯示所述圖 ’像檔案，以及允許以觸控方式操作此浮動視窗(步驟241)。特別要 說明的疋’軸本發明是以浮動視窗的方式顯示原圖大小的圖像 標案，但在實際實施上並未以絲限，任何能酬科圖大小的 圖像檔案的方式皆不脫離本發明的應用範疇。 •以下配合「第3圖」至「第7B圖」以實施例的方式進行如下 =明，請絲閱「第3圖」，「第3圖」為本發明賴覽界面之示 思圖，其瀏覽界面300包含：輸入區塊31〇、瀏覽元件32〇及顯示 區塊330〇在實際實施上，此瀏覽界面3⑻是透過觸控方式進行操 作。特別要說明的是，本發明並未以此限定瀏覽界面3〇〇所包含 的元件數量及其類型。 請參閱「第4 ®」’「第4圖」為細本發卿覽包含表格欄 •位的網頁文件之示意圖。當使用者欲瀏覽網頁文件400時，可透 過瀏覽界面300的輸入區塊31〇輸入網址，如： http://www.a.com/index.htm” ’並且以觸控方式點選瀏覽元件 、· 320，此時，瀏覽模組110即根據此網址下載相應的網頁文件4〇〇 並且將此網頁文件400顯示在顯示區塊330申，此網頁文件4〇〇 如「第4圖」所示意包含多個表格攔位(41〇、42〇及43〇)，其中每 一個表格攔位(410、420及430)分別包含有相應的網頁内容，稍後 將配合圖式對網頁内容的調整方式作說明。 承上所述，在下載並顯示網頁文件4〇〇後，分析模組12〇將 201216143 分析此網頁文件400，其分析方式是讀取此網頁文件4〇〇的原始 碼，並針對與表格欄位(41〇、420及430)有關的網頁標籤進行分 析，饭设網頁文件400中有關表格攔位(41〇、420及430)的原始碼 如下： “<Table> <tr> <td width=100 height=200>新聞類型</td> <td width=l〇〇 height=200>新聞報導</td> <td width=100 height=200><img src=a.gif></td> · </tr> 〈/Table〉， 其中“Widtwoo”及“height翁，均為此網頁標籤的屬 性。分，組120可根據網頁標籤“<td>”的數量來觸表格攔 位的數置，以此例而言，由於網頁標藏“ <td>，，有三個，故可得 去肩頁文件4〇〇具有二個祕攔位_、42〇及·)。另外，在分 ㈣程中村娜_籤‘‘奶，，及“<td>”的排觸序得知 =個表格攔位⑽、伽及)以橫向並行排列，由於根據㈣ =的排_序得知其架構的方式_π技術，故在此不再多作 著刀析核、、且120可根據網頁標籤的屬性(例如：寬度及高 度)搭配網頁文件的最大顯示範圍計算出每-個表Hi 說明，故在此不再請=由於料算方式•前述舉例 圖J及「第5Β 請參閱「第5Α圖」及「第5β圖」，「第5α 201216143Into the use of ^ (10) handheld devices and the development trend of the Internet, the opportunity to create a ============================================================ Can change the way of viewing. π (four) is the same as the general. 'Don-type device has a touch screen to provide financial control, and is equipped with ϋ ν ΒΓΧ χ 使用者 使用者 使用者 使用者 使用者 使用者 使用者 使用者 使用者 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 Restrictions, and therefore the size of the screen that can be touched by the user can be limited, which is a problem for the user of the hand-held device webpage to display the text and the image of the remaining page content too small to cause inconvenience in browsing the webpage. In this case, the axis proposes to enlarge the content of the webpage, and when the touchscreen cannot display the enlarged webpage content at one time, only part of the webpage content is displayed and the user is allowed to switch the webpage content of different parts through the touch operation. In this way, the inconvenience caused by the text and the image in the webpage content being too small can be avoided. However, this method will enlarge the display of all the webpage contents, and cannot separately provide the part selected by the user to be enlarged and displayed. For the user, it is easy to waste a lot of time on switching the touch operation of the display, so this method still cannot be Effectively solve the problem of using the handheld device to browse the webpage. 201216143 In summary, I can see that the previous technology shooter _ came - it is inconvenient to make the screen of the drama, so it is necessary to improve the technical means, ^ solve This problem. No [invention content] There are many kinds of slanting scales _, Benjamin County-turn adjustment system and its display adjustment method. Only., the shoulder does not disclose the display adjustment system of the webpage, application In the handheld system, the system includes: a Congmo group, an analysis module, a side module, and an adjustment module. The viewer module is used to download and display a webpage file, and the webpage file includes a table blocker. The table field contains the content of the web page; the analysis touch is used to analyze the page file, and the table for each block stop is calculated... The line is fine-tuned to control the path and chat with the touch; The corresponding table block; the adjustment module is used to select the block and the content of the webpage contained therein, and adjust the secret display of the form according to the type of the touch path _, (10) face silk web content _ display mode Off ^周1 As for this issue (4) __ whole method, should be secretly held in the middle of the money, download and display the web page file 'This web page file contains multiple table sheds' where = - the table block contains web content respectively; analyze the web page file, and calculate The display range of each-table stop; continuously detect the touch path type, and = measure the display range of the touch path to select the corresponding table booth; : buy the selected form block and the page it contains Content, and according to the trigger path of the adjustment table _ secret _ lang, and adjust the display of the content of the web page in the slogan. · '201216143 The system and method disclosed by the present invention is as above, and prior art The difference is that the present >97C tampers the path through the web page file, and selects the table block according to the touch path, and reads the table display range and the content of the web page contained therein. Through the above technical means, the present invention can improve the technical effect of the convenience of the network lion. [Embodiment] Hereinafter, embodiments of the present invention will be described in detail with reference to the drawings and embodiments, and thus the implementation of the technical means to solve the technical problems and achieve the technical effects can be fully understood and implemented. Before describing the display adjustment system of the webpage and the display adjustment method thereof disclosed in the present invention, the nouns defined by the present invention are first described. The webpage file briefly described in the present invention is the gif 标记 标记 yp yp yp yp yp yp yp yp yp yp yp yp The canonical file; the table block contained in the _page file is composed of the web page tf "<Table>" '"<tr>" and "<td>". In addition, each of the table barriers contains a text or image file. For example, assume that the partial source code of the web page file is as follows: '<Table> <tr><td>abc</td> ;<td><img src=a.gif^^^ <//Table>" Then 'according to the number and arrangement of the webpage tags "<td>", there are two table stops, among which - The content of the webpage of the table block is "coffee"; the other two table fields _ page 糊 _ _ named "a,). Since the definitions and specifications of the signatures are well-known technologies, they will not be repeated here. ς 201216143 The following is a description of the display adjustment system of the webpage of the present invention and its display method in accordance with the following figure: Please refer to the "figure map", "the first figure" is the system block of the display system of the present invention. The figure is applied to the hand-held device (10), the bowler's human drama module m, the analysis Chi·Galta (10) and the miscellaneous materials, and the Liuwang module is used to download and display the webpage file, and the webpage file contains more than one The table field, in which each-table block contains the content of the webpage, and the webpage file, the table field and the net ribs have been described in the self-defined nouns, and will not be repeated here. The analysis module 12G uses the time_page file and calculates the table display system for each-table field. In actual implementation, the analysis of the web page reads the original code of the web page file, and the original code towel is based on the web page, such as: "Shi Shi", "<tr>", and "<td>" Etc. 'To determine the number and structure of the table block, for example, the number of the page thief "<td>," can be directly used as the number of table blocks in the page file, and according to the label of each page. In order to know the structure of the table placement, in addition, because the web page index can contain various attributes, such as: height gamma (four), width (width), etc. Therefore, the 'analysis module 120 can be based on height and width Such attributes, as well as the maximum display range of the web file to calculate the table display range, for example, 'assuming the maximum display range of the web file is "32〇*32〇" (ie coordinates (〇, 〇), coordinates (320, 0) , the coordinates (32〇, 32〇) and the coordinates (0,320) of the rectangular area), the page is marked as <td height=l〇〇width=100>" and "<td height=l〇〇width= 20>", then, the analysis module 12〇 can know the first table column after calculation The table shows the rectangular area consisting of coordinates (〇, 〇), coordinates (1〇〇, 〇), coordinates (1〇〇, 1〇〇) and seat pine (0, 100); and the second table The table of the block display shows the rectangular area of 201216143 composed of coordinates (100,0), coordinates (120,0), coordinates (12〇,1〇〇) and coordinates (100,100). The detection module BG is used to continuously detect the control path. For example, the user pastes the machine on the interface of the device (10) and the process of direct contact with the machine = 贞 顺 (4) will be the coordinate of the moving process As a touch path. The measurement module 130 displays the range of the table in which the touch path is located for the table field of the second. In the above example, 'assuming that the coordinates of the touch path are located in the = (four) - table of the table block, the brain is displayed), then The Detective Team i3〇 will select the first form block. The adjustment module 14G H takes the selected table and its included intra-page valley. If the _ module m selects the first table block as described above, the adjustment module (10) will read the __ tag " <;td hdght=just secret>, and read the contents of this form, this web access is read by the webpage label "<td height,width=track" and its corresponding webpage </td> The content between the reads is the mesh of the table block. Assume that the content between this is the web page tag "<img>", according to its attribute '',, read image# as its The content of the webpage, if it is simply text, the text is used as the web content of the webpage, and even the webpage content may be used as the webpage content of the text <img>, and the material_,___ and the text. After the above-mentioned reading of the selected form and the content of the webpage it contains, the adjustment module (10) will be based on the type of the touch-up path that is detected by the detection pool 13 such as: longitudinal path f, horizontal (four) path And _ path, the table display range of the simple table ' 'for example' assumes that the _ of the touch path is a vertical path, the adjustment module 140 can adjust the table display range of the table block to the maximum display of the web page file 201216143 The range (for example, "320*320") is the same; assuming that the type of the touch path is the horizontal path L, the 5-week module 140 can maintain the table display range of the table block unchanged; For the _ _, the adjustment module 14 〇 can also adjust the table display range of the table shed to be the same as the maximum display range of the web page file. In actual implementation, the adjustment method of the table display range can be achieved by modifying the attribute value of the network bar sign of the table block. For example: ^^^ is not a household (10)...also ^(7)^,,^ is " <tdheight=320width=320>,,' and hide other table barriers. - Then 'adjustment module 140 will adjust the display mode of webpage content in the adjusted table display range. In the above example, 'because of the secret display range It becomes larger, so the content of the page can be released. The calculation of the magnification ratio can be calculated by dividing the adjusted width "320" by the width before adjustment "(10), to calculate the magnification ratio as a multiple. Say _ is 'the invention does not have the above calculation method of the scale ship, ^ how can calculate the calculation method of the magnification without departing from the application of the invention, please refer to the "Figure 2", " Figure 2 is a flow chart of the method for displaying the phase of the webpage of the present invention, which is applied to a handheld device! (8) towel, straight step = two download and display webpage file, the webpage file contains a plurality of table seats, eight middle mother-table age respectively contain webpage content (step 21〇); analyze webpage file, = bit this touch path The table age _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Through the above steps, the touch path can be detected through the on-the-job webpage file, and according to the 201216143 touch path secret block, the table __ table display range and the content of the webpage contained therein. In addition, in step 240, if the content of the read webpage is only a single image file, 'the floating window will be generated and the image file will be displayed in the original window size in the floating window, and the touch mode is allowed. This floating window is operated (step 241). In particular, the invention is based on a floating window to display the image size of the original image size, but in practice, it is not limited by the limit, and any image file that can resize the image size is not It is out of the scope of application of the present invention. • The following is a description of the following examples in conjunction with "3" to "7B". Please refer to "3" and "3" as the illustration of the viewing interface of the present invention. The browsing interface 300 includes: an input block 31, a browsing component 32, and a display block 330. In actual implementation, the browsing interface 3 (8) operates through a touch. In particular, the present invention does not limit the number of components and types of components included in the browsing interface. Please refer to "4th" and "4th" for a detailed view of the webpage file containing the table column. When the user wants to browse the webpage file 400, the webpage can be input through the input block 31 of the browsing interface 300, for example: http://www.a.com/index.htm" ' and the browsing component is clicked by touch mode. At the same time, the browsing module 110 downloads the corresponding webpage file 4 according to the webpage and displays the webpage file 400 in the display block 330. The webpage file 4 is, for example, "Fig. 4" The illustration includes a plurality of form blocks (41〇, 42〇, and 43〇), each of which forms a corresponding webpage content (410, 420, and 430), and will later adjust the content of the webpage with the schema. The way to explain. As described above, after downloading and displaying the webpage file 4〇〇, the analysis module 12〇 analyzes the webpage file 400 by 201216143 by analyzing the source code of the webpage file 4,, and targeting the table column. The webpage tags related to the bits (41〇, 420, and 430) are analyzed. The source codes of the table barriers (41〇, 420, and 430) in the webpage file 400 are as follows: “<Table><tr>< Td width=100 height=200>news type</td><tdwidth=l〇〇height=200>newsreport</td><td width=100 height=200><img src=a .gif></td> · </tr> <//Table>, where "Widtwoo" and "height Weng are attributes of this page tag. The group 120 can touch the number of the table block according to the number of the webpage label "<td>". For example, since the webpage has "<td>, there are three, so the shoulder can be obtained. Page file 4〇〇 has two secret positions _, 42〇 and ·). In addition, in the sub-fourth process, the village _ sign ''milk, and '<td>''s order is known = table Arrangement (10), gamma) are arranged in parallel in the horizontal direction. Since the _π technique of the architecture is known according to the order of (4) =, no more nucleation is performed here, and 120 can be based on the label of the web page. Attributes (for example: width and height) are calculated for each table with the maximum display range of the web page file, so it is no longer required = because of the calculation method. The above example is shown in Figure J and "5th page. Please refer to "5th drawing" And "5th figure", "5th 201216143"
圖」為顧本發明明財式__文件_衫式之第一干 意圖。請先參閱「第5A圖」，假設使用者在劉覽網頁文件400時， 覺得表格欄位420内所顯示的網頁内容421字體過小。使用者可 械覽界面300上以糖方式縱向滑動1其滑動的位置位於表 格欄位420的表格顯示範圍内。此時，偵測模組13〇在使用者以 觸控方式縱向滑動㈣程巾會持續_鋪並作為觸控路徑 500，且由於此觸控路徑5〇(M立於表_立42〇的表格顯示範圍 中，故偵測模組130會選擇表格攔位42(^ 接下來’调整模組140讀取侧模組13〇所選擇的表格欄位 420(例如：讀取網頁標籤“<tdwi她=1〇〇height=2〇〇>”）及其包含 的網頁内容421(例如：‘‘新聞報導，，），並且根據觸控路徑500的 類型(即縱向路徑)調整表格攔位42〇絲格顯示範圍，以及在調整 後的表格顯示範圍中調整網頁内容421的顯示方式，以此例而言， 在觸控路徑500的類型為縱向路徑時，將網頁内容421調整為整 頁放大。在實際實施上，可如「第5B圖」所示意，其表格棚 位420的表格顯示範圍之調整方式可將網頁文件4⑻的最大顯示 範圍減去預設數值(此預設數值代表預留的邊界)後(例如：將最大 顯示範圍的寬度“320”及高度“250”分別減去預設數值“2〇” 及“50”），再將計算後的數值(寬度“3〇〇”及高度“2〇〇”）嵌入 於表格攔位420相應的網頁標籤，使其網頁標籤由原來的“<td width=100height=200>” 調整為 “<tdwidth=300 height=200>”。 然後，在此調整後的表格顯示範圍中，將網頁内容421的字體大 小進行放大以調整成整頁放大的網頁内容421a。特別要說明的 是’除了上述減去預設數值之外，亦可直接將最大顯示範圍嵌入 201216143 表格欄位42G減的網頁縣’上_去預設數韻賴是為了 在最大顯示範圍中使表格襴位42〇呈現邊界，以提供較舒適賴 覽晝面’然而本發明並未以此作限定。 接下來，如「第6A圖」及「第6B圖」所示意，「第6a圖」 及「第6B圖」為應用本發明以觸控方式調整網頁文件的顯示方式 之第二不意圖。請先參閱「第6A圖」，假設使用者在劉覽網頁文 件400時’覺得表格攔位彻内所顯示的網頁内容411部分字體 過小。使用者可在瀏覽界面300上以觸控方式圈選字體過小的部 分’而在圈選過程中’ _模組13〇會持續_座標以作為觸控 φ 路徑500，在此例中，由於此觸控路徑5〇〇位於表格棚位41〇的表 格顯示範圍内，故偵測模組13〇在偵測此觸控路徑5〇〇所在的表 格顯示範圍後，將選擇與此表格顯示範圍相應的表格攔位41〇。 接下來，調整模組140的執行過程與前述實施例雷同，故在 此僅對其差異處作說明。當偵測模組13〇選擇表格欄位41〇時， 調整模組140會根據觸控路徑500的類型(圓形路徑），用以調整表 格攔位410的表格顯示範圍，例如：使用與前述實施例相同的調 籲 整方式，放大表格攔位410的表格顯示範圍。接著，如「第6B圖」 所示意’調整模組140會在調整後的表格攔位41〇之表格顯示範 圍中，將原本的網頁内容411調整成局部放大的網頁内容4Ua， 〜 其調整方式是根據觸控路徑500產生圈選區域，用以記錄與此圈 · 選區域重疊的文字，如：“新聞”。然後，透過調整字體大小僅 將其記錄的文字進行放大，以便形成調整後局部放大的網頁内容 411a。The figure is the first intention of the invention. Please refer to "5A" first. Suppose the user feels that the font size of the webpage 421 displayed in the table field 420 is too small when the user browses the webpage 400. The position on the user-accessible interface 300 that slides longitudinally in sugar mode 1 is swept within the table display range of the table field 420. At this time, the detecting module 13 is vertically slid in the touch mode by the user (4), and the touch towel continues to be used as the touch path 500, and since the touch path is 5 〇 (M stands on the table _ 立 42 〇 The table display range, so the detection module 130 selects the table block 42 (^ next 'the adjustment module 140 reads the side module 13 〇 the selected table field 420 (for example: read the web page label "< Tdwi she = 1〇〇height=2〇〇>") and its included web content 421 (eg, ''news report,'), and adjust the table block according to the type of touch path 500 (ie, the vertical path) The 42-inch screen display range and the display manner of the webpage content 421 are adjusted in the adjusted table display range. For example, when the type of the touch path 500 is a portrait path, the webpage content 421 is adjusted to the entire page. In actual implementation, as shown in "5B", the table display range of table booth 420 can be adjusted by subtracting the maximum display range of web file 4 (8) from the preset value (this preset value represents pre- After leaving the boundary) (for example: the width of the maximum display range) 320" and height "250" are respectively subtracted from the preset values "2" and "50"), and the calculated values (width "3" and height "2") are embedded in the table block 420. The corresponding webpage label is adjusted from the original "<td width=100height=200>" to "<tdwidth=300 height=200>". Then, in the adjusted table display range, The font size of the webpage content 421 is enlarged to be adjusted to the webpage content 421a enlarged by the whole page. In particular, the 'maximum display range can be directly embedded in the 201216143 table field 42G in addition to the above-mentioned minus the preset value. The webpage 'up_presets the number of rhymes to make the table position 42〇 in the maximum display range to provide a more comfortable look. However, the present invention is not limited thereto. Next, as "6A" and "6B" are the meanings of "the 6a" and "6B" are the second intentions of applying the present invention to adjust the display mode of webpage files by touch. Please refer to "First" 6A", suppose the user is at Liu When the page file is 400, it is considered that the font content of the webpage displayed in the table block is 411. The font of the webpage is too small. The user can circle the portion of the font that is too small in the touch interface 300 during the circle selection process. The 〇 coordinate is used as the touch φ path 500. In this example, since the touch path 5 is located in the table display range of the table shed 41〇, the detection module 13 is detecting this. After the table of the touch path 5 is displayed, the table block 41 corresponding to the display range of the table will be selected. Next, the execution process of the adjustment module 140 is the same as the previous embodiment, so only The difference is explained. When the detection module 13 selects the table field 41〇, the adjustment module 140 adjusts the table display range of the table barrier 410 according to the type of the touch path 500 (circular path), for example, using the foregoing In the same manner as the embodiment, the table display range of the table block 410 is enlarged. Then, as shown in FIG. 6B, the adjustment module 140 adjusts the original webpage content 411 to the partially enlarged webpage content 4Ua in the table display range of the adjusted tab stop 41〇, and the adjustment method thereof A circled area is generated according to the touch path 500 for recording a text overlapping the circle and the selected area, such as "news". Then, by adjusting the font size, only the recorded text is enlarged to form the partially enlarged web content 411a.
請參閱「第7A圖」及「第7B圖」，「第7A圖」及「第7B 12 201216143 圖」為應用本發明以觸控方式調整網頁文件的顯示方式之第三示 意圖。請先參閱「第7A圖」’在此例中與前述實施例差異在於你叉 設表格欄位430中的網頁内容為圖像檔案431，那麼，使用者可透 過橫向移動的觸控方式，使偵測模組130根據此觸控方式持續偵 測座標以作為觸控路徑500。此時，調整模組14〇在判斷出網頁内 谷僅為單一圖像檔案431時(即僅具有單一網頁標籤“<img>”）， 將如「第7B圖」所示意，產生浮動視窗_，並且在此浮動視窗 6〇〇中顯示原圖大小的圖像檔案431a，例如：根據圖像檔案内所 鲁$载的尺寸產生相同或更大尺寸的浮動視窗600,並且以1:1的方 式在浮動視窗600中顯示圖像檔案，以及允許以觸控方式操作此 序動視窗600，至於各表格攔位(彻、樣及43())的表格顯示範圍 可維持不變。侧要說_是，本發明並未限定觸控路徑的 類型與調細肋容醜示方式之_關聯性，換句話說，假設 觸控路徑5GG為縱向路徑，亦可將其由整狀大顯示的調整方式 改變成移鋪示或局部放大顯示的織方式，此外其調整方式亦 φ 可維持不變。 〃綜上所述，可知本發明與先前技術之間的差異在於透過在劉 覽網頁文件400時偵測觸控路徑5〇〇，以及根據此觸控路徑· 選擇表格獅，讀調整絲格_的表格齡範圍及其包含的 '網頁内容’藉由此-技術手段可以解決先前技術所存在的問題， 進而達成提高網頁瀏覽的便利性之技術功效。 雖然本發明㈣述之實施例揭露如上，然其並_以限定本 發明，任何熟習相像技藝者，在不脫離本發明之精神和範圍内， 當可作些狀㈣無飾，因此本發明之翻保護賴須視本說 13 201216143 所界定者為準。 明書所附之申請專利範圍 【圖式簡單說明】 ‘圖 .圖 網頁的顯示調整系統之系_ 明網頁的顯示調整方法之方法流程j 第圖為本發明_覽界面之示意圖。 圖 第4圖為剌本發_覽包含表格欄位_頁文件之示意 顯示為應用本發明以觸控方式調整網頁文件的 第6A圖及第6B圖為應用本發明以觸控方式調整網頁文件的 肩不方式之第二示意圖。 第7A圖及第7B圖為應用本發明以觸控方式調整網頁文件的 *、、、員不方式之第三示意圖。 【主要元件符號說明】 100 手持式裝置 110 瀏覽模組 120 分析模組 130 偵測模組 140 調整模組 300 瀏覽界面 310 輸入區塊 320 瀏覽元件 330 顯示區塊 400 網頁文件 410 表格欄位 411 網頁内容 411a 局部放大的網頁内容 420 表格欄位 421 網頁内容 421a 整頁放大的網頁内 430 表格爛位 431 圖像檔案 201216143 431a 原圖大小的圖像檔案500 觸控路徑 600 浮動視窗 步驟210下載並顯示一網頁文件，該網頁文件包含多個表格 欄位，其中每一表格攔位分別包含一網頁内容 步驟220分析該網頁文件，並且計算每一表格攔位的一表格 顯示範圍Please refer to "7A" and "7B", "7A" and "7B 12 201216143" for the purpose of applying the present invention to adjust the display mode of webpage files by touch. Please refer to "FIG. 7A" first. In this example, the difference from the previous embodiment is that the content of the webpage in the table field 430 is the image file 431. Then, the user can use the laterally moving touch mode to make The detecting module 130 continuously detects the coordinates as the touch path 500 according to the touch mode. At this time, when the adjustment module 14 determines that the webpage is only a single image file 431 (that is, only has a single webpage label "<img>"), it will display a floating window as shown in "FIG. 7B". _, and in this floating window 6〇〇, the image file 431a of the original size is displayed, for example, the floating window 600 of the same or larger size is generated according to the size of the image in the image file, and is 1:1. The method displays the image file in the floating window 600, and allows the sequence window 600 to be operated in a touch manner. The table display range of each table block (the sample, the sample and the 43 ()) can be maintained. On the other hand, the present invention does not limit the type of the touch path and the relationship between the ribs and the ugly manner. In other words, if the touch path 5GG is a longitudinal path, it may be made larger. The adjustment mode of the display is changed to the weaving mode of the shifting display or the partial enlargement display, and the adjustment mode is also maintained. In summary, it can be seen that the difference between the present invention and the prior art is that the touch path is detected through the web page 400 of the web page 400, and the table lion is selected according to the touch path. The age range of the form and the 'web content' contained therein can solve the problems of the prior art by using the technical means, thereby achieving the technical effect of improving the convenience of web browsing. Although the embodiments of the present invention (4) are disclosed above, and the present invention is not limited to the spirit and scope of the present invention, the present invention can be made without any decoration. The protection depends on the definition of this paragraph 13 201216143. The scope of the patent application attached to the booklet [Simple description of the drawing] ‘Fig. Diagram of the display adjustment system of the webpage _ The method of the display adjustment method of the webpage j The figure is a schematic diagram of the invention interface. Figure 4 is a schematic diagram showing a table field _ page file showing the application of the present invention to adjust the web page file by touch mode. Figs. 6A and 6B are diagrams for adapting the web page file by using the present invention. The second schematic of the shoulder not the way. FIG. 7A and FIG. 7B are third schematic diagrams of the *, and the staffing mode of the webpage file adjusted by the touch method in the application of the present invention. [Main component symbol description] 100 Handheld device 110 Browse module 120 Analysis module 130 Detection module 140 Adjustment module 300 Navigation interface 310 Input block 320 Navigation component 330 Display block 400 Web page 410 Table field 411 Web page Content 411a Partially enlarged webpage content 420 Table field 421 Webpage content 421a Full page enlarged webpage 430 Form rotten 431 Image archive 201216143 431a Original image size image 500 Touch path 600 Floating window Step 210 Download and display a web page file, the web page file comprising a plurality of form fields, wherein each of the form blocks includes a web page content step 220 to analyze the web page file, and calculating a table display range for each table block
步驟230持續偵測一觸控路徑，並且偵測該觸控路徑所在的 表格顯示範圍以選擇相應的該表格欄位 步驟24〇讀取轉職表格獅及其包含_如容，並根 據該觸控路徑的類型調整該表格攔位的表格顯示 範圍，以及在調整後的該表格顯示範圍中調整該網 頁内容的顯示方式 步驟241 ^該網頁内容僅為單一圖像檔案時，產生一浮動視 肉並在該浮動視窗中以原圖大小顯示所述圖像槽 案，以及允許以觸控方式操作該浮動視窗Step 230 continues to detect a touch path, and detects a table display range in which the touch path is located to select a corresponding table field. Step 24: Read the transfer form lion and its containing _ _ _ _, according to the touch The type of the control path adjusts the table display range of the table block, and adjusts the display manner of the page content in the adjusted display range of the table. Step 241 ^When the content of the page is only a single image file, a floating view meat is generated. And displaying the image slot in the original window size in the floating window, and allowing the floating window to be operated by touch
1515