TW201145044A - Method for offline browse web pages and system thereof - Google Patents
Method for offline browse web pages and system thereof Download PDFInfo
- Publication number
- TW201145044A TW201145044A TW99118901A TW99118901A TW201145044A TW 201145044 A TW201145044 A TW 201145044A TW 99118901 A TW99118901 A TW 99118901A TW 99118901 A TW99118901 A TW 99118901A TW 201145044 A TW201145044 A TW 201145044A
- Authority
- TW
- Taiwan
- Prior art keywords
- webpage
- cached
- browser
- web
- offline
- Prior art date
Links
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
Description
201145044 riNAi-sw-0295-TWXX 34179twf.doc/n 六、發明說明: 【發明所屬之技術領域】 本發明是有關於一種離線瀏覽網頁方法,且特別是有 關於讓使用者可以離線瀏覽非第五代超文件標記語令 (HTML5)規格的網頁的方法及其系統。 下。。 【先前技術】201145044 riNAi-sw-0295-TWXX 34179twf.doc/n VI. Description of the Invention: [Technical Field] The present invention relates to a method for browsing a webpage offline, and in particular to let a user browse offline instead of the fifth A method and system for a web page that superimposes a file tagging order (HTML5) specification. under. . [Prior Art]
傳統的網頁設計大多採用第四代超文件標記語古 (HTML4)的規格’而一但網路連線中斷時,HTMl:網;: HTML4網頁上的網路應用程式即無法正常運作,甚至正 在此網頁上或此網路應用程式中輸入或編輯的資料也隨之 消失,易造成使用者操作上的不方便。 ’ 目前第五代超文件標記語言(HTML5)規格的網頁逐 漸取代前一代(即HTML4)規格的網頁,其特別提供一種應 用程式快取(Application Cache)的功能,讓使用者可以在^ 線(offline)狀況下仍能瀏覽已快取的網頁或操作已快取的 網路應用程式。然而,這種「離線工作」的網頁劉覽器仍 有操作不穩定關題,例如:被儲存於暫存檔的快取網頁 可能不定紐清空’而-旦快取網頁婦空了 離線狀態下此時制者也不清楚有哪些快取網頁可 以使用;以及習知的「離線玉作」的網頁劉覽器運作方式 的操作方式’容易造成在離線狀態 :見:呈現的網頁效果不如在連線狀態的劉 覽 迷可知,目則習知提供「離線工作」之網頁劉覽 201145〇44_twxx 34179twf.doc/n 器的操作方式對使用者來說仍不方便。 【發明内容】 承上所述,本發明之示範實施例提供一種離線瀏覽網 頁方法及其系統。此離線瀏覽網頁方法適用於網頁瀏覽 :、’ ΐΐ解析網頁以產生資源清單,且由外部服務器根據 清單取得要快取的網頁資料,以將一般網頁轉換為符 合第五代超文件標記語言規格的網頁,並快取經過轉換的 網頁。如此,使用者可以清楚知道有哪些已快取網頁可以 使用。另外,當遇到離線狀態,或使用者主動選取瀏覽已 快取的網頁時,即可在網頁觀器上呈現已快取的網頁。 ^根據本發明的一示範實施例,本發明提出一種離線瀏 覽網=方法,適用於一網頁瀏覽器,且包括以下步驟。網 頁瀏覽器在連線狀態中,由一網路伺服器取得一第一網 頁。藉由一外掛在所述之網頁瀏覽器的一瀏覽器擴充模組 與耦接至所述之網頁瀏覽器的一應用快取服務器,將第一 網頁轉換為符合—第5代超文件標記語言規格的一第二網 頁,並快取第二網頁至一快取空間中。此外,提供已快取 的第二網頁至網頁瀏覽器,並由網頁瀏覽器呈現第二網頁。 在本發明之一示範實施例中,上述將所述之第一網頁 轉換為符合第5代超文件標記語言規格的第二網頁,並快 取第了網頁至快取空間中的步驟還包括以下步驟。劉覽器 擴充模、组分析第-網頁以取得一資源清單(manifest)。劉覽 器擴充模組在背景中將資源清單傳送給應用快取服務器。 201145044 riN m-a w-0295-TWXX 34179twf.doc/n 瀏覽擴充模組在背景中將第一網頁儲存在一記憶體空間 中。瀏覽器擴充模組在背景中,請求應用快取服務器提供 要快取的網頁資料。網頁瀏覽器由應用快取服務器取得要 快取的網頁資料。此外,網頁瀏覽器根據資源清單、第一 網頁與要快取的網頁資料取得一第二網頁,並快取第二網 頁至快取空間中。 在本發明之一示範實施例中,上述之根據資源清單、 φ 弟一網頁與要快取的網頁資料取得第二網頁,並快取第二 網頁至快取空間的步驟還包括以下步驟。應用快取服務器 根據資源清單下載要快取的網頁資料。瀏覽器擴充模組在 第一網頁中利用一網頁腳本語言插入一隱藏式内嵌框架。 此外’網頁劇覽器利用隱藏式内被框架下載要快取的網頁 資料。 、 根據本發明的一示範實施例,本發明提出一種離線劇 覽網頁方法,適用於一網頁瀏覽器,並包括以下步驟。網 頁瀏覽器在一連線狀態中,由一網路伺服器取得一第一網 鲁 頁。碟認一使用者是否選取快取第一網頁。在背景中將第 一網頁儲存在一記憶體空間中。確認使用者選取快取第一 網頁後,則分析第一網頁以取得一資源清單,並在背景中 將資源清單傳送給一應用快取服務器。藉由應用快取服務 器取得要快取的網頁資料。根據資源清單、第—網頁與要 快取的網頁資料取得符合第5代超文件標記語言規格的一 第二網頁,並快取第二網頁至一快取空間。此外,在一離 線狀態中,提供已快取的第二網頁至網頁瀏覽器,並由網 34179twf.doc/n 201145044υ295_· 頁瀏覽器呈現第二網頁。 β根據本發明的-示範實施例,本發明提出 覽網頁系統’包括一網路伺服器與_網頁哭、々沒 服„。用以ki、-第一網頁。一網頁瀏覽器,於 態中柄接至祕舰n,用以由網關服^取得第二 頁,並包括-劉覽器擴充模組與一快取記憶體模植 器擴充模組,用以將第—網頁轉換為符合第5代超文 記語言規格的m並餘第二網頁至快取記憶^ 模組中。此外’快取記憶體模組提供已快取的第二網 網頁瀏覽器,並由網頁瀏覽器呈現第二網頁。 在本發明之-示範實施例中,上述之離線劉覽網頁系 統還包括-應用快取服務器,於—連線狀態中祕至劉覽 器擴充模Lx接收難器㈣触分析第—網頁所取 得的-資源清單,以及提供網㈣覽器要快取的網頁資料。 ,本發明之一不範實施例中,上述之應用快取服務器 根據身源清單下載要快取的網頁資料,而瀏覽器擴充模組 ^第一網頁中利用一網頁腳本語言插入一隱藏式内嵌框 ^且網頁劇覽器利用隱藏式内嵌框架下載要快取的網頁 資料。 根據本發明的一示範實施例,本發明提出一種離線瀏 覽網頁系統,包括一網路伺服器、一網頁瀏覽器與一應用 快取服務器。網路伺服器,用以提供一第一網頁。網頁瀏 覽器’於一連線狀態中耦接至網路伺服器,用以由網路伺 服器取得第一網頁,並包括一瀏覽器擴充模組與一快取記 201145044Most of the traditional web design uses the fourth-generation super file markup language (HTML4) specification'. However, when the network connection is interrupted, the HTMl:Net;: HTML4 web application does not work properly, even The data entered or edited on this web page or in this web application also disappears, which is easy to cause user inconvenience. 'The current fifth-generation Hypertext Markup Language (HTML5) specification page gradually replaces the previous generation (ie HTML4) specification of the web page, which specifically provides an application cache (Application Cache) function that allows users to work on the ^ line ( Under offline conditions, you can still browse cached web pages or operate cached web applications. However, this kind of "offline work" web browser still has unstable operation issues. For example, the cached webpage stored in the temporary archive may be indefinitely emptied" and the cached webpage is offline. The time system is also unclear which cache pages are available; and the operation mode of the "offline jade" web browser operation mode is easy to cause offline: see: the rendered webpage is not as good as the connected state. It is known to the readers that the operation of the "Offline Work" website, Liu Lun 201145〇44_twxx 34179twf.doc/n, is still inconvenient for the user. SUMMARY OF THE INVENTION As described above, an exemplary embodiment of the present invention provides an offline browsing web page method and system thereof. The offline browsing method is suitable for web browsing: ' ΐΐ parsing the web page to generate a resource list, and the external server obtains the web page data to be cached according to the list, so as to convert the general web page into the fifth generation super file marking language specification. Webpages and cached converted webpages. In this way, the user can clearly know which cached web pages are available. In addition, when an offline state is encountered, or a user actively selects a web page that has been cached, the cached web page can be presented on the web browser. According to an exemplary embodiment of the present invention, the present invention provides an offline browsing network=method for a web browser, and includes the following steps. In the connected state, the web browser obtains a first web page by a web server. Converting the first webpage into conforming to the 5th generation hypertext markup language by a browser extension module externally attached to the web browser and an application cache server coupled to the web browser A second page of specifications and cache the second page into a cache space. In addition, a second web page that has been cached is provided to the web browser, and the second web page is presented by the web browser. In an exemplary embodiment of the present invention, the step of converting the first webpage into the second webpage conforming to the 5th generation hypertext markup language specification, and caching the first webpage into the cache space further includes the following step. Expand the module, group analysis page - to get a list of resources. The Explorer expansion module passes the resource list to the application cache server in the background. 201145044 riN m-a w-0295-TWXX 34179twf.doc/n The browsing extension module stores the first web page in a memory space in the background. In the background, the browser extension module requests the application cache server to provide webpage data to be cached. The web browser obtains the webpage data to be cached by the application cache server. In addition, the web browser obtains a second webpage according to the resource list, the first webpage, and the webpage data to be cached, and caches the second webpage into the cache space. In an exemplary embodiment of the present invention, the step of obtaining the second webpage according to the resource list, the webpage of the φ and the webpage to be cached, and the step of caching the second webpage to the cache space further includes the following steps. Application cache server Download the web page data to be cached according to the resource list. The browser extension module inserts a hidden inline frame using a web scripting language in the first web page. In addition, the web browser uses the hidden inner frame to download the web page to be cached. According to an exemplary embodiment of the present invention, the present invention provides an offline webpage method, which is applicable to a web browser and includes the following steps. In a connected state, the web browser obtains a first web page from a web server. The disc recognizes whether the user selects the cached first webpage. The first web page is stored in a memory space in the background. After confirming that the user selects the cached first webpage, the first webpage is analyzed to obtain a resource list, and the resource list is transmitted to an application cache server in the background. Get the webpage data to be cached by using the application cache server. According to the resource list, the first webpage and the webpage data to be cached, a second webpage conforming to the 5th generation super file markup language specification is obtained, and the second webpage is cached to a cached space. Further, in an off-line state, the cached second web page is provided to the web browser, and the second web page is presented by the web browser 34179twf.doc/n 201145044υ295_· page browser. According to the exemplary embodiment of the present invention, the present invention provides a web page system that includes a web server and a web page crying, no service. For ki, - the first web page, a web browser, in the state The handle is connected to the secret ship n for obtaining the second page by the gateway service, and includes a browser extension module and a cache memory module expansion module for converting the first page to the first page. The 5th generation of the hypertext language specification m and the second page to the cache memory ^ module. In addition, the 'cache memory module provides a cached second web browser, and is presented by the web browser. In the exemplary embodiment of the present invention, the offline browsing webpage system further includes an application cache server, and in the connection state, the secret browser Lx receiving device (4) touch analysis is performed. The webpage obtained by the webpage, and the webpage data provided by the webpage (four) browser. In one embodiment of the present invention, the application cache server downloads the webpage data to be cached according to the source list. And the browser expansion module ^ uses a network in the first webpage The page scripting language inserts a hidden inline frame^ and the webpage browser uses the hidden inline frame to download the webpage material to be cached. According to an exemplary embodiment of the invention, the present invention provides an offline browsing webpage system, including a a web server, a web browser, and an application cache server. The web server provides a first web page. The web browser is coupled to the web server in a connected state for The web server obtains the first webpage and includes a browser expansion module and a cache note 201145044
-0295-TWXX 34179twf.doc/n-0295-TWXX 34179twf.doc/n
憶體模組。職ϋ擴充H用以確認使用者是否選取快 取第-網頁’並於確認仙麵取快取第__網頁後,分析 第-網頁以取得-㈣清單’將第—網頁轉換為符合第5 代超文件標記語言規格的一第二網頁,且快取第二網頁至 快取記憶體模組中。快取記憶體模組提供已快取的第二網 頁至網頁概器’並由網頁概Μ現第二網頁。另外, 應用快取服務器’於-連線狀_接至㈣器擴充模組, 用以接收継讀賴組提供的資源清單,以及提供網頁 要快取_頁資料。此外,輕器擴充模組根據資 月單、帛,網頁與要快取的網頁資料取得符合第$代超 文件標§己5吾δ規格的第二網頁。Recalling the body module. The job extension H is used to confirm whether the user selects the cache page - and after analyzing the page to retrieve the cache page, the page is analyzed to obtain the - (4) list to convert the first page to the fifth page. A second webpage of the language specification language is marked, and the second webpage is cached into the cache memory module. The cache memory module provides a cached second web page to the web page overview device </ br> and the second web page is displayed by the web page. In addition, the application cache server is connected to the (four) device expansion module for receiving the resource list provided by the read group, and providing the web page to cache the page data. In addition, the lighter expansion module obtains the second webpage conforming to the specification of the first generation of the super-files according to the monthly information, the webpage, and the webpage data to be cached.
離線示範實施例,本發明提供-種 線敬,巧方献其“。所述之離㈣覽網頁方法適 ,於網頁職器’利用外掛在網㈣覽器 組解析網頁以產生資源清單,並由 根據資源清單取得要快取的網頁資料。如 =頁轉換為符合第五代奴件標記語錢將二 者遇到網路連線中斷時或主動 =已快取的網頁時’即可在網頁嶋上呈現所選 舉實 【實施方式】 201145044In the offline exemplary embodiment, the present invention provides a kind of line-of-the-line, and the method is as follows: the method for viewing the webpage is suitable, and the web server uses the plug-in network (four) browser group to parse the webpage to generate a resource list, and By obtaining the webpage data to be cached according to the resource list. If the =page is converted to the fifth generation slave language token money, the two will encounter the network connection interruption or the active=cached webpage' The web page is presented on the election floor. [Implementation] 201145044
-v295-TWXX 34179twf.doc/n 、本發明提出一種離線瀏覽網頁方法及其系統,適用於 在瀏覽器上離線瀏覽原本不符合第五代超文件標記語言 (HTML5)規格_頁。因為本發明所提供之離賴覽網頁 系統或離線劉覽網頁方法可以在使用者㈣—網頁時,在 背景中將此網頁轉換為HTML5規格的網頁,並將已轉換 =網頁快取至本地端的快取記憶空間中,以利於離線瀏 覽。或者’即使在連線狀態下,仍可以由使黯選取已快 取^網,,並由本地端的快取記憶空間中快速提出出來,、 以節省等待重新由網路伺服器下載網頁的時間與網路資 源。以下將以圖1介紹離線㈣網頁系統,並以圖2至圖 5介紹離線瀏覽網頁方法的細部技術内容。 成圖j是根據本發明之一示範實施例所繪示一種離線瀏 覽網頁系統10的系統方塊圖。在離線瀏覽網頁系統1〇中, 一網頁劉覽器11設置於-電子裝置(未詳細綠示)中。此電 子裝置可以為任何具有顯示功能與輸入功能的電子裝置, 例如:桌上型電腦、筆記型電腦、平板電腦、行動^話、 智慧型手機、電子書、多媒職放裝置與電視#。此電子 裝置可以包括一通訊介面與離線瀏覽網頁系統1〇的一網 路伺服器12連線,並且網頁瀏覽器^可以從網路伺服器 12得到網頁,並取得與網頁相關的資料,例如:圖片、影 片、動晝、JavaScript程式碼、FLASH動晝資料以及串; 樣式表(Cascading Style Sheets,以下簡稱為 css)。 請參照圖1,網路伺服器12用以儲存網頁以及與網頁 相關的資料,並提供網頁瀏覽器n至少—網頁(及此網頁 201145044 * -----0295-TWXX 34179twf.doc/n e 相關貝料)’且可以進-步連結至一記憶體裝置(未繪示)或 -資料庫(未纟㈣,並由岐㈣裝置或此㈣庫提供至 少一網頁或此網頁的相關資料。 請參照圖1,網頁劉覽器n至少包括一網頁處理模組 112、一劉覽器擴充(extension)模组114、一快取(cache)記 憶體模組U6與-記憶麵組118。網頁處理模組112用 以處理HTML4、HTML5以及與網頁相關的資料,例如前 ❿ 1之圖片、影片、動晝、JavaScript程式碼、FlaSH動晝 資料以及CSS等。網頁處理模、组112於—連線狀態中輛接 至網路伺服器12,用以由網路伺服器取得至少一網頁。網 頁處理模組112可以根據所獲得的資料’在所設置之電子 裝置的一顯示裝置(未繪示)上呈現此網頁。瀏覽器擴充模 組114外掛在網頁瀏覽器n上,耦接至網頁處理模組 U2 ’用以將第一網頁轉換為符合HTML5規格的一第二網 頁’並快取此第二網頁至快取記憶體模組116中。此外, 快取記憶體模組116提供已快取的第二網頁至網頁瀏覽器 * 11 ’並由網頁瀏覽器11呈現已快取的第二網頁。 在本示範實施例中,快取記憶體模組116耦接至網頁 處理模組112與瀏覽器擴充模組114,用以儲存HTML5 規格所提供之應用快取(Application Cache)功能的資料,此 些資料包括網頁資料與網路應用程式,以供使用者在離線 (offline)狀態下,可以在網頁瀏覽器11瀏覽已快取的網頁 内容。記憶體模組118,耦接至網頁處理模組112、瀏覽器 擴充模組114與快取記憶體模組116,用以儲存不需要快 201145044-v295-TWXX 34179twf.doc/n The present invention provides an offline browsing webpage method and system thereof, which is suitable for offline browsing on a browser which does not conform to the fifth generation Hypertext Markup Language (HTML5) specification_page. Because the method for viewing the webpage or the offline webpage provided by the present invention can be converted into an HTML5-specific webpage in the background in the user (four)-webpage, and the converted=webpage is cached to the local end. Cache the memory space to facilitate offline browsing. Or 'even in the connected state, you can still select the cached network, and quickly get it out from the local cache memory to save time waiting for the web server to download the webpage again. Network resources. The offline (four) webpage system will be described below with reference to Fig. 1, and the detailed technical contents of the offline webpage browsing method will be described with reference to Figs. Figure j is a system block diagram of an offline browsing webpage system 10 in accordance with an exemplary embodiment of the present invention. In the offline browsing webpage system, a web browser 11 is disposed in an electronic device (not shown in detail). The electronic device can be any electronic device having a display function and an input function, such as a desktop computer, a notebook computer, a tablet computer, a mobile phone, a smart phone, an electronic book, a multimedia player device, and a television #. The electronic device can include a communication interface to connect to a web server 12 of the offline browsing webpage system, and the web browser can obtain the webpage from the web server 12 and obtain information related to the webpage, for example: Pictures, videos, animations, JavaScript code, FLASH files and strings; Cascading Style Sheets (hereinafter referred to as css). Referring to FIG. 1, the network server 12 is configured to store a webpage and information related to the webpage, and provide a web browser at least - a webpage (and this webpage 201145044 * -----0295-TWXX 34179twf.doc/ne related The material can be connected to a memory device (not shown) or a database (not shown), and at least one web page or related information of the web page is provided by the (four) device or the (four) library. 1 , the web page viewer n includes at least a web page processing module 112, an extension module 114, a cache memory module U6, and a memory mask group 118. The group 112 is used to process HTML4, HTML5, and web-related materials, such as pictures, videos, animations, JavaScript code, FlaSH data, and CSS. The webpage processing module and group 112 are in a connected state. The middle vehicle is connected to the network server 12 for obtaining at least one webpage by the web server. The webpage processing module 112 can be based on the obtained data on a display device (not shown) of the set electronic device. Present this web page. Outside the browser expansion module 114 Hanging on the webpage browser n, coupled to the webpage processing module U2' for converting the first webpage into a second webpage conforming to the HTML5 specification and quickly fetching the second webpage into the cache memory module 116 In addition, the cache memory module 116 provides the cached second webpage to the web browser*11' and presents the cached second webpage by the web browser 11. In the exemplary embodiment, the cache memory The body module 116 is coupled to the webpage processing module 112 and the browser extension module 114 for storing the application cache function provided by the HTML5 specification, such as webpage data and a web application. For the user to browse the cached webpage content in the web browser 11 in the offline state, the memory module 118 is coupled to the webpage processing module 112, the browser expansion module 114, and the fast. Taking the memory module 116 for storing does not need to be fast 201145044
vi295-TWXX 34179twf.doc/n 取的網頁資料,或儲存自動快取網頁過程中所需的運算資 料,例如.HTML5所提供之本地儲存功能(L〇cal St〇rage) 的=貝料,以紀錄使用者所選取/曾經勾選的網頁,或HTML5 網頁所k供之資源清單(manifest),以利於在適當時機進行 快取網頁的動作。記憶體模組118可儲存程式模組,所述 程式模組在由上述之電子裝置的一處理器模組(未繪示)執 行時,執行產生媒體程式的一或多個過程。另外,快取記 憶體模組116與記憶體模組118可以分別為一或多個記憶 體裝置,用以儲存資料以及軟體程式。在本示範實施例中, 决取§己憶體模組116與記憶體模組118的記憶體裝置可以 例如為.快閃記憶體(FLASH memory)裝置。然而本發明並 不限並於此,在本發明之其他實施例中,快取記憶體模組 U6與記憶體模組118的記憶體裝置還可以為,例如:磁 性儲存設備或光學儲存設備中之一或多者。 在本示範實施例中,瀏覽器擴充模組114還耦接至一 應用快取服務器(Applicati〇n cache Server)13,並將分析第 一網頁所取得的一資源清單在背景中傳送給應用快取服務 器13,而瀏覽器擴充模組114在背景中將已經過分析的第 —網頁儲存在記憶體模組118中。接著,應用快取服務器 13根據資源清單下載要快取的網頁資料。在此值得一提的 是,因為HTLM5規格的安全限制,當根據資源清單下載 要快取的網頁資料時’必須要將網頁與資源清單放置在同 一網域中,因此在本示範實施中,線瀏覽網頁系統1〇利用 應用快取服務器13來取得要快取的網頁資料,之後再將網 201145044 πΝΛΐ-〇 w-0295-TWXX 34179twf.doc/n 頁資料提供至瀏覽器擴充模組114來進行後續的快取動 作。 當網頁瀏覽器11要快取網頁時,網頁瀏覽器11藉由 劉覽器擴充模組114在背景中請求應用快取服務器13提供 要快取的網頁資料,並由應用快取服務器13取得要快取的 網頁資料。此外,網頁瀏覽器11根據資源清單、第一網頁 與要快取的網頁資料取得第二網頁,並快取第二網頁至快 • 取記憶體模組116中。此外,網頁瀏覽器11利用一隱藏式 内嵌框架(例如:HTML5規格中的iframe)下載要快取的網 頁資料,以獲得符合HTML5規格的第二網頁的網頁資 料。更詳細的說明’瀏覽器擴充模組114在背景中開啟由 第一網頁轉換所得到的第二網頁,並利用一網頁腳本語言 (例如:JavaScript)插入一隱藏式内嵌框架插入此第二網 頁’使得網頁瀏覽器11根據資源清單從應用快取服務器 13下載此第二網頁所需的資料(例如:前述之圖片、影片、 •=晝、JavaScnPt程式碼、FLASH動晝資料以及CSS)。在 介紹完自動快取網路應用程式系統10的各主要元件之 後,以下將以圖2至圖5來進一步介紹離線劉覽網頁方法 的細部技術内容。 圖2疋根據本發明之—示範實施例所繪示一種離線劉 覽網頁方法200的流程圖。請丨 劉覽網頁方法200從步驟S202 請同時參照圖1與圖2,離線 頁瀏覽器11在連線狀態中, 頁的資料。在步驟S204中, 開始,在步驟S202中,網 從網路伺服器12取得第一網 網頁瀏覽器11藉由瀏覽器擴 201145044 -w295-TWXX 34179twf.doc/n 充模組114根據所取得的第一網頁,將所取得的第一網頁 轉換為符合HTML5規格的一第二網頁,並快取所辑 第二網頁至一快取空間(亦即,快取記憶體模組116)$:在 步驟S206中,在離線狀態中,瀏覽器擴充模組114提供 已快取的第二網頁至網頁瀏覽器u,並由網頁瀏覽器^ 將第二網頁呈現,到此離線瀏覽網頁方法200結束。因為 第二網頁是符合HTML5規格,所以在離線狀態下,使用 者可以瀏覽原本為第一網頁(此為非HTMl5規格,例如 HTML4規個)的網頁内容。在本發明之另一實施例中,在 鲁 步驟S206中,離線瀏覽網頁方法2〇〇還可以在連線狀態 下,將使用者之前已經選取要快取的網頁呈現在網頁瀏g 器η中。介紹完離線瀏覽網頁方法200後,以下將以圖3 進一步介,離線瀏覽網頁方法之其他較細部的技術内容。 、圖3疋根據本發明之另一示範實施例所繪示另一種離 線剧覽網頁方法3GG的流程圖。請同時參照圖丨與圖3, 離線劉覽=頁方法3〇〇從步驟請2開始,在步驟&〇2中, ”周頁瀏$态11在連線狀態中,從網路伺服器12取得第一 _ 網^的貝料。在步驟S3G4中,外掛在網頁劉覽器U上的 劉覽器擴充模组114在背景中分析所取得的第一網頁,並 根據第-網頁取得資源清單。在步驟S遍中,劉覽器擴 充模、、且114在背景中將資源清單傳送給應用快取服務器 在步驟S3〇8 t,劉覽器擴充模組ιΐ4在背景中將第 、周頁儲存在一記憶體空間(例如:記憶體模組118)中。在 ;/驟S310中,為了取得對應第一網頁而要快取的網頁資 12 201145044 a v»-0295-TWXX 34179twf.doc/nvi295-TWXX 34179twf.doc/n Take the webpage data, or the operation data needed to store the auto-cache webpage, for example, the local storage function (L〇cal St〇rage) provided by HTML5 Record the web page selected or once selected by the user, or the list of resources provided by the HTML5 web page, to facilitate the action of caching the web page at the appropriate time. The memory module 118 can store a program module, and the program module executes one or more processes for generating a media program when executed by a processor module (not shown) of the electronic device. In addition, the cache memory module 116 and the memory module 118 can each be one or more memory devices for storing data and software programs. In the exemplary embodiment, the memory device that determines the memory module 116 and the memory module 118 can be, for example, a FLASH memory device. However, the present invention is not limited thereto. In other embodiments of the present invention, the memory device of the memory module U6 and the memory module 118 may also be, for example, a magnetic storage device or an optical storage device. One or more. In the exemplary embodiment, the browser expansion module 114 is further coupled to an application cache server (Applicati〇n cache server) 13 and transmits a resource list obtained by analyzing the first web page to the application in the background. The server 13 is taken, and the browser extension module 114 stores the analyzed first web page in the memory module 118 in the background. Next, the application cache server 13 downloads the web page data to be cached according to the resource list. It is worth mentioning that, because of the security restrictions of the HTLM5 specification, when downloading webpage data to be cached according to the resource list, 'the webpage must be placed in the same domain as the resource list, so in this demonstration, the line The browsing webpage system 1 uses the application cache server 13 to obtain the webpage data to be cached, and then provides the webpage 201145044 πΝΛΐ-〇w-0295-TWXX 34179twf.doc/n page data to the browser expansion module 114. Subsequent cache actions. When the web browser 11 wants to cache the webpage, the web browser 11 requests the application cache server 13 to provide the webpage data to be cached in the background by the browser expansion module 114, and obtains the webpage data to be cached by the application cache server 13. Cache web page data. In addition, the web browser 11 obtains the second webpage according to the resource list, the first webpage, and the webpage data to be cached, and caches the second webpage into the memory module 116. Further, the web browser 11 downloads the web page material to be cached using a hidden inline frame (for example, an iframe in the HTML5 specification) to obtain web page information of the second web page conforming to the HTML5 specification. For a more detailed description, the browser extension module 114 opens the second webpage obtained by the first webpage conversion in the background, and inserts a hidden inline frame into the second webpage by using a webpage scripting language (for example, JavaScript). The data required for the web browser 11 to download the second web page from the application cache server 13 according to the resource list (for example, the aforementioned picture, movie, •=昼, JavaScnPt code, FLASH data, and CSS). After introducing the main components of the automatic cache web application system 10, the detailed technical contents of the offline web page method will be further described below with reference to FIGS. 2 to 5. 2 is a flow chart of an offline browsing web page method 200 in accordance with an exemplary embodiment of the present invention. Please refer to the page view method 200 from step S202. Referring to FIG. 1 and FIG. 2 simultaneously, the offline page browser 11 is in the connected state, the page information. In step S204, starting, in step S202, the network obtains the first webpage browser 11 from the web server 12, and the browser expands the 201145044-w295-TWXX 34179 twf.doc/n charging module 114 according to the obtained The first webpage converts the obtained first webpage into a second webpage conforming to the HTML5 specification, and caches the second webpage to a cached space (ie, the cache memory module 116). In step S206, in the offline state, the browser expansion module 114 provides the cached second webpage to the web browser u, and the webpage browser ^ renders the second webpage, and the offline browsing webpage method 200 ends. Because the second web page is compliant with the HTML5 specification, the user can browse the web content that was originally the first web page (this is a non-HTMl5 specification, such as HTML4 rules) when offline. In another embodiment of the present invention, in the step S206, the offline browsing webpage method 2 can also display the webpage that the user has previously selected to cache in the webpage η in the connected state. . After introducing the offline browsing webpage method 200, the following will further introduce the technical content of other detailed parts of the webpage offline method. FIG. 3 is a flow chart showing another offline drama webpage method 3GG according to another exemplary embodiment of the present invention. Please refer to Figure 丨 and Figure 3 at the same time, offline Liu = = page method 3 〇〇 from step 2, in step & 〇 2, "week page $ state 11 in the connection state, from the network server 12: Obtaining the material of the first _ net ^. In step S3G4, the browser expansion module 114 externally attached to the web browser U analyzes the obtained first webpage in the background, and obtains resources according to the first webpage. In step S, the browser expands the module, and 114 transmits the resource list to the application cache server in the background. In step S3〇8t, the browser expansion module ιΐ4 will be in the background for the week and week. The page is stored in a memory space (for example, the memory module 118). In the step S310, the webpage 12 to be cached in order to obtain the corresponding first webpage is 20114044 av»-0295-TWXX 34179twf.doc/ n
料,瀏覽器擴充模組114在背景中請求應用快取服務器13 提供要快取的網頁資料。應用快取服務器13則根據資源清 單’從網路伺服器12下載要快取的網頁資料。在步驟S312 中,網頁瀏覽器11由應用快取服務器13取得要快取的網 頁資料,根據資源清單、第一網頁與要快取的網頁資料取 得第二網頁,並快取第二網頁至快取空間(此即,快取記憶 體模組116)中。在步驟S314中,瀏覽器擴充模組114在 離線狀態下,由快取記憶體模組116中提供已快取的第二 網頁至網頁瀏覽器11呈現’到此離線瀏覽網頁方法3〇〇 結束。 圖4是根據本發明之另一示範實施例所緣示另一種離 線瀏覽網頁方法400的流程圖。離線瀏覽網頁方法4〇〇大 致上相類似於離線瀏覽網頁方法300,但包括一步驟以提 示/確認使用者是否要快取正在瀏覽的網頁,並且使用者可 以在連線狀態下劉覽已經快取的網頁内容。請同時參照圖 1、圖3與圖4 ’離線瀏覽網頁方法4〇〇從步驟S4〇2開始, 在步驟S402中’網頁劉覽器U在連線狀態中,從網路°饲 服器12取得第一網頁的資料。在步驟以㈨中,瀏覽器擴 充模組114檢查使用者疋否要快取所取得的第一網頁。在 步驟S4G4之後’若使时選擇稀㈣―㈣’,則 驟S404後,離線劉覽網頁方法4〇〇到此結束,而使用者 則無法在離雜態τ繼第-網頁。在步驟s撕之後, 若使用者選擇要快取第-網頁,則接續進行步驟s4〇6。在 本示範實施例中,步驟S4%〜步驟S414大致上相類似於圖 13 201145044顧爾 34179twf.doc/n 3中的步驟S304〜步驟S312,因此在此不詳述其細節技術 内容。在步驟S414之後,接續進行步驟S416,而在步驟 S416中,瀏覽器擴充模組114由快取記憶體模組116中提 供已快取的第二網頁至網頁瀏覽器11呈現,到此離線劉覽 網頁方法300結束。在步驟S416中,瀏覽器擴充模組U4 可以在離線狀態下,提供已快取的第二網頁至網頁瀏覽器 11呈現,或在連線狀態下,由使用者選取已快取的網頁, 並根據此選取動作,將所選取的已快取網頁呈現在網頁劍 覽器11中。 圖5是根據本發明之另一示範實施例所繪示一種呈現 網頁内容方法500的流程圖。所述之呈現網頁内容方法5〇〇 進一步描述圖2之步驟S206或圖4之S416的細部技術内 容。此呈現網頁内容方法5〇〇為呈現已快取的網頁,並依 據使用者目前操作之網頁瀏覽器n所處的連線狀態來進 行相關檢查動作。請同時參照圖i、圖2、圖4與圖5,在 步驟S502中’網頁輕器11檢查是否在離線狀態。在步 驟挪2之後’若網頁瀏覽器u目前在離線狀態,則接續 進仃步驟S504。在步驟S5〇2之後,若網頁劉覽器^目前 在連線狀態’則接續進行步驟S5〇6。在步驟S5〇4中,網 ^劉覽裔U由快取記憶體模組116中取得一已快取網頁清 單並顯不給使用者以進一步選取一已快取網頁 。在步驟 =〇4之後,接續進行s,在步驟S5()8中使用者從已 、取凋頁仴單中選取—已快取網頁。在步驟S5〇8之後, 接、’、只進行S5io,在步驟S51〇中,網頁瀏覽器η呈現使用 v-02'95-TWXX 34179twf.doc/n 201145044 者所選取的已快取網頁,所述之呈現網頁内容方法5〇〇到 此結束。 ^在步驟S506中,網頁瀏覽器n確認使用者是否選擇 冽覽已快取的網頁。在步驟S5〇6之後,若使用者選擇瀏 覽已,取的網頁’則接續進行步驟S504。在步驟S506之 後’若使用者沒有選擇劉覽已快取的網頁,則接續進行步 ,S512。在步驟S512中,網頁劉覽器u(於連線狀態下) 伺服②12取得使用者所選取另—網頁的資料,並且 胃劇fi§ 11巾,所述之呈現網頁内容方法500 _ 斤it板據上述的示範實施例,本發提_一 離線瀏覽網頁方法多从礼員他妁不知月抆仏種 用於網頁_ g Γ:統。所述之離制覽網頁方法適 組解析網Μ產生ί ΐ掛在網1㈣11的職器擴充模 根據資源清單清單’動外部的應躲取服務器 網頁轉換為符人二:取的網頁資料。如此’可以將-般 取已轉換的網^。ί代超文件標記語言規格的網頁,並快 選取瀏覽已快取:使用者遇到網路連線中斷時,或主動 取的網頁。的網頁時’即可在網㈣覽器上呈現所選 雖然本發明已以每 本發明,住何 @施例揭路如上,然其並非用以限定 本發明之精神和 价技術領域中具有通常知識者 ,在不脫離 發明之保護範圖=園内,當可作些許之更動與潤飾,故本 圍4後附之巾料鄕圍所界定者為準。 15 .295-TWXX 34179twf.doc/n 【圖式簡單說明】 圖1是根據本發明之一示範實施例所繪示一種離線瀏 覽網頁系統的系統方塊圖。 圖2是根據本發明之一示範實施例所繪示一種離線瀏 覽網頁方法的流程圖。 圖3是根據本發明之另一示範實施例所繪示另一種離 線瀏覽網頁方法的流程圖。 圖4是根據本發明之另一示範實施例所繪示另一種離 線瀏覽網頁方法的流程圖。 圖5是根據本發明之另一示範實施例所繪示一種呈現 網頁内容方法的流程圖。 【主要元件符號說明】 10 :離線瀏覽網頁系統 11 :網頁瀏覽器 112 :網頁處理模組 114 :瀏覽器擴充模組 116 :快取記憶體模組 118 :記憶體模組 13 :應用快取服務器 200、300、400 :線瀏覽網頁 方法 500 :呈現網頁内容方法 S202〜S206 、 S302〜S314 、 S402〜S416、S502〜S512 :步 12:網路伺服器 驟 16In the background, the browser extension module 114 requests the application cache server 13 to provide webpage data to be cached. The application cache server 13 downloads the web page data to be cached from the web server 12 according to the resource list. In step S312, the web browser 11 obtains the webpage data to be cached by the application cache server 13, obtains the second webpage according to the resource list, the first webpage and the webpage data to be cached, and caches the second webpage to the fast. Take the space (that is, the cache memory module 116). In step S314, the browser expansion module 114 provides the cached second webpage in the cache memory module 116 to the web browser 11 in the offline state, and the method of displaying the offline browsing webpage is completed. . 4 is a flow chart showing another method of browsing an offline webpage 400 in accordance with another exemplary embodiment of the present invention. The offline browsing method 4 is substantially similar to the offline browsing method 300, but includes a step to prompt/confirm whether the user wants to cache the web page being browsed, and the user can browse the connection quickly. The content of the web page taken. Referring to FIG. 1 , FIG. 3 and FIG. 4 simultaneously, the offline browsing webpage method 4 starts from step S4〇2, and in step S402, the webpage browser U is in the connected state, and the slave network feeding device 12 Get the information of the first page. In step (9), the browser expansion module 114 checks whether the user wants to cache the obtained first web page. After step S4G4, if the time is selected to be thin (four) - (four)', then after the step S404, the offline web page method 4 ends, and the user cannot follow the first page from the miscellaneous state. After the step s tearing, if the user chooses to cache the first webpage, then step s4〇6 is continued. In the present exemplary embodiment, the steps S4% to S414 are substantially similar to the steps S304 to S312 in Fig. 13 201145044, and the detailed technical contents thereof are not described in detail herein. After the step S414, the step S416 is continued, and in the step S416, the browser expansion module 114 is provided by the cached memory module 116 to the cached second webpage to the web browser 11, and is offline. The web page method 300 ends. In step S416, the browser expansion module U4 may provide the cached second webpage to the web browser 11 in an offline state, or select a cached webpage by the user in the connected state, and According to the selection action, the selected cached webpage is presented in the webpage browser 11. FIG. 5 is a flow chart of a method 500 for presenting web content according to another exemplary embodiment of the present invention. The method of presenting web page content is further described in detail in step S206 of FIG. 2 or S416 of FIG. The method for presenting the webpage content is to present the cached webpage, and perform the relevant checking action according to the connection state of the web browser n currently operated by the user. Referring to FIG. 2, FIG. 2, FIG. 4 and FIG. 5 simultaneously, in step S502, the web page lighter 11 checks whether it is in an offline state. After the step 2 is moved, if the web browser u is currently offline, the process proceeds to step S504. After step S5〇2, if the web page browser is currently in the connection state, then step S5〇6 is continued. In step S5〇4, the web browser U obtains a cached webpage list from the cache memory module 116 and displays the cached webpage to the user to further select a cached webpage. After step = 〇 4, s is continued, and in step S5 () 8 the user selects from the list of pages that have been taken - the web page has been cached. After step S5〇8, connect, ', only S5io, in step S51〇, the web browser η presents the cached webpage selected by v-02'95-TWXX 34179twf.doc/n 201145044. The method of presenting the content of the web page 5 ends here. In step S506, the web browser n confirms whether the user has selected to view the cached web page. After step S5-6, if the user selects to browse, the taken web page' proceeds to step S504. After step S506, if the user does not select a web page that has been cached by the viewer, the step is continued, S512. In step S512, the web browser u (in the wired state) the servo 212 obtains the data of the other webpage selected by the user, and the stomach drama fi§ 11 towel, the method for presenting the webpage content 500 _ jinit board According to the above exemplary embodiment, the method for offline browsing of a webpage is mostly from a clerk who does not know the type of webpage used for the webpage _g Γ: system. The method of reading the webpage is suitable for the group of the network. The file is expanded by the server. So, you can take the converted network ^. ίSuper file marks the language of the language specification, and quickly selects the browsed cache: when the user encounters a network connection interruption, or actively takes the webpage. The web page may be presented on the web (four) browser. Although the present invention has been described above with respect to each of the inventions, it is not intended to limit the spirit and price of the present invention. Those who are knowledgeable, without departing from the protection of the invention, the park, can make some changes and refinements, so the definition of the towelage attached to the 4th post is the standard. 15 .295-TWXX 34179 twf.doc/n BRIEF DESCRIPTION OF THE DRAWINGS FIG. 1 is a system block diagram of an offline browsing webpage system according to an exemplary embodiment of the present invention. 2 is a flow chart of a method for browsing a web page offline, according to an exemplary embodiment of the invention. FIG. 3 is a flow chart showing another method for browsing a webpage offline according to another exemplary embodiment of the present invention. FIG. 4 is a flow chart showing another method for browsing a webpage offline according to another exemplary embodiment of the present invention. FIG. 5 is a flow chart showing a method for presenting webpage content according to another exemplary embodiment of the present invention. [Main component symbol description] 10: Offline browsing webpage system 11: Web browser 112: Webpage processing module 114: Browser expansion module 116: Cache memory module 118: Memory module 13: Application cache server 200, 300, 400: Line browsing webpage method 500: Presenting webpage content methods S202~S206, S302~S314, S402~S416, S502~S512: Step 12: Network server step 16
Claims (1)
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW99118901A TW201145044A (en) | 2010-06-10 | 2010-06-10 | Method for offline browse web pages and system thereof |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW99118901A TW201145044A (en) | 2010-06-10 | 2010-06-10 | Method for offline browse web pages and system thereof |
Publications (1)
Publication Number | Publication Date |
---|---|
TW201145044A true TW201145044A (en) | 2011-12-16 |
Family
ID=46765801
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW99118901A TW201145044A (en) | 2010-06-10 | 2010-06-10 | Method for offline browse web pages and system thereof |
Country Status (1)
Country | Link |
---|---|
TW (1) | TW201145044A (en) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TWI665569B (en) * | 2016-04-01 | 2019-07-11 | 香港商阿里巴巴集團服務有限公司 | Method and device for data caching |
CN110362322A (en) * | 2018-04-11 | 2019-10-22 | 宏碁股份有限公司 | The method of electronic device and its more new procedures offline |
-
2010
- 2010-06-10 TW TW99118901A patent/TW201145044A/en unknown
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TWI665569B (en) * | 2016-04-01 | 2019-07-11 | 香港商阿里巴巴集團服務有限公司 | Method and device for data caching |
US11449570B2 (en) | 2016-04-01 | 2022-09-20 | Ant Wealth (Shanghai) Financial Information Services Co., Ltd. | Data caching method and apparatus |
CN110362322A (en) * | 2018-04-11 | 2019-10-22 | 宏碁股份有限公司 | The method of electronic device and its more new procedures offline |
CN110362322B (en) * | 2018-04-11 | 2023-08-01 | 宏碁股份有限公司 | Electronic device and method for updating program offline |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP2020194567A (en) | Methods and systems for web content generation | |
US8046428B2 (en) | Presenting video content within a web page | |
US10909304B2 (en) | Methods and systems for WYSIWYG web content generation | |
JP6702950B2 (en) | Method and system for multimedia content | |
US20110173569A1 (en) | Preview Functionality for Increased Browsing Speed | |
JP5233220B2 (en) | Page additional information sharing management method | |
US20130073745A1 (en) | Context-Specific Unicode Characters In Shortened URLs | |
TW200903271A (en) | Browser interpretable document for controlling a plurality of media players and systems and methods related thereto | |
JP2014524069A (en) | Embedded web viewer for presentation applications | |
JP2008226202A (en) | Information processor, information processing method and program | |
US20090089420A1 (en) | Flash tracking system and method | |
TW201217995A (en) | Mechanism for facilitating navigation of a webpage on computer device | |
JP2007279864A (en) | Information providing system, method and program, and electronic commerce system, method and program | |
JP4859873B2 (en) | Comment display system, its method, management server and program | |
TW201145044A (en) | Method for offline browse web pages and system thereof | |
TW201214161A (en) | Integration method for really simple syndication (RSS) document | |
JP2009211278A (en) | Retrieval system using mobile terminal, and its retrieval method | |
JP5247741B2 (en) | Character input support apparatus and method | |
JP2008071116A (en) | Information delivery system, information delivery device, information delivery method and information delivery program | |
JP2005250826A (en) | Information provision system, information provision method and information provision processing program | |
JP2019086931A (en) | Information processing apparatus and computer program | |
JP5344680B2 (en) | Link generation apparatus and link generation method | |
JP5499138B1 (en) | CONTENT DISPLAY METHOD, SERVER DEVICE, PROGRAM, AND STORAGE MEDIUM | |
JP4921570B2 (en) | Blog service providing system, method and program | |
JP4963259B2 (en) | Server device |