TWI420327B - 可提升網頁相容性的方法及其相關電子裝置及網頁存取系統 - Google Patents

Description

可提升網頁相容性的方法及其相關電子裝置及網頁存取系統

本發明係指一種可提升網頁相容性的方法及其相關電子裝置及網頁存取系統，尤指一種可降低網頁設計者的負擔，提高網頁開發的效率，並降低除錯的困難度的方法及其相關電子裝置及網頁存取系統。

網際網路技術的不斷發展加快了資訊的取得速度，使得使用者可隨時隨地透過開啟網頁的方式，收發電子郵件、搜尋資料、瀏覽各類新聞等。一般而言，開啟網頁的方式係將對應的網址鍵入一網頁瀏覽器，以顯示網頁的內容。常見的網頁瀏覽器如IE、Firefox、Opera等，皆是透過解譯網頁的程式碼以開啟網頁。然而，不同瀏覽器對於特定網頁語法的支援度可能不同，造成網頁設計者在設計網頁時必須針對不同瀏覽器，設計不同語法，即使簡單的程式也會變得冗長、複雜，而增加網頁設計者的負擔。

舉例來說，在爪哇事件(JavaScript)語法中，網頁瀏覽器IE支援ActiveXObject物件而不支援XMLHttpRequest物件，其它網頁瀏覽器支援XMLHttpRequest物件而不支援ActiveXObject物件。因此，在設計網頁時，開發者必需將所有可能的狀況列舉出來，先判斷使用者所使用的網頁瀏覽器為何，以載入正確的語法，避免產生網頁無法開啟的問題。

因此，在習知技術中，網頁設計者必需考慮不同網頁瀏覽器支援不同語法的問題，且為了達到相同網頁效果，網頁設計者可能需開發出一套以上的語法。此外，在設計網頁時，網頁設計者可能無法完全了解各瀏覽器所支援及不支援的語法；若在設計完成後才發現有相容性的問題，則需先找出不相容的語法，再尋找替代方式，不但降低網頁開發的效率，也會增加除錯的困難度。

因此，本發明之主要目的即在於提供一種可提升網頁相容性的方法及其相關電子裝置及網頁存取系統。

本發明揭露一種提升網頁相容性的方法，包含有接收一用戶端透過一網頁瀏覽器所輸出之一開啟指令，該開啟指令用來開啟一網頁伺服器所儲存之一第一網頁；根據該開啟指令，取得該第一網頁之一第一程式碼；判斷該第一程式碼是否可被該網頁瀏覽器所解譯，以產生一判斷結果；根據該判斷結果，轉換該第一程式碼；以及輸出該第一程式碼的轉換結果至該網頁瀏覽器。

本發明揭露一種可提升網頁相容性的電子裝置，包含有一用戶端介面，耦接於一用戶端；一伺服端介面，耦接於一網頁伺服器；一指令接收單元，耦接於該用戶端介面，用來透過該用戶端介面，接收該用戶端透過一網頁瀏覽器所輸出之一開啟指令，該開啟指令用來開啟該網頁伺服器所儲存之一第一網頁；一讀取單元，耦接於該指令接收單元與該伺服端介面，用來根據該開啟指令，透過該伺服端介面，由該網頁伺服器取得該第一網頁之一第一程式碼；一判斷單元，耦接於該指令接收單元與該讀取單元，用來判斷該第一程式碼是否可被該網頁瀏覽器所解譯，以產生一判斷結果；一轉換單元，耦接於該判斷單元與該讀取單元，用來根據該判斷結果，轉換該第一程式碼；以及一輸出單元，耦接於該轉換單元與該用戶端介面，用來輸出該第一程式碼的轉換結果至該網頁瀏覽器。

本發明揭露一種可提升網頁相容性的網頁存取系統，包含有一網頁伺服器，用來儲存以一特定語法所編譯之網頁程式碼；複數個用戶端設備，用來分別透過一網頁瀏覽器讀取該網頁伺服器所儲存之網頁程式碼；以及一瀏覽器轉換相容器。該瀏覽器轉換相容器包含有一用戶端介面，耦接於該複數個用戶端設備；一伺服端介面，耦接於該網頁伺服器；一指令接收單元，耦接於該用戶端介面，用來透過該用戶端介面，接收該複數個用戶端設備之一第一用戶端設備透過對應的網頁瀏覽器所輸出之一開啟指令，該開啟指令用來開啟該網頁伺服器所儲存之一第一網頁；一讀取單元，耦接於該指令接收單元與該伺服端介面，用來根據該開啟指令，透過該伺服端介面，由該網頁伺服器取得該第一網頁之一第一程式碼；一判斷單元，耦接於該指令接收單元與該讀取單元，用來判斷該第一程式碼是否可被該第一用戶端設備所使用之網頁瀏覽器解譯，以產生一判斷結果；一轉換單元，耦接於該判斷單元與該讀取單元，用來根據該判斷結果，轉換該第一程式碼；以及一輸出單元，耦接於該轉換單元與該用戶端介面，用來輸出該第一程式碼的轉換結果至該第一用戶端設備。

