TW200844856A - Dynamically loading scripts - Google Patents

Description

200844856 九、發明說明： 【發明所屬之技術領域】 本發明係關於動態载入腳本。 【先前技術】 Ο 電腦系統與相關科技會影響社會的許多層面。實-上，電腦系統處理資訊的能力已經改變了我們生活及工八 的方式。現在電腦系統經常執行在電腦系統發展之前人乍 執行的多種工作（例如文字處理、排程及會計等）。近年來x 電腦系統彼此結合，並結合其它電子裝置， A叫吋形成有 線及無線電腦網路，在其中該電腦系統與其它電子穿置η 傳遞電子資料。因此’許多運算工作的效能即分散到一 i 不同的電腦系統及/或一些不同的運算組件。 一種常用的以網路為基礎之通訊型式為在全球資訊網 (WWW，“Worldwide Web”）上交換電子訊息。在全球資气網 上的内容基本上係以一客戶端/伺服器模型來存取。一 戶 端電腦系統的「網頁瀏覽器」傳送一請求來存取由一祠服 器電腦系統的「網頁伺服器」所提供的内容（例如藉由輪入 一全球資源定位器（URL, “Uniform Resource Locator”）到 該網頁瀏覽器中）。如果網頁瀏覽器的使用者被授權存取該 内容，網頁伺服器基本上可提供該内容給該網頁劉覽器。 在一網頁環境中，内容及對於内容的請求時常使用超文字 輸送協定（HTTP，“Hypertext Transfer Protocol”）傳送。網頁 式的内容可於超文字審定語言（HTML，“HyperText Markup 200844856

Language”）頁面、樣式板、影像、腳本等中提供。 之 網 頁 〇 是 〇 客 伺 得 域 額 網 到 表 相 器 10 料 資 端

例如，腳本可用於執行比僅使用HTML指令所允許 更為複雜的作業。概言之，腳本為可執行碼，其可在一 頁伺服器處執行以加入内容到一頁面或可傳送下到一網 瀏覽器，用於在網頁瀏覽器處執行，以加入内容到一網頁 腳本可在一腳本（程式化）語言中開發，例如像 JavaScript、VB Script、 ASP、PHP、Perl 或 ASP .Net 一網頁伺服器可保持頁面，其中可同時包括伺服器側及 戶端側腳本。伺服器側腳本可用於取得可存取到一網頁 服器的資料來包括在一網頁中。客戶端側腳本可用於取 及呈現對於一客戶端機器為唯一的資料，例如像是一區 時間及日期。但是，亦可能有更為複雜的客戶端側腳本 例如像是自該網頁伺服器或其它網頁伺服器請求資料或 外腳本。 當一網頁伺服器接收包括伺服器側腳本之一網頁的 頁瀏覽器請求時，該網頁伺服器將該伺服器側腳本傳出 一適當的腳本引擎。該腳本引擎處理該腳本，並傳回代 該伺服器側腳本功能性之相對應的HTML指令。然後該 對應HTML指令即引入到一網頁中來傳回到該網頁瀏覽 (以及任何客戶端側腳本）。 例如，如果一伺服器側腳本經配置以查詢及傳回 個資料庫列，該腳本引擎以HTML格式傳回該1 0個資 庫列到該網頁伺服器。然後網頁伺服器引入代表該1 〇個 料庫列的HTML到任何其它HTML指令及網頁中的客戶 7 200844856 側腳本。在處理完所有伺服器側腳本之後，由處理該等伺 服器側腳本所得到的HTML、其它HTML及任何客戶端側 腳本即傳回到該網頁濁覽器。 客戶端側腳本可嵌入在網頁中，或可包含在一獨立檔 案中。當一客戶端側腳本包括在一外部檔案中時，一網頁 可包括一腳本參照（如 <script type = ” text/j_seript，, δΓ〇 hell〇 ·』s ></script>)來參照該腳本。客戶端側腳本及 〇 腳本參照可包括在傳送給一網頁瀏覽器之網頁内容中。因 / 此，當網頁劉覽器處理該網頁時，其可遇到嵌入式客戶端 側腳本以及對客戶端側腳本的腳本參照。 在遇到一嵌入式腳本時，該網頁瀏覽器可參照出一適 畐的腳本引擎來處理該腳本。在遇到一客戶端側腳本參照 時，該網頁瀏覽器可載入該參照的腳本（例如當已經快取該 腳本的一複本時）到該腳本引擎來進行處理，或其可自該網 頁伺服器請求該腳本。然後網頁伺服器傳回該腳本到該網 頁劇覽器’且該網頁瀏覽器可載入（且亦可能快取）該腳本 Q 到該腳本引擎進行處理。 網頁瀏覽器基本上假設一網頁中稍後遇到的任何腳本 係根據稍早在一網頁中遇到的腳本。因此，網頁瀏覽器基 本上一個接一個載入腳本，其順序為該等腳本在網頁内遇 到的順序。但是在許多網頁中，後續遇到的腳本並不根據 任何先前遇到的腳本。因此，不幸地是，且特別是對於具 有大量客戶端側腳本之網頁，一個接一個的載入相當沒有 效率。 8 200844856 再者，於開發一網頁時，一開發者可選擇來包括先前 開發的客戶端側腳本來使用客戶端側功能性。某種程度而 言，該開發者可假設先前的客戶端側腳本可依所想要的方 式運作。另外，該開發者會缺乏時間、需求或專業來完整 地測試任何先前開發的客戶端側腳本。然而，一或多個客 戶端側腳本在當展開該網頁時無法載入或運作。不幸地 是，如果有的話，典型的網頁瀏覽器（及其中的腳本引擎） 提供很少有用的内容，例如，指示該客戶端側腳本的狀況 無法回到該網頁開發者。因此，該網頁開發者會需要根據 客戶端側腳本失敗相關的不完整資訊記錄來針對該網頁進 行除錯。 【發明内容】 本發明關於動態載入腳本的方法、系統及電腦程式產 品。一網頁瀏覽器回應於來自該網頁瀏覽器對該網頁之請 求即自一網頁伺服器接收一網頁。該網頁包括對一腳本載 入器之參照。該腳本載入器經配置以在執行時建立佇列其 它腳本參照的一資料結構。該腳本載入器亦經配置以在由 網頁瀏覽器指示時根據腳本載入器規則動態地載入在該網 頁中參照的腳本，以覆蓋該網頁瀏覽器之預設腳本載入行 為。 網頁瀏覽器執行該腳本載入器。該腳本載入器建立佇 列腳本參照之一資料結構。該網頁瀏覽器處理該網頁來查 詢該資料結構中所包括該網頁中的任何腳本參照。該腳本 9 200844856 載入器利用包括該網頁的參照將腳本置於該佇列中。該網 頁瀏覽器偵測到在查詢包括在該網頁中任何的腳本參照之 後，在該網頁中並未包括其它腳本參照。

υ 指示該腳本載入器沒有其它的腳本參照之網頁瀏覽器 係包括在該網頁中。該腳本載入器自該網頁瀏覽器接收該 指示，代表在該指定的網頁中沒有其它的腳本參照。該腳 本載入器使得由該佇列的腳本參照所參照的腳本根據腳本 載入規則載入，以蓋過網頁瀏覽器之預設的腳本載入行 為。網頁瀏覽器包括在呈現該網頁時任何相關的腳本結果。 此摘要係用來介紹在一簡化型式中選出的觀念，其在 以下的實施方式中會進一步說明。此内容說明並非要提出 所主張標的之關鍵特徵或基本特徵，也並非要做為輔助決 定所主張標的之範疇。 本發明額外的特徵與優點將在以下的說明當中提出， 而部份將可由說明當中瞭解，或可由實施本發明來獲悉。 本發明的特徵與優點將藉由在後附申請專利範圍中特定指 出的元件及組合進行瞭解與得知。本發明這些與其它特徵 將藉由以下的說明及後附申請專利範圍更為暸解，或可由 此下提出之本發明的實施而得知。 【實施方式】 本發明關於動態載入腳本的方法、系統及電腦程式產 品。一網頁瀏覽器回應於來自該網頁瀏覽器對該網頁之請 求即自一網頁伺服器接收一網頁。該網頁包括對一腳本載 10 200844856 其 網 頁 1 ° 立 來 腳 列 腳 器 該 本 載 電 疇 含 讀 電 可 、 存

入器之參照。該腳本載入器經配置以在執行時建立佇列 它腳本參照的一資料結構。該腳本載入器亦配置以在由 頁瀏覽器指示時根據腳本載入器規則動態地載入在該網 中參照的腳本，以覆蓋該網頁瀏覽器之預設腳本載入行為 該網頁瀏覽器執行該腳本載入器。該腳本載入器建 佇列腳本參照之一資料結構。該網頁瀏覽器處理該網頁 佇列該資料結構中包括在該網頁中的任何腳本參照。該 本載入器利用包括在該網頁中的參照將腳本置於該佇 中。該網頁瀏覽器偵測到在佇列包括在該網頁中任何的 本參照之後在該網頁中並未包括其它腳本參照。 指示該腳本載入器沒有其它的腳本參照之網頁瀏覽 係包括在該網頁中。該腳本載入器自該網頁瀏覽器接收 指示，代表在該指定的網頁中沒有其它的腳本參照。腳 載入器使得由該佇列的腳本參照所參照的腳本根據腳本 入規則載入，以蓋過網頁瀏覽器之預設的腳本載入行為 該網頁瀏覽器包括在呈現該網頁時任何相關的腳本結果 本發明的具體實施例可包含一特殊目的或通用之 腦，其包括電腦硬體，如以下的詳細說明。在本發明範 内之具體實施例亦包括電腦可讀取媒體，用於承載或包 儲存於其中的電腦可執行指令或資料結構。這種電腦可 取媒體可為任何可用的媒體，其可由一通用或特殊目的 腦進行存取。藉由範例（而非限制性），電腦可讀取媒體 包含實體（或可記錄式）電腦可讀取儲存媒體，例如RAM ROM、EEPROM、CD-ROM或其它光碟儲存元、磁碟儲 11 200844856 或其它磁性儲存裝置，或任何可用電腦可執行指令或資 結構型式儲存所想要的程式碼裝置之其它媒體，該媒體 可由一通用或特殊目的電腦進行存取。 在此說明及以下的申請專利範圍中，一 「網路」係 義為一或多個資料鏈結，其能夠在電腦系統及/或模組之 傳送電子資料。當資訊在一網路或其它通信連接（硬體 線、無線或一硬體連線或無線之組合）之上傳送或提供給 電腦時，該電腦可適當地視該連接為一電腦可讀取媒體 ί、 因此，藉由範例（而非限制），電腦可讀取媒體亦可包含 網路或資料鏈結，其可用於以電腦可執行指令或資料結 的型式承載或儲存所想要的程式碼裝置，並可由一通用 特殊目的電腦進行存取。 電腦可執行指令包含例如指令及資料，其可使得一 用電腦、特殊目的電腦或特殊目的處理裝置來執行某個 能或功能群組。該電腦可執行指令例如可為二元化、中 格式指令，例如組合語言或甚至原始碼。雖然該標的已 Q 以特定於結構化特徵及/或方法性步驟的語言來描述，其 瞭解到在後附申請專利範圍中所定義的標的並不必要地 制於上述之說明特徵或步驟。而是所描述的特徵與步驟 以實施該等申請專利範圍之範例型式來揭示。 本技藝專業人士將可瞭解本發明可實施於具有多種 腦系統組態之網路運算環境中，包括個人電腦、桌上型 腦、膝上型電腦、訊息處理器、掌上型裝置、多處理器 統、應用微處理器或可程式化消費電子產品、網路P C、 料 並 定 間 連 構 或 通 功 間 經 應 限 係 電 電 系 微 12 200844856 電腦、主機型電腦、行動電話、PDA、呼叫器等等。本發 明亦可實施於分散式系統環境中，其中透過一網路所鏈結 (不淪疋硬體連線資料鏈結、無線資料鏈結、或硬體連線及 無線資料鍵結之組合）之區域及遠端電腦系統皆可執行工 作。在为政式系統環境中，程式模組可以同時位於區域 及遠端記憶體儲存裝置中。 第1圖為構成動態載入腳本之示例性電腦架構10 〇。 0 如圖所示’電腦架構丨〇〇包括網頁瀏覽器1 〇丨、網頁伺服 器1 02及網路1 〇3。網頁瀏覽器i 〇 i及網頁伺服器丨〇2可 連接至網路103，例如像是區域網路（lan，“Local Area Network )、廣域網路（WAN，“Wide Area Network”）或甚至 網際網路。因此’網頁瀏覽器1 〇丨及網頁伺服器1 〇2之組 件可自連接至網路1 〇 3之其它組件接收資料並傳送資料到 該等組件。因此，這些組件皆可產生訊息相關的資料，並 交換訊息相關的資料（如網際網路協定（IP，，，Internet Protocol”）資料段及其它利用ip資料段之較高層協定，例 如網路上的傳輸控制協定（TCP，“Transmission Control Protocol”）、超文字傳輸協定（HTTP，“Hypertext Transfer Protocol”）、簡單郵件傳輸協定（SMTP，“Simple Mail Transfer Protocol”）等。例如，組件可交換HTTP請求及回 應，而簡單物件存取協定（SOAP，“Simple Object Access Protocol”）封包包含有網頁服務相關的資料。 概言之，網頁瀏覽器1 0 1經配置以請求（例如透過一 HTTP訊息到一指定的URL)，並呈現來自網頁伺服器之網 13 200844856 頁式内容’例如像是網頁伺服器！ 〇4，复 ’ ，、叩經由雜 存取。網頁式内容可包括文字資料、影像資料、音 資料、可執行碼（例如腳本）等。 概言之，網頁伺服器1 〇2經配置以接收網頁3 請求（例如一 HTTP訊息到一指定的url)， * ) 亚得 的網頁式内容回到一發出請求的網頁瀏覽器。去緒 器1 02接收一凊求時，其可識別一伺服器側頁面， 於該請求（例如基於包含在該請求中一 URl來分诉 到一適當的程序）。然後網頁伺服器1〇6可Y 、 J戰入所諸 服器側頁面。 當該伺服器側頁面包括伺服器側腳本參照時， 服器106可傳送該參照的伺服器側腳本（例如八3 p 令）到一伺服器側腳本處理器來進行處理。該腳本卢 理該祠服器側腳本，並傳送任何相對應結2回到$ 器102。然後網頁伺服器1〇2在一網頁中可包1括兮 能在額外格式化之後），以及其它内容及任何客戶綠 (J 參照。然後網頁伺服器1 02傳回該網頁到請求的雜 器。 、’ 因此，例如其可以是網頁瀏覽器1 0 1傳送請求 HTTP GET)到網頁伺服器1〇1(藉由使用網頁飼服器 一適當URL)。網頁伺服器102可處理請求ln並 得相對應的内容（經由伺服器側腳本靜態或動態地 該相對應内容及任何客戶端側腳本參照可在網頁^ 回到網頁瀏覽器101(例如包含在一 H丁丁p訊息中）£ 3 路 103 訊/視訊 :内容的 ί所請求 0頁伺服 其對應 ^該請求 €別的伺 網頁伺 • Net 指 i理器處 i頁伺服 結果（可 ;側腳本 I頁瀏覽 .111(-;102 的 產生/取 存取）。 12中傳 >客戶端 14

200844856 側腳本參照可參照儲存在網頁伺服器1 0 2處多個不 (例如在腳本1 2 2中）之中的腳本，例如像是在一大 裝置的目錄結構中或一組件（例如一動態鏈結肩 “Dynamic link library”））等，或可參照在其它網頁 處的腳本。然後網頁伺服器1 02回應於請求1 1 1即 頁1 1 2回到網頁瀏覽器1 0 1。 當網頁瀏覽器1 0 1接收一網頁時，其可分配該 多個部份經配置以處理該網頁之部份的模組。因此 頁瀏覽器1 0 1接收網頁1 1 2、靜態内容，例如像是 容 113，其可被配置到呈現模組 10 6。任何腳4 JavaScript、VB script等）或腳本參照，例如像是腳 1 08R，其可配置到一適當的腳本處理器，例如像是 理器1 0 7。先前在網頁瀏覽器1 0 1處執行的腳本可 大量儲存元1 〇 9處，例如像是在快取1 5 8中。因此 於接收一客戶端側腳本參照，網頁瀏覽器1 0 1可經 1 0 3或自快取1 5 8而自一網頁伺服器（其可以是傳送 端側腳本參照的網頁伺服器也可以不是）取得該相 戶端側腳本。 腳本處理器1 0 7可執行腳本，並傳回任何得到 (如果有的話）到呈現模組1 06。例如，腳本處理器 傳回結果1 5 4到呈現模組1 0 6。呈現模組1 0 6可呈 在使用者介面104。例如，呈現模組106可在使用 104處呈現頁面資料156。呈現模組106可呈現所接 容，使得一網頁的某些部份（例如靜態内容）可在一 同位置 量儲存 (DLL, 伺月艮器 傳送網 網頁的 ，當網 靜態内 .(例如 本參照 腳本處 儲存在 ，回應 由網路 該客戶 對應客 的内容 107可 現資料 者介面 收的内 網頁的 15

200844856 其它部份之前來呈現（例如腳本結果）。 第2圖為一用於動態載入腳本之示例性方法2 0 0 程圖。方法200將參考電腦架構1 00中的組件及資料 說明。 方法2 0 0包括自一網頁伺服器接收一網頁的步驟 應於自該網頁瀏覽器請求該網頁，該網頁即傳送到該 瀏覽器（步驟 2 0 0)。該網頁在執行時包括一參照經配 建立佇列其它腳本參照之資料結構的一腳本載入器。 本載入器亦在由網頁瀏覽器指示時經配置以根據腳本 器規則動態地載入在該網頁中參照的腳本，以覆蓋該 瀏覽器之預設腳本載入行為。 例如，網頁瀏覽器101回應於請求 m可接收 1 1 2。網頁1 1 2包括參照到腳本載入器腳本1 0 8 S之腳 入器參照1 0 8 R。腳本載入器腳本1 0 8 S在執行時經配 建立一資料結構，其用於佇列在網頁1 1 2中其它腳 照，例如像是1 2 4 R、1 3 4 R及1 4 4 R。腳本載入器腳本 亦在由網頁瀏覽器1 0 1指示時經配置以根據腳本載入 1 1 8動態地載入在網頁1 1 2中所參照的腳本。腳本載 則Π 8可蓋過網頁瀏覽器1 0 1之預設的腳本載入行為 腳本載入規則1 1 8可包括用於在網頁瀏覽器1 0 1 入腳本之邏輯及政策。因此，腳本載入器108可套用 載入規則1 1 8到佇列1 1 6中客戶端側腳本參照，以建 本載入順序 1 5 3。腳本載入規則邏輯可包括用於列舉 列1 1 6中包括的客戶端側腳本參照之演算法。例如， 的流 加以 ，回 網頁 置以 該腳 載入 網頁 網頁 本載 置以 本參 1 08S 規則 入規 〇 處載 腳本 立腳 在佇 腳本 16 200844856 載入規則1 1 8可列舉參照124R、134R、144R等。 來自所列舉的客戶端側腳本參照，其它的腳本載入規 則邏輯可包括演算法來識別相對應參照的腳本到另一個及 /或到其它外部資源的相關性。例如，可執行腳本載入規則 之腳本載入器108，可決定腳本134S根據腳本124S，且 腳本 144S並不相關於任何其它腳本。來自所列舉的客戶 端側腳本參照，其它腳本載入規則邏輯可包括演算法來識 別包括跨網域請求之腳本。例如，腳本載入器1 08可執行 腳本載入規則來決定除了網頁伺服器丨〇 2之外的伺服器有 多少請求’以在當執行所參照的腳本時所發生。 其它腳本載入規則邏輯可包括演算法，用於識別所參 照的腳本之其它特性及/或之間的關係。腳本載入規則邏輯 亦可延伸’使得開發者可開發他們本身的腳本載入規則邏 輯’以識別在一網頁中所參照的腳本之特性及/或之間的關 係。另外，一開發者可修正既有的腳本載入規則邏輯，以 為了 特疋目的而客製化該腳本载入規則邏輯。 ◎ 腳本載入規則政策指示基於該等列舉的腳本之特性及 /或之間的關係來载人列舉的參照腳本。腳本載人規則政策 可被套用到在佇列116中列舉的腳本參照來以一特定的順 序載入相對應的腳本。—腳本载人順序可基於所識別之腳 本相關性以及其它腳本關係及特性來指示。 在一些具體實施例中，腳本載入規則政策以不同於該 參照的腳本出現在一網頁中的順序的一指定的順序來載入 列舉的參照腳本（非順序性載人）。例如，可以是腳本參照 17 200844856 124R、134R及144R依該順序包括在網頁112中。也 說，參照124R接近於網頁112的頂部，且參照144R 於網頁1 1 2之底部。但是，腳本載入規則政策可指示 134S係要在腳本124S及144S之前被載入，即使參照 在參照1 3 4R之前接收。再者，腳本載入規則政策可 腳本144S要在腳本124S之前載入，即使參照124R 照144R之前接收。 在其它具體實施例中，腳本載入規則政策被套用 行地載入所列舉的參照腳本（平行載入）。例如，腳本 規則政策可指示腳本124S及144S係要平行地載入， 腳本124S並不根據腳本144S，而腳本144S並不根據 124S。 在其它具體實施例中，腳本載入規則政策被套用 入所列舉的腳本，其方式為限制同步跨網域請求到一 網域的數目。例如，腳本載入規則政策可指示腳本要 順序被載入，該順序限制同步請求到除了網頁伺服器 之外的網頁伺服器之數目到一指定的闊值。 腳本載入規則政策亦可延伸，使得開發者可開發 本身的腳本載入規則來以一指定的方式載入腳本。另 一開發者可修正既有的腳本載入規則政策，以為了一 目的而客製化腳本載入規則政策。例如，除了順序地 腳本之外，腳本載入規則政策可指示腳本係為了給定 知相關性組合來平行地載入。 腳本載入器1 〇 8亦可將一腳本載入順序公式化時 就是 接近 腳本 124R 指示 在參 來平 載入 因為 腳本 來載 指定 以一 102 他們 外， 特定 載入 的已 考慮 18 200844856 個別的瀏覽器特性，這些腳本即適當地載入在一瀏覽 境内。例如，腳本載入器108在將腳本載入順序153 化時考慮瀏覽器種類1 5 1 (並可知道瀏覽器種類1 5 1之 載入特性）。 在一些具體實施例中，腳本載入規則11 8為硬體 到腳本载入器1 0 8中。藉此在這些具體實施例中客製 本載入規則1 1 8，一開發者可修正腳本載入器1 0 8之 p 碼來為了一特定目的客製化腳本載入規則118(且藉此 製化腳本載入1 0 8)。在其它具體實施例中，腳本載入器 在外部存取腳本載入規則118。因此在這些其它具體 例中客製化腳本載入規則11 8時，一開發者可修正該 存取的腳本載入規則 1 1 8，以為了一特定目的客製化 載入規則1 1 8。 腳本載入器108可提供API用於聯繫瀏覽器101 本處理器1 0 7。 方法2 00包括一步驟，其執行該腳本載入器來建 〇 資料結構來佇列腳本參照（步驟202)。例如，腳本處 107可載入腳本載入器108來建立佇列116。腳本載入 照108R可被包含在同一線上而靠近（或位在）網頁112 部。因此，更有可能腳本載入器參照l〇8R為遇到的 參照。由於網頁劉覽器101之預設行為（例如依序載 本）’腳本處理器1 0 7可在任何其它腳本或腳本參照之 理腳本載入态參照1 〇 8 r。因此，處理腳本參照1 〇 8 s 入腳本載入器108基本上啟動腳本載入行為，其可覆 器環 公式 腳本 編碼 化腳 原始 亦客 108 實施 外部 腳本 及腳 立一 理器 器參 的頂 第一 入腳 前處 來載 蓋網 19 200844856 頁劇覽器1 0 1之預設腳本載入行為。 方法200包括一步驟’其建立配置以儲存腳本參照的 Ο Ο 一佇列（步驟2 〇 3 )。例如，腳本載入器1 〇 8可建立佇列丨丨6， 以健存客戶端腳本參照在網頁U2中。方法2〇〇包括一步 驟’其處理該網頁來佇列包括在該網頁中任何腳本參照在 該資料結構中（步驟204) ’及一步驟，其將包括在一指定 網頁中的腳本參照存在於該佇列（步驟2〇5)。例如，網頁 瀏覽裔1 0 1及腳本載入器1 0 8可互操作來處理網頁Η 2， 並儲存佇列參照124R、134R及144R在佇列116中。 方法200包括一步驟，其偵測到在佇列包括在該網頁 中任何腳本參照在該資料結構中之後並無其它腳本參照包 括在該網頁中（步驟206)。例如，網頁瀏覽器1〇1可偵測 到參照124R、13411及144R被佇列到佇列116中之後並無 其它腳本參照包括在該網頁1 1 2中。 方法200包括一步驟，其指示該腳本載入器中在該網 頁中並無包括其它的腳本參照（步驟2〇7)。指示並無包含 其它參照使得該腳本載入器根據該腳本載入規則動態地載 入對應於該佇列的腳本參照之腳本 器之預設的腳本載入行為。例如， 自網頁1 1 2的所有參照已經仔列到仔列^ 佇列處理指示器丨52到腳本載入器1〇7。 152可使得腳本載入器1〇8來根據腳本载 地载入佇列在佇列1 1 6中的腳本。 ’藉以覆蓋該網頁瀏覽 網頁瀏覽器101在當來 16中時，可傳送 佇列處理指示器 入規則1 1 8動態 方法200包括一步驟 其接收來自該網頁瀏覽器的指 20 200844856 示，其中在該指定的網頁中並未包括其它腳本參照（步驟 2 0 8)。例如，腳本載入器1 0 8可自網頁瀏覽器1 〇 1接收佇 列處理指示器1 5 2。方法2 0 0包括一步驟，其使得由該仔 列腳本參照所參照的腳本根據腳本載入規則來載入，以覆 蓋該網頁瀏覽器之預設腳本載入行為（步驟2 0 9)。例如， 腳本載入器108可使得腳本124S、134S及144S，以及網 頁Π 2中其它參照的腳本，要根據腳本載入規則1 1 8載入， 以覆蓋網頁瀏覽器1 0 1之預設腳本載入行為。 腳本載入順序1 5 3共同代表載入於網頁1 1 2中所參照 之腳本的順序。在一些具體實施例中，腳本處理器及腳本 載入器1 0 8進行聯繫來協調腳本的實際載入。例如，腳本 載入器108可傳送一指令到腳本處理器1〇7來載入一或多 個腳本。當載入該一或多個腳本時，腳本處理器1〇7可指 示該一或多個腳本係要載入到腳本載入器1 〇 8。然後腳本 載入器108可傳送另一個指令來载入其它一或多個腳本到 腳本載入器108。當載入其它的一或多個腳本時，腳本處 理器1〇7可指示其它一或多個腳本被載入到腳本載入器 1 0 8中。一類似的機制可發生，直到載入網頁丨丨2中的腳 本參照。 因此，腳本載入器108及腳本處理器1〇7可互操作來 以在網頁1 1 2中遇到之不同的順序來載入腳本，以平行地 載入複數個腳本，及以限制同步跨網域請求等的方式載入 腳本。腳本载入器108亦可使得腳本被載入的方式不會違 反網頁瀏覽器101之腳本載入特性（基於瀏覽器種類151)。 21 200844856 一些載入的腳本可產生包括在網頁112中的内容。結 果1 5 4共同地代表於網頁瀏覽器1 〇 1處執行的客戶端側腳 本所傳回的任何内容。腳本處理器1 〇 7可傳回結果1 5 4到 呈現模組106。方法200包括一步驟，其包括造成呈現該 網頁之任何相關的腳本結果（步驟 2 1 0)。例如，呈現模組 1 0 6可在頁面資料1 5 6 (代表網頁11 2之資料）中包括結果 154。呈現模組106可在使用者介面1〇4處呈現頁面資料 156 ° 因此，本發明的具體實施例可在啟始與載入關於客戶 端側腳本載入的事件之前的時間點進行載入腳本。一腳本 載入器參照可傳送回到一網頁瀏覽器，以在一些不同的案 例中進行此行為。 在一具體實施例中，一腳本載入器參照在當對一網頁 應用之初始請求為一 HTTP GET時即傳回到一網頁瀏覽 器。一腳本載入器參照包含在一傳回的網頁之頂部的同一 條線上，例如像是：〈script src= "ScriptLoader.js” /> 一腳本載入器即對該網頁應用來建立及註冊，例如像 是：

Sys.Application.set_scriptLoader( new Sys.ScriptLoaderQ); // this·一loader.add_allScriptsLoaded (

This._allScriptsLoadedDelegate); 腳本參照，包括參照、共線腳本、及管理程式，其皆 22 200844856 佇列到該腳本載入器中。如前所述，腳本可由多個不同位 置載入。因此，腳本可由顧客庫載入，例如像是： Sypplication.queueScriptReference(f/ CustomScript.js1);

