TW201037531A - Method for server-side logging of client browser state through markup language - Google Patents

Description

201037531 六、發明說明： 【發明所屬之技術領域】 本發明大體而言係關於涉及web伺服器及用戶端瀏覽器 介面之資料追蹤及儲存操作。本發明更具體言之係關於致 使此夠對自用戶端瀏覽器獲得之資料進行登入及伺服器端 存取的操作。 【先前技術】 現今之使用者介面中之許多為網站，從而需要使用瀏覽 器來存取介面内容。然而，不同之瀏覽器可能以不同方式 向用戶端使用者顯示相同之内容。舉例而言，Micr〇s〇ft

Internet以…以^及MoziUa FireF〇x各自以不同方式實施 XML D〇M(文件物件模型）。另外’經由使用諸如

JavaScript或AJAX之動態網頁技術，使用者當前正檢視之 内容可能已自其由伺服器提供之原始狀態修改。因此，常 f難以精杨狀用戶端正進行之操作及向用戶端顯示内 容之方式’因為用戶端程式碼（dient eQde)正在與_饲服 器不同之一系統上執行。此可使問題判定尤為困難，在試 圖理解用戶端上正發生之錯誤或其他非預期行為時尤其如 此。 為了在現有系統中提供強健之問題判定解決方案，必須 在用戶端電腦上實施瀏覽器端登人以精確地記錄使用者正 查看之内容及進行之操作。此通常涉及記錄使用者可能已 輸入至控制器中之所有值，且追蹤指令碼㈣pt)對所顯示 内容作出的任何改變。當前不存在用於有效地記錄—時間 145256.doc 201037531 點處之綜合用戶端劉覽器顯示資訊且將此資訊傳 服器或另-第三方以用於分析的系統。 如1 【發明内容】 本發明之-態樣包括致使能夠實現對―好端㈣器狀 態之伺服器端登入的增強操作。在一實施例中，藉由· ' 研究（traverse)且記錄D0M(文件物件模型）之内容，可將由 一用戶端使用者存取之—網頁的完整當前狀態寫人至—字 ❹兀串。此完整當前狀態包括鍵入至輸入介面工具集（― widget)中之任何資料，及由指令碼對該網頁作出的任何^ 改。可接著將此含有表示該網頁之該狀態之資料的字元串 傳遞至該伺服器，且使用標準登入方法進行登入。因此， 刊析並分析該登人資訊以重新建立—叫該用户端劉 覽器在登入時所存在之狀態。 使用本發明揭*之登人操作使得—内容提供者能夠精確 地知曉在任何給定時間點處一使用者正進行之操作，及正 〇 肖該使用者顯示之内容。因此，所揭示之登人操作使得能 夠執行以下操作：對内容產生指令碼程式碼（content_ germing script c〇de)進行除錯；識別一特定瀏覽器或一 ' 瀏覽器版本中發生之呈現問題；判定鍵入至一網頁中之值 - 是否某一未經驗證之輸入導致非預期行為；識別「快取」 問題，諸如用戶端指令碼檔案過時且需要再新（或以禁1 快取之内容伺服）的情況；及總體審計正呈現給該使用者 之内容。另外，本發明揭示之實施例使得疑難排解員 (tr〇Ubleshooter)及支援人員能夠精確地重新建立該使用者 145256.doc 201037531 所處之情形，而無需存取web伺服器或其資料庫。 在一實施例中，在自一web伺服器接收到網頁内容之 後，對於一在一用戶端電腦系統上操作之瀏覽器執行一用 於執行對用戶端瀏覽器狀態之伺服器端登入的操作。在此 網頁内容顯示於該瀏覽器中之後，捕獲在該瀏覽器内所顯 示之該網頁之狀態。 在捕獲之後，將該瀏覽器之操作環境編譯為一字串。另 外，藉由詳細研究該網頁之每一 D〇M元素且將每—d〇M 元素及其相關聯之資料編譯為一字串來產生表示該網頁之 所捕獲狀態之每一 DOM元素的一字串。在另一實施例中， 在該瀏覽器内所顯示之該網頁之該狀態包括由一使用者提 供至輸入攔位中的輸入值。 接著將詮釋資料（metadata)及DOM字串資料發送至該web 伺服器。在另一實施例中，在一 Ηττρ請求内發送此字 串。一旦該web伺服器已接收到該字串，則其可接著在必 要時處理該字串，諸如，將該詮釋資料及D〇M資訊登入至 可由該web伺服器存取之一資料儲存器中。 在其他實施例中，在不同時間或回應於特定事件而捕獲 該網頁之該狀態。舉例而言，㈣捕獲可在以下情況下發 生：緊接在網頁内容顯示於«器中之後；回應於由用戶 端劉覽器對-指令碼之執行；回應於自—使用者接收到應 且入網頁之狀態的一信號（諸如，經由一按鈕或選單驅動 命令（由該使用者發起））；或替代地自在該網頁内執行之判 定何時捕獲網頁之狀態的指令碼。 145256.doc 201037531 【實施方式】 本發明之一態樣涉及用戶端瀏覽器狀態之登入，及將此 登入之瀏覽器狀態資料傳輸至web伺服器以用於分析及使 用以達成問題判定、支援及測試目的。在一實施例中，將 該用戶端瀏覽器狀態捕獲為一字串，其包含詮釋資料及