請參考第1圖，第1圖為本發明實施例一流程10之示意圖。流程10用來提升網頁相容性，其包含以下步驟：步驟100：開始。

步驟102：接收一用戶端透過一網頁瀏覽器所輸出之一開啟指令，該開啟指令用來開啟一網頁伺服器所儲存之一第一網頁。

步驟104：根據該開啟指令，取得該第一網頁之一第一程式碼。

步驟106：判斷該第一程式碼是否可被該網頁瀏覽器所解譯，以產生一判斷結果。

步驟108：根據該判斷結果，轉換該第一程式碼。

步驟110：輸出該第一程式碼的轉換結果至該網頁瀏覽器。

步驟112：結束。

根據流程10，本發明係於用戶端透過一網頁瀏覽器開啟一網頁時，先判斷伺服器中對應於該網頁之程式碼是否可被該網頁瀏覽器所解譯，據以轉換該網頁之程式碼。換句話說，當使用者開啟一網頁時，本發明係先判斷使用者所使用之網頁瀏覽器的類型是否支援該網頁之程式碼的語法。較佳地，當使用者所使用之網頁瀏覽器的類型無法支援該網頁之程式碼的語法時，本發明係將其轉換為適當的程式碼，以符合使用者所使用之網頁瀏覽器的類型；相反地，當使用者所使用之網頁瀏覽器的類型可支援該網頁之程式碼的語法時，本發明可直接輸出而不進行轉換。

因此，透過流程10，若一網頁的程式碼無法被對應的網頁瀏覽器所解譯時，本發明係將該網頁的程式碼轉換為可被該網頁瀏覽器所解譯之程式碼。在此情形下，網頁設計者在開發網頁時只需針對一特定網頁瀏覽器之類型進行開發，而不需考慮各瀏覽器所支援及不支援的語法，因而可降低網頁設計者的負擔，提高網頁開發的效率，並降低除錯的困難度。

特別注意的是，在本發明中，網頁程式碼可符合爪哇語法或其它語法，且不限於此。另外，本發明另可預先建立一轉換表或查詢表，針對不同網頁瀏覽器所支援之語法，提供快速的轉換方式。舉例來說，請參考第2圖，第2圖為本發明實施例一爪哇事件轉換表20之示意圖。爪哇事件轉換表20包含一第一欄200及一第二欄202，第一欄200對應於網頁瀏覽器IE所支援之物件，第二欄202對應於網頁瀏覽器Firefox所支援之物件，而相同列之物件表示可產生相同的網頁效果。在此情形下，本發明可根據爪哇事件轉換表20，將伺服器所儲存之網頁的程式碼轉換為符合使用者所使用之瀏覽器的類型。其中，「－」表示單向轉換，如eval()物件僅支援IE轉Firefox，而不支援Firefox轉IE。

關於流程10的實現，請參考第3圖，第3圖為本發明實施例一網頁存取系統30之示意圖。網頁存取系統30包含有一網頁伺服器300、一瀏覽器轉換相容器40及用戶端設備UE_1~UE_n。網頁伺服器300用來儲存以一特定語法所編譯之網頁程式碼。用戶端設備UE_1~UE_n可以是筆記型電腦、桌上型電腦、PDA、Smartphone等電子裝置，用以透過對應的網頁瀏覽器讀取網頁伺服器300所儲存之網頁程式碼。瀏覽器轉換相容器40係實現流程10，用以於用戶端設備UE_1~UE_n讀取網頁伺服器300所儲存之網頁程式碼時，根據用戶端設備UE_1~UE_n所使用之網頁瀏覽器的類型，將網頁伺服器300所儲存之網頁程式碼轉換為適當的語法。舉例來說，若網頁伺服器300所儲存之網頁程式碼的語法係符合網頁瀏覽器IE，用戶端設備UE_1使用網頁瀏覽器IE，而用戶端設備UE_n使用網頁瀏覽器Firefox。當用戶端設備UE_1讀取網頁伺服器300所儲存之網頁程式碼，瀏覽器轉換相容器40不會進行語法轉換而直接輸出至用戶端設備UE_1；而當用戶端設備UE_n讀取網頁伺服器300所儲存之網頁程式碼，瀏覽器轉換相容器40會將網頁程式碼的語法轉換為符合網頁瀏覽器Firefox之格式，使得用戶端設備UE_n可正確讀取網頁伺服器300所儲存之網頁程式碼。在此情形下，網頁設計者在開發網頁時只需針對一特定網頁瀏覽器之類型(在此例中為IE)進行開發，而不需考慮各瀏覽器所支援及不支援的語法，因而可降低網頁設計者的負擔，提高網頁開發的效率，並降低除錯的困難度。