Sys. Application· queueScriptReference( ("Sys.Application.add一init ( $create(Custom.UI.Control，{}，{}，{}，$get(T)) )；

Sys. Application. initialize(); 然後該註冊的腳本載入可被指示來載入其已經佇列的 腳本參照，例如像是：

Sys.Application.get__scriptLoader().set_scriptLoadTimeOut(n) Sys.Application.get scriptLoader().loadScripts(); 該腳本載入器可在當已經載入所有腳本時指示給該網 頁應用。 在另一具體實施例中，一腳本載入器參照在一非同步 HTTP POST到一網頁應用中傳回到一網頁瀏覽器。在此其 它具體實施例中，一腳本載入可以已經建立，且一請求f 理者對於所載入的腳本掛上一事件。因此即可發生註冊， 例如像是：

Sys.Application.get一 scriptLoader(). add_allScriptsLoaded(PRM._allScriptsLoadedDelegate); 然後腳本參照可利用内部腳本載入器被佇列。此包& 腳本參照、共線腳本及任何管理程式。因此，腳本可由雇貝 23 200844856 客庫載入，例如像是：

Sys. Application. queueScriptReference(V CustomScript.js ?);

Sys. Application. queueScriptReference( (f,Sys.Application.add_init ( $create(Custom.UI.Control，{}，{}，{}，$get(T)) )； 該註冊的腳本載入器即被指示來載入其腳本參照， ^ 如像是： Ο .

Sys .Application· get 一 scriptLoader(). loadS cripts(); 在任一具體實施例中以及其它前述具體實施例中， 頁面或組件開發者能夠經由API及一腳本載入器之宣告 語法在一網頁瀏覽器處定義載入腳本之行為。然後該腳 官理者產生使用一客戶端側腳本處理器之輸出。 額外的腳本相關的功能性亦可包括在一腳本載入 中。例如’一腳本載入器可配置於寫入任何腳本載入錯 到一記錄檔案中。腳本載入錯誤可包括：到時、相關性 ◎ 决、貝源錯誤等。關於一腳本載入錯誤的相關内文式資 亦可在當發生一腳本载入錯誤時被寫入到該記錄檔案中 Λ錄；U案可儲存在一位置處，其可存取到一頁面或組 開發者你j % ’在於網頁瀏覽器⑻處偵測到腳本載入 =、、腳本载入益1 〇 8可儲存記錄1 5 7到網路1 〇 3内一 路位置一開發者可存取來自該網路位置的記錄丨5 7， 輔助測試及/或除_ _太.χ XI示錯腳本载入器108以及其它腳本。 f發明可實施成其它特定的型 其皆不悖離本發 例 式 本 器 誤 錯 訊 〇 件 錯 網 以 明 24

200844856 之精神或基本特性。上述的具體實施例在各個態樣 視為例示性而非限制性。因此本發明的範疇係由後 專利範圍所指示，而非由前述的說明。所有在申請 圍之同等性下的意義與範圍内之改變皆要涵蓋在其 内〇 【圖式簡單說明】 為了說明可以取得本發明上述及其它優點與特 法，上述簡短說明之本發明的更為特定之說明將參 屬圖式中所例示的特定具體實施例來呈現。請暸解 式所示僅為本發明之典型的具體實施例，因此不應 範疇的限制，本發明將藉由使用附屬圖式利用額外 容及細節來加以描述與解釋。 第1圖為構成動態載入腳本之示例性電腦架構 第2圖為用於動態載入腳本之示例性方法的流 中皆應 附申請 專利範 範疇之 徵的方 考在附 這些圖 視為其 特定内 程圖。

【主要元件符號說明】 100 電 腦 架 構 106 網 頁 伺 服 器 101 網 頁 瀏 覽 器 107 腳 本 處 理 器 102 網 頁 伺 服 器 108 腳 本 載 入 器 103 網 路 108S 腳 本 載 入 器腳 104 使 用 者 介 面 1 08S 腳 本 參 昭 104 網 頁 伺 服 器 1 08R 腳 本 參 昭 106 呈 現 模 組 109 大 量 儲 存 元 25 200844856 111 請求 1 34R 腳本參照 112 網頁 144S 腳本 113 靜態内容 144R 腳本參照 114 腳本參照 151 瀏覽器種類 116 佇列 152 佇列處理器指示器 118 腳本載入規則 153 腳本載入順序 121 腳本 154 結果 122 腳本 156 頁面資料 124S 腳本 157 記錄 124R 腳本參照 158 快取 134S 腳本 Ο 26

Claims (1)

1. 200844856 十、申請專利範圍： 1. 一種在一網頁瀏覽器動態載入腳本之方法，其係用在 連接至一網路的電腦系統，該電腦系統包括在該電腦 系統處配置以呈現網頁之該網頁瀏覽器，該方法包含 下列步驟：

   自一網頁伺服器接收一網頁，該網頁回應於來自 該網頁瀏覽器對該網頁之一請求而傳送到該網頁瀏覽 器，該網頁包括供一腳本載入器使用之一參照，該腳 本載入器配置以在執行時建立一用於佇列其它腳本參 照之資料結構，該腳本載入器亦配置以在得到來自該 網頁瀏覽器的一指示時，根據腳本載入規則動態地載 入在該網頁中參照的腳本，以覆蓋該網頁瀏覽器之預 設腳本載入行為； 執行該腳本載入器來建立一佇列腳本參照之資料 結構； 處理該網頁以在該資料結構中佇列被包括在該網 頁中的任何腳本參照； 偵測到：在該資料結構佇列任何包括在該網頁中 的腳本參照之後，並無其它腳本參照包括在該網頁中； 指示該腳本載入器並無其它腳本參照包括在該網 頁中，藉此使得該腳本載入器根據該腳本載入規則動 態地載入對應於該佇列的腳本參照之腳本，以覆蓋該 網頁瀏覽器之預設的腳本載入行為；及 在該網頁的一呈現中包括任何相關的腳本結果。 27 200844856 2 · 如申請專利範圍第1項所述之方法，另包含下列步驟： 在自該網頁伺服器接收該網頁之前，傳送一 HTTP GET到該網頁伺服器。 3 · 如申請專利範圍第1項所述之方法，另包含下列步驟： 傳送一非同步HTTP POST到該網頁伺服器。 4. 如申請專利範圍第1項所述之方法，其中自一網頁伺 服器接收一網頁的步驟包含下列步驟：

   Ο 接收一網頁，其在該網頁的頂部包括一腳本載入 器參照。 5. 如申請專利範圍第1項所述之方法，其中指示該腳本 載入器並無其它腳本參照包括在該網頁中藉此使得該 腳本載入器動態載入腳本之步驟包含下列步驟： 指示該腳本載入器並無其它腳本參照包括在該網 頁中，藉此使得該腳本載入器以於該等腳本在該網頁 中遇到的順序之一不同順序載入腳本。 6. 如申請專利範圍第1項所述之方法，其中指示該腳本 載入器並無其它腳本參照包括在該網頁中藉此使得該 腳本載入器動態載入腳本之步驟包含： 指示該腳本載入器並無其它腳本參照包括在該網 頁中，藉此使得該腳本載入器平行地載入複數個腳本。 7. 如申請專利範圍第1項所述之方法，其中指示該腳本 載入器並無其它腳本參照包括在該網頁中藉此使得該 腳本載入器動態載入腳本之步驟包含： 指示該腳本載入器並無其它腳本參照包括在該網 28 200844856 頁中，藉此使得該腳本載入器載入腳本之方式可限制 該等請求的數目於任何給定網域。 8. 如申請專利範圍第1項所述之方法，其中指示該腳本 載入器並無其它腳本參照包括在該網頁中藉此使得該 腳本載入器動態載入腳本之步驟包含： 指示該腳本載入器並無其它腳本參照包括在該網 頁中，藉此使得該腳本載入器載入腳本之方式可蓋過 該網頁瀏覽器之預設的載入行為。

   L) 9. 一種配置以動態載入在一網頁中參照的腳本之腳本載 入器，其係用在連接至一網路的電腦系統處，該電腦 系統包括配置以在該電腦系統呈現網頁之一網頁瀏覽 器，其中該腳本載入器係藉由執行下列步驟來覆蓋該 網頁瀏覽器之預設的腳本載入行為，包含： 建立經配置以儲存腳本參照之一佇列； 將包括在一指定網頁中的腳本參照置於該佇列； 自該網頁瀏覽器接收一指示，其指示在該指定的 網頁中沒有包括其它的腳本參照；及 使得由該佇列的腳本參照所參照的腳本根據腳本 載入規則載入，以覆蓋該網頁瀏覽器之預設的腳本載 入行為。 10. 如申請專利範圍第9項所述之腳本載入器，另包含下 列步驟： 在使得該腳本被載入之前，列舉在該佇列中該等 腳本參照，藉以建構一腳本參照列表。 29 200844856 11. 如申請專利範圍第10項所述之腳本載入器，另包含下 列步驟： 識別對應於包含在該腳本參照之列表中的腳本參 照之腳本；及 決定是否有任何識別的腳本係彼此相關。 12. 如申請專利範圍第10項所述之腳本載入器，另包含下 列步驟： 識別至少一腳本係根據至少一個其它腳本。

   ϋ 1 3 .如申請專利範圍第1 0項所述之腳本載入器，另包含下 列步驟： 識別包括跨網域請求之腳本。 1 4.如申請專利範圍第9項所述之腳本載入器，其中使得 腳本根據腳本載入規則載入之步驟包含： 以與腳本在該網頁中遇到的順序不同的一順序來 載入該等腳本。 1 5 ,如申請專利範圍第9項所述之腳本載入器，其中使得 腳本根據腳本載入規則載入之步驟包含下列步驟：平 行地載入複數個腳本。 1 6.如申請專利範圍第9項所述之腳本載入器，其中使得 腳本根據腳本載入規則載入之步驟包含下列步驟··以 限制同步請求的數目到任何給定範圍之方式載入腳 本。 1 7.如申請專利範圍第9項所述之腳本載入器，其中使得 腳本根據腳本載入規則載入之步驟包含下列步驟：以 30 200844856 蓋過該網頁瀏覽器之連續載入行為的方式載入腳本。 1 8.如申請專利範圍第9項所述之腳本載入器，其中使得 腳本根據腳本載入規則載入之步驟包含下列步驟：基 於該等參照的腳本之特性及該等參照腳本之間的關係 來載入腳本。 1 9 . 一種電腦系統，該電腦系統包含： 一或多個處理器； 系統記憶體； 一或多個電腦可讀取媒體，其上已經儲存代表一 網頁瀏覽器之電腦可執行指令，其在於該等處理器之 一處執行時使得該網頁瀏覽器配置以： 自一網頁伺服器接收一網頁，該網頁回應於 來自該網頁瀏覽器對該網頁之一請求而傳送到該 網頁瀏覽器，該網頁包括一參照，其參照到代表 一腳本載入器之一電腦可執行指令，該腳本載入 器在執行時配置以建立用於佇列其它腳本參照之 一資料結構，該腳本載入器亦在由該網頁瀏覽器 指示時配置以根據腳本載入規則動態地載入在該 網頁中參照的腳本，以覆蓋該網頁瀏覽器之預設 腳本載入行為； 執行該腳本載入器的電腦可執行指令，以建 立用於佇列腳本參照之一資料結構； 處理該網頁，以在該資料結構中佇列包括在 該網頁中的任何腳本參照； 31 200844856 偵測到：在該資料結構佇列任何包括在該網 頁中的腳本參照之後，並無其它腳本參照包括在 該網頁中； 指示該腳本載入器並無其它腳本參照被包括 在該網頁中，藉此使得該腳本載入器根據該腳本 載入規則動態地載入對應於該佇列的腳本參照之 腳本，以覆蓋該網頁瀏覽器之預設的腳本載入行 為；及

   在執行代表該腳本載入器之電腦可執行指令時， 將代表該腳本載入器之可執行指令儲存到系統記憶體 中，其在該等處理器之一處執行時，使得該腳本載入 器經配置以： 建立配置以儲存腳本參照的一佇列； 將包括在一指定網頁中的腳本參照置於該佇 列； 自該網頁瀏覽器接收一指示，其指示在該指 定的網頁中沒有其它的腳本參照；及 使得由該佇列的腳本參照所參照的腳本根據 腳本載入規則載入，以覆蓋該網頁瀏覽器之預設 的腳本載入行為。 2 0.如申請專利範圍第1 9項所述之電腦系統，其中該腳本 根據腳本載入規則被載入，以基於該等參照的腳本之 特性及該等參照的腳本之間的關係來覆蓋該網頁瀏覽 器之該預設的連續腳本載入行為。 32