Ο HTML。捕獲於登入之資料内之HTML表示「執行時間 (run-time)」’其為網頁之動態產生之HTML而非初始伺服 於用戶端之「源」HTML。詮釋資料可包括諸如瀏覽器名 稱、瀏覽器版本、視窗大小及作業系統之資料。在將用戶 端瀏覽器狀態及詮釋資料捕獲為一字串之後，將此字參傳 輸至web伺服器及/或第三方位置。 藉由使用所捕獲之瀏覽器狀態資訊，支援小组（supp〇rt team)可精確地再現在瀏覽器狀態被登入之時刻使用者所 經歷的使用者介面狀態。舉例而言，此狀態可包括網頁輸 入欄位之使用者鍵入的值，或在瀏覽器内動態地改變之内 答顯示狀態 林丨F 1田便用者命令丁莉吧蜩赞（諸 如’藉由「登入劉覽器狀態」按-)，或可以界定於指令 碼中之職時間間隔而觸發。在另—實施例中，在用戶端 劇覽器狀態之捕獲期間，可施加條件以防止對用戶端網頁 上之：感資料(諸如’使用者鍵入之密碼欄位)的登入。 先則技術中之標準登入實踐不能容易地登入用戶端及复 «器^合狀態，在試圖監視以不同方式呈現給眾多類 :之：覽β及瀏覽器平台的網頁之顯示時尤其如此。本發 點中之者為，可針對伺服器端狀態資料及用戶端 145256.doc 201037531 狀態資料兩者來部署及/或協調登入及問題判定。此外， 本發明之貫施例允許捕獲精確呈現之HTML，而不管内容 是在伺服器端產生還是在用戶端產生。 另外，在本發明之一實施例中，管理者能夠分析使用者 已鍵入至網頁之輸入介面工具集中之資料的登入，即使此 資料尚未提交給伺服器。不同於使用螢幕捕獲之現有系 統’此實施例不儲存像素資料。實情為，將標記儲存為文 字’其節省空間且更有助於檢查。可以想像，甚至可針對 所執行之每一使用者動作而捕獲一標記「螢幕截圖 (screenshot )」。因為指令碼系統可經組態而以規則時間 間隔保存網頁之狀態，故此將致使能夠用戶端之「視訊樣 (Video-like)」播放的使用，其具有顯著減小之附加項且節 省實際視訊資料。 藉由在網頁呈現於用戶端上時捕獲顯示内容，本發明之 各種實施例可在利用基本Web瀏覽活動之多種用戶端平台 上執行。除了在電話、行動器件及攜帶型電子計算器件上 操作之其他瀏覽器之外，此用戶端平台亦包括在桌上型電 腦上操作之常用瀏覽器。因此，無論用戶端瀏覽器為