請繼續參考第4圖，第4圖為第3圖中瀏覽器轉換相容器40之較佳實施例示意圖。瀏覽器轉換相容器40可整合於網頁伺服器300中，其包含有一用戶端介面400、一伺服端介面402、一指令接收單元404、一讀取單元406、一判斷單元408、一轉換單元410及一輸出單元412。用戶端介面400耦接於用戶端設備UE_1~UE_n，用來與用戶端設備UE_1~UE_n交換資料。伺服端介面402耦接於網頁伺服器300，用來與網頁伺服器300交換資料。指令接收單元404耦接於用戶端介面400，用來透過用戶端介面400，接收用戶端設備UE_1~UE_n之一用戶端設備透過對應的網頁瀏覽器所輸出之一開啟指令，用以開啟網頁伺服器300所儲存之一第一網頁。讀取單元406耦接於指令接收單元404與伺服端介面402之間，用來根據該開啟指令，透過伺服端介面402，由網頁伺服器300取得該第一網頁之一第一程式碼。判斷單元408耦接於指令接收單元404與讀取單元406，用來判斷該第一程式碼是否可被網頁瀏覽器所解譯。轉換單元410耦接於判斷單元408與讀取單元406，用來根據判斷單元408所產生的判斷結果，轉換該第一程式碼。輸出單元412耦接於轉換單元410與用戶端介面400，用來輸出該第一程式碼的轉換結果至對應的用戶端設備。

因此，藉由瀏覽器轉換相容器40，當指令接收單元404透過用戶端介面400接收到使用者開啟一網頁之指令時，讀取單元406會透過伺服端介面402讀取網頁伺服器300所儲存之資料。同時，判斷單元408會判斷使用者所使用之網頁瀏覽器的類型是否支援該網頁之程式碼的語法。較佳地，當使用者所使用之網頁瀏覽器的類型無法支援該網頁之程式碼的語法時，轉換單元410係將其轉換為適當的程式碼，以符合使用者所使用之網頁瀏覽器的類型；相反地，當使用者所使用之網頁瀏覽器的類型可支援該網頁之程式碼的語法時，轉換單元410不進行轉換而直接透過輸出單元412輸出至使用者。

另一方面，在瀏覽器轉換相容器40中，本發明另可預先建立一轉換表或查詢表，如第2圖所示之爪哇事件轉換表20，用以針對不同網頁瀏覽器所支援之語法，提供轉換單元410快速的轉換方式。

綜上所述，本發明係於一網頁的程式碼無法被對應的網頁瀏覽器所解譯時，將該網頁的程式碼轉換為可被該網頁瀏覽器所解譯之程式碼。在此情形下，網頁設計者在開發網頁時只需針對一特定網頁瀏覽器之類型進行開發，而不需考慮各瀏覽器所支援及不支援的語法，因而可降低網頁設計者的負擔，提高網頁開發的效率，並降低除錯的困難度。

以上所述僅為本發明之較佳實施例，凡依本發明申請專利範圍所做之均等變化與修飾，皆應屬本發明之涵蓋範圍。

10．．．流程

100、102、104、106、108、110、112．．．步驟

20．．．爪哇事件轉換表

200．．．第一欄

202．．．第二欄

30．．．網頁存取系統

300．．．網頁伺服器

40．．．瀏覽器轉換相容器

UE_1~UE_n．．．用戶端設備

400．．．用戶端介面

402．．．伺服端介面

404．．．指令接收單元

406．．．讀取單元

408．．．判斷單元

410．．．轉換單元

412．．．輸出單元

第1圖為本發明實施例一流程之示意圖。

第2圖為本發明實施例一爪哇事件轉換表之示意圖。

第3圖為本發明實施例一網頁存取系統之示意圖。

第4圖為第3圖中一瀏覽器轉換相容器之較佳實施例示意圖。

10．．．流程

100、102、104、106、108、110、112．．．步驟

Claims (17)