Firefox、Internet Explorer、Safari、Google Chrome等中之 哪一者’可同樣地執行資料之登入及自用戶端收集資料。 如藉由圖1中之先前技術中存在之實例web伺服器架構而 說明’動態web應用通常如下而結構化。當瀏覽器11〇之 URL指向伺服器120時，其形成一初始請求13()，伺服器 120在凊求處理常式（request 中處理該初始請求 145256.doc 201037531 130〇自web伺服器之應用邏輯122及回應產生器i23產生的 伺服器之回應13 1構成網頁之初始載入。該回應通常採用 提供HTML網頁供顯示113之形式，但理論上該回應可提供 由文件物件模型（DOM)表示之任何類型之檔案。 ’、 一旦載入網頁，則瀏覽器11〇開始執行與該網頁相關聯 之任何指令碼1U。此等指令碼可執行許多任務，諸如， 動晝顯示（animate)網頁之内容、監視且回應使用者輸入， 〇 或向伺服器額外請求更多資料。在後種情況下，—指令碼 可形成一發送至伺服器之請求，該請求經處理，且經2回 呼函式（callback function)將一動態回應132直接發送回至 網頁之指令碼。 此等動作中之任一者可導致指令碼lu更新d〇m 112。 另外，使用者輸入114亦修改該DOM。因此，藉由典型之 用戶端/web伺服器組態，不存在明顯之方式來使伺服器知 曉在給定時間所呈現的網頁之精確狀態。在伺服器端上可 〇 容易地捕獲於登入資料儲存器140中之唯一資料將為經由 伺服器120所傳達之資料請求或回應。 圖2說明根據本發明之一實施例之實施用戶端瀏覽器狀 •態之飼服器端登入的類似web用戶端/伺服器架構。以下操 作提供捕獲用戶端資料且將該用戶端資料傳輸至伺服器以 供登入於伺服器端上的方法之一實例。 首先，於用戶端瀏覽器110内開始登入操作，以捕獲所 顯示之網頁DOM。可以眾多方式開始該登入操作，諸二， 藉由使瀏覽器使用應登入顯示狀態之信號。可（例如）藉由 145256.doc 201037531 點選瀏覽器110内之按鈕來執行此信號。或者，可基於預 定時間間隔或述詞（predicate)藉由在網頁内執行之指令瑪 111來觸發該登入，該指令碼111判定應登入網頁之狀態。 另外’作為捕獲用戶端瀏覽器之狀態的部分，指令碼系 統111亦判定與網頁之顯示相關的中繼資訊，諸如當前瀏 覽器版本、螢幕解析度、作業系統版本及其類似者。此詮 釋資料資訊經捕獲且以一字串表示。 接下來’指令碼系統1丨i造訪網頁之每一 DOM元素。對 於DOM 112内之每一元素，將HTML寫入至表示該元素之 子串舉例而5，若在DOM内遇到表（table)元素，則寫 A<table>標籤。亦將每一元素中含有之資料寫入至該字 串。在其他實施例中，若認為元素為「敏感的」（諸如， 密碼攔位）’則將不讀取該攔位以防止登入敏感資料。如 操作201中所展示，接著經由—請求將含有詮釋資料資訊 與劉覽SDOM HTML之組合的字串發送至伺服器，該請求 指示一瀏覽器狀態保存。 在知作203中，在於伺服器處之請求處理常式⑵内處理 U之後’詮釋資料登入函式2〇2内之邏輯進一步處理 保存有用戶端狀態之㈣資料&HTML，以供儲存於登入 資料儲存器140内。隨後，可存取飼服器之登入資料儲存 心〇的任何使用者可開啟所保存之資料 釋資料内指示之瀏賢器版太 — ^ A 本s亥使用者可精確地檢視在狀 悲保存時使用者正檢視之内容。 熟習此項技術者將認識到’在本發明之範，内的劉覽器 145256.doc 201037531 狀態登入及資料收集技術可在眾多伺服器端環境内實現， 諸如，圖2中描繪之簡單web伺服器，或可與先進資料儲 存、擷取及分析技術之大型組合加以組合。特定言之，可 實現登入操作以產生儲存於所管理之儲存環境内的資料， 該儲存環境諸如儲存區域網路（SAN)、網路附加儲存 (NAS)器件、備份設施及設備及其他儲存資源。 另外，可在自動化測試環境、超f㈣或其他虛擬環境 〇 之操作中選擇、啟動（launch)、重新建立及利用自用戶端 測覽器收集之資料。舉例而言，可在一遠端虛擬機用戶端 内操取並重新建構該登入，以在一虛擬環境(― setting)内提供對用戶端之瀏覽器經歷的實際模擬。 接著為兩個非限制性實例’其示範額外之應用及對先前 描述之登入操作的使用。作為第一實例，可緊接在飼服來 自web飼服器之PHP或JSP網頁之後執行割覽器狀態登入操 作。此將允許對由用戶端接收之触器產生町紙㈣㈣ 〇 gene她d HTML)的精確分析，且使得能夠驗證飼服琴端 邏輯及指令碼正以所欲方式操作。 作為第二實例，可在已觸们avaseript事件或已執行某 • — ^;avaSeHpt程式碼之後執賴覽H狀態登人摔作Γ Ϊ事件發生之後觸發登人操作的—原因係為了獲得當前選 疋:選項独（㈣“咖η)之準確快照，形成值及其類 似者。在網頁輸入中之任一去 情況下，此將輔助疑難排解。起錯誤或非預期行為的 圖3說明根據本發明之一實施例之用於執行經由標記語 J45256.doc 201037531 言之用戶端劉覽器狀態的伺服器端登人的實例操作的流程 圖首先如步驟3 01中，開始登入操作。該登入操作可 由使用者手動地開始、可以某一確定時間週期自動地開 始，或回應於諸如一指令碼中之預定邏輯的執行而開始。 接下來’如在步驟3〇2中，指令碼系統判定關於網頁及 用戶端顯示環境之相關詮釋資料資訊，諸如，當前瀏覽 器螢幕解析度及作業系統。編譯此資訊，且以文字格式 (textual format)儲存。 接下來，如在步驟303中，指令碼系統詳細研究所顯示 網頁之每一D〇M元素。如在步驟3〇4中對於每一 元 素，將HTML編譯為表示該元素及其資料之一字串。舉例 而言，若遇到表元素，則寫入<table>標籤，且將含有該元 素之文字或任何其他資料寫入至該字串。亦可定義規則以 排除自諸如密碼攔位之元素之資料收集。 如在步驟305中，經由一 HTTP請求將表示瀏覽器狀態之 字串（其含有用戶端顯示環境詮釋資料資訊）及經編譯之字 串（其含有HTML形式之網頁D0M的表示）傳輪至伺服器。 如在步驟306中，伺服器經由針對資料而組態之任何儲存 方法來將保存有狀態之詮釋資料及HTML字串登入至其經 組態之資料健存器（data store)中。 最後’如在步驟307中，可存取該詮釋資料及該等html 字串以用於進一步分析。舉例而言，可部署由詮釋資料指 示之劉覽器以精確地檢視在狀態保存時使用者正檢視之内 容。可執行適當之分析、測試及/或發展變化以補救非預 145256.doc -12- 201037531 期或無意之網頁行為。 如熟習此項技術者將瞭解，本發明可體現為一系統、方 法或電腦程式產品。相應地，本發明可採用完全硬體實施 例、完全軟體實施例（包括韌體、常駐軟體、微碼等）或组 合軟體與硬體態樣之實施例的形式，該等實施例在本文中 皆可通稱為「電路」、「模組」或「系統」。此外，本發明 可採用體現於任何有形表現媒體中之電腦程式產品的形 式，該有形表現媒體具有體現於該媒體中之電腦可用程式 可利用-或多個電腦可用或電腦可讀媒體之任何組合。 舉例而言，電腦可用或電腦可讀媒體可為（但不限於）電 子、磁性、光學、電磁、紅外線或半導體系統、裝置、器 件或傳播媒體。電腦可讀媒體之更特定實例（非窮盡清單） 將包括以下各者：具有一或多個導線之電連接件、攜帶型 電腦碟片、硬碟、隨機存取記憶體（RAM)、唯讀記憶體 ❹（ROM)、可抹除可程式化唯讀記憶體(EpR〇M或快閃記憶 體）、光纖、攜帶型緊密光碟唯讀記憶體（cdrqm)、光二 儲存器件、傳輸媒體（諸如，支援網際網路或内部網路: .#輸媒體），或磁性儲存器件。應注意，電腦可用或電腦 、彳讀媒體甚至可為程式被列印於上面的紙張或另—合適媒 體，因為該程式可經由（例如）對紙張或其他媒體之光學掃 描來以電子方式捕獲，接著經編譯、解譯或以合適方式另 外處理（若必要）’且接著儲存於電腦記憶體中。在此文件 之背景下，電腦可用或電腦可讀媒體可為可含有、儲存、 145256.doc -13- 201037531 傳傳播或傳送由指令執行系，统、裝置或器件使用或與 之、口而使用的程式之任何媒體。電腦可用媒體可包括— 在基頻中或作為-载波之部分的其中體現有電腦可用程式 碼之傳播轉信號。可使用任何適當之媒體（包括，但不 限於’無線、有線線路、光纖電纜、Μ等）來傳輸電腦可 用程式碼。 可以《多種程式設計語言之任何組合撰寫用於執行本 發明之操作的電腦程式碼，該—或多種程式化語言諸如 =、SmaUtalk、C++或其類似者之物件導向式程式設計 π。及諸如「c」程式設計語言之習知程序性程式設計語 5 ’或類似程式化語言。程式碼可完全在使用者之電腦上 執行、部分地在使用者之電腦上執行、作為獨立套裝軟體 執行，部Α地在使用者之電腦上執行且部分地在遠端電腦 上執行，或完全在遠端電腦或伺服器上執行。在後一種情 形中，遠端電腦可經由任何類型之網路（包括區域網路 (LAN)或廣域網路（WAN))連接至使用者之電腦，或可（例 如，使用網際網路服務提供者，經由網際網路）連接至外 部電腦。 雖然上文已藉由某種程度的特殊性來描述本發明之各種 代表性實施例’但熟習此項技術者可在不脫離在本說明書 及申請專利範圍中闡述的發明性標的物之精神或範疇的情 況下對所揭示之實施例進行眾多變更。 【圖式簡單說明】 圖1說明先前技術中所存在之實例web用戶端/伺服器架 145256.doc -14- 201037531 構； 圖2說明根據本發明之一實施例之實施 器狀 户端劉賢 態之登入的實例web用戶端/伺服器架構；及 圖3說明根據本發明之一實施例之用於執行用戶端瀏覽 器狀態之飼服器端登入的實例方法的流程圖。 【主要元件符號說明】 110 瀏覽器 111 指令碼系統 112 DOM 113 顯示

114 使用者輸入 120 伺服器 121 請求處理常式 122 應用邏輯 123 回應產生器 130 初始請求 131 回應 132 動態回應 140 登入資料儲存器 201 操作 202 詮釋資料登入函 203 操作 Ο 145256.doc

Claims (1)

1. 201037531 七、申請專利範圍：

   一種用於執行一 法，其包含： 用戶端瀏覽器狀態之伺服器端登入的 方 在-用戶端電腦系統上操作之一劉覽器内， 伺服器接收網頁内容； 將該網頁内容顯示於該瀏覽器中； 捕獲在該劉覽器内所顯示的該網頁之一狀態； 編譯表示該劉覽器之_ 4品 見益之刼作境之詮釋資料的—字 的每一文件物件模型 詳細研究該網頁之該所捕獲狀態 (DOM)元素； 的每一DOM元素及 發送至該web飼服 編譯表示該網頁之該所捕獲狀態内 其相關聯之資料的—字串； 將該1全釋資料字串及該DOM字串 器；及

   將該㈣資料字事及該D〇M字串登入於可由該⑽祠 服器存取之一資料儲存器内。 2. 如請求項1之方法，其中回應於網頁内容正顯示於該瀏 覽器中而捕獲該網頁之該狀態。 3. 如請求項1之方法，其中回應於由該用戶端瀏覽器對一 指令碼之一執行而捕獲該網頁之該狀態。 4. 如請求項1之方法，其中回應於自一使用者接收到應登 入該網頁之該狀態的一信號而捕獲該網頁之該狀態。 5_如請求項1之方法，其中在該網頁内執行之指令碼判定 145256.doc 201037531 何時捕獲該網頁之該狀態。 °月求項1之方法，其中在該瀏覽器内所顯示之該網頁 之该狀態包括由一使用者提供之輸入值。 7. 如請求項1之方法，其中在一 HTTP請求内將該詮釋資料 子串及該DOM字串發送至該web伺服器。 8. —種資料處理系統，其包含： 至少一處理器；及 至'一 s己憶體，其儲存可藉由該至少一處理器操作以 用於執行一用戶端瀏覽器狀態之伺服器端登入的指令， 該等指令經執行以用於： 在一用戶端電腦系統上操作之一瀏覽器内，自一评吡 伺服器接收網頁内容； 將§亥網頁内容顯示於該劉覽器中； 捕獲在該瀏覽器内所顯示的該網頁之一狀態； 編譯表示該渗j覽器《一操作環境之證釋資料的一字 串； 詳細研究該網頁之該所捕獲狀態的每一文件物件模型 (DOM)元素； 編譯表示該網頁之該所捕獲狀態内的每-DOM元素及 其相關聯之資料的一字串； 。。將該證釋資料字串及該峨字串發送至該_飼服 登入於可由該web旬 將该5全釋資料字串及該DOM字串 服器存取之一資料儲存器内。 I45256.doc 201037531 9.如請求項8之系統，其中該網頁之該狀態係回應於網頁 内容正顯示於該瀏覽器中而捕獲。 1 〇·如請求項8之系統，其中該網頁之該狀態係回應於由該 用戶端瀏覽器對—指令碼之一執行而捕獲。 11·如請求項8之系統，其中該網頁之該狀態係回應於自一 使用者接收到應登入該網頁之該狀態的一信號而捕獲。 12 ·如5月求項8之系統，其中在該網頁内執行之指令碼判定 0 何時捕獲該網頁之該狀態β 13 _如喷求項8之系統，其中在該瀏覽器内所顯示之該網頁 之該狀態包括由一使用者提供之輸入值。 14.如„月求項8之系統，其中該詮釋資料字串及該字串 係在一HTTP請求内發送至該web伺服器。 15·:種電腦程式產品’其包含具有一電腦可讀程式之一電 腦可用媒胆，该電腦可讀程式用於執行一用戶端瀏覽器 狀態之伺服器端登入，其中該電腦可讀程式在於一電腦 〇 上執行時引起該電腦進行以下操作： S-用戶端電腦系統上操作之一劉覽器内，自ieb 伺服器接收網頁内容； •將該網頁内容顯示於該瀏覽器中； ‘㈣在該㈣器内所顯示的該網頁之—狀態； 編譯表示該瀏覽器之—择作 , 探fM衣i兄之I全釋資料的一字 串； 的每一文件物件模型 詳細研究該網頁之該所捕獲狀態 (DOM)元素； 145256.doc 201037531 16. 17. 18. 19. 20. 21. 編譯表示該網頁之該所捕獲狀態内的每- DOM元素及 其相關聯之資料的一字串； 將該Ί全釋資料$ & β + i 砰貝升子串及该D〇M字串發送至該web伺服 器；及 ，該證釋資料字串及該D 〇 M字串登人於可由該w e b伺 服器存取之一資料儲存器内。 + π求項15之f腦程式’其中該網頁之該狀態係回應於 網頁内容正顯示於該瀏覽器中而捕獲。 如睛求項15之電腦程式’其巾該網頁之該狀態係回應於 由該用戶端劉覽器對一指令碼之一執行而捕獲。 如吻求項15之電腦程式，其中該網頁之該狀態係回應於 自使用者接收到應登入該網頁之該狀態的一信號而捕 獲。 如睛求項1 5之電腦程式，其中在該網頁内執行之指令碼 判定何時捕獲該網頁之該狀態。 如請求項15之電腦程式，其中在該瀏覽器内所顯示之該 網頁之該狀態包括由一使用者提供之輸入值。 如凊求項15之電腦程式，其中該|全釋資料字串及該d〇m 字串係在一 HTTP請求内發送至該web伺服器。 145256.doc