1. 一種提升網頁相容性的方法，包含有：接收一用戶端透過一網頁瀏覽器所輸出之一開啟指令，該開啟指令用來開啟一網頁伺服器所儲存之一第一網頁；根據該開啟指令，取得該第一網頁之一第一程式碼；判斷該第一程式碼是否可被該網頁瀏覽器所解譯，以產生一判斷結果；根據該判斷結果，轉換該第一程式碼之一物件語法；以及輸出該第一程式碼的轉換結果至該網頁瀏覽器；其中，該網頁瀏覽器支援該物件語法。
2. 如請求項1所述之方法，其中接收該用戶端透過該網頁瀏覽器所輸出之該開啟指令，包含判斷該網頁瀏覽器之類型。
3. 如請求項1所述之方法，其中根據該判斷結果轉換該第一程式碼，係於該判斷結果顯示該第一程式碼無法被該網頁瀏覽器所解譯時，將該第一程式碼轉換為可被該網頁瀏覽器所解譯之一第二程式碼。
4. 如請求項1所述之方法，其中根據該判斷結果轉換該第一程式碼，係於該判斷結果顯示該第一程式碼可被該網頁瀏覽器所解譯時，輸出該第一程式碼。
5. 如請求項1所述之方法，其中該第一程式碼係符合爪哇語法。
6. 一種可提升網頁相容性的電子裝置，包含有：一用戶端介面，耦接於一用戶端；一伺服端介面，耦接於一網頁伺服器；一指令接收單元，耦接於該用戶端介面，用來透過該用戶端介面，接收該用戶端透過一網頁瀏覽器所輸出之一開啟指令，該開啟指令用來開啟該網頁伺服器所儲存之一第一網頁；一讀取單元，耦接於該指令接收單元與該伺服端介面，用來根據該開啟指令，透過該伺服端介面，由該網頁伺服器取得該第一網頁之一第一程式碼；一判斷單元，耦接於該指令接收單元與該讀取單元，用來判斷該第一程式碼是否可被該網頁瀏覽器所解譯，以產生一判斷結果；一轉換單元，耦接於該判斷單元與該讀取單元，用來根據該判斷結果，轉換該第一程式碼之一物件語法；以及一輸出單元，耦接於該轉換單元與該用戶端介面，用來輸出該第一程式碼的轉換結果至該網頁瀏覽器；其中，該網頁瀏覽器支援該物件語法。
7. 如請求項6所述之電子裝置，其中該指令接收單元另用來判斷該網頁瀏覽器之類型。
8. 如請求項6所述之電子裝置，其中該判斷單元係於該判斷結果顯示該第一程式碼無法被該網頁瀏覽器所解譯時，將該第一程式碼轉換為可被該網頁瀏覽器所解譯之一第二程式碼。
9. 如請求項6所述之電子裝置，其中該判斷單元係於該判斷結果顯示該第一程式碼可被該網頁瀏覽器所解譯時，輸出該第一程式碼。
10. 如請求項6所述之電子裝置，其中該第一程式碼係符合爪哇語法。
11. 如請求項6所述之電子裝置，其中該電子裝置係整合於該網頁伺服器中。
12. 一種可提升網頁相容性的網頁存取系統，包含有：一網頁伺服器，用來儲存以一特定語法所編譯之網頁程式碼；複數個用戶端設備，用來分別透過一網頁瀏覽器讀取該網頁伺服器所儲存之網頁程式碼；以及一瀏覽器轉換相容器，包含有：一用戶端介面，耦接於該複數個用戶端設備；一伺服端介面，耦接於該網頁伺服器；一指令接收單元，耦接於該用戶端介面，用來透過該用戶端介面，接收該複數個用戶端設備之一第一用戶端設 備透過對應的網頁瀏覽器所輸出之一開啟指令，該開啟指令用來開啟該網頁伺服器所儲存之一第一網頁；一讀取單元，耦接於該指令接收單元與該伺服端介面，用來根據該開啟指令，透過該伺服端介面，由該網頁伺服器取得該第一網頁之一第一程式碼；一判斷單元，耦接於該指令接收單元與該讀取單元，用來判斷該第一程式碼是否可被該第一用戶端設備所使用之網頁瀏覽器解譯，以產生一判斷結果；一轉換單元，耦接於該判斷單元與該讀取單元，用來根據該判斷結果，轉換該第一程式碼之一物件語法；以及一輸出單元，耦接於該轉換單元與該用戶端介面，用來輸出該第一程式碼的轉換結果至該第一用戶端設備；其中，該網頁瀏覽器支援該物件語法。
13. 如請求項12所述之網頁存取系統，其中該指令接收單元另用來判斷該網頁瀏覽器之類型。
14. 如請求項12所述之網頁存取系統，其中該判斷單元係於該判斷結果顯示該第一程式碼無法被該第一用戶端設備所使用之網頁瀏覽器解譯時，將該第一程式碼轉換為可被該第一用戶端設備所使用之網頁瀏覽器解譯之一第二程式碼。
15. 如請求項12所述之網頁存取系統，其中該判斷單元係於該判 斷結果顯示該第一程式碼可被該第一用戶端設備所使用之網頁瀏覽器解譯時，輸出該第一程式碼。
16. 如請求項12所述之網頁存取系統，其中該第一程式碼係符合爪哇語法。
17. 如請求項12所述之網頁存取系統，其中該網頁存取系統係整合於該網頁伺服器中。