[轉]前端網路（效能）監測工具berserkJS

標籤：

berserkJS 是基於 Qt （C++跨平台庫）開發的前端網路（效能）監測工具。 它的核心功能是通過內建 webkit 收集由頁面實際網路請求相關資料。 偏重於頁面上線前檢測與評估。

 

　　頁面效能分析工具，可用 JS 編寫自己的檢測、分析規則。 基於 Qt 開發，可跨平台編譯，部署。內建基於 QtWebkit 的瀏覽器環境。 源碼需在目標系統中編譯後，可產生運行於 Windows / Linux / Mac 系統的可執行檔。 工程中內建 Window 系統中動態編譯的可執行檔，此檔案位於 bulid 目錄下。

 

 使用案例

 

• 無介面瀏覽器測試：在不依賴本地任何瀏覽器的情況下，運行測試架構，如 QUnit，Capybara, QUnit, Mocha, WebDriver, YUI Test, BusterJS, FuncUnit, Robot Framework 等。

• 頁面自動化：可以無障礙訪問和操作網頁的標準 DOM API 以及頁面所用 JS 變數、對象、屬性等內容。

• 螢幕捕獲：以編程方式擷取網頁全部或部分內容，可根據 Selector 截取指定 DOM 元素渲染情況；包括 CSS，SVG 和 Canvas。可將截取圖片 base64 化，以便發送給遠端伺服器儲存。

• 網路監控：自動化的網路效能監控，跟蹤頁面所有資源載入情況並可簡便的將輸出結果格式化為標準HAR格式。

• 頁面效能監控：自動化的頁面渲染監控，可擷取 CPU、 記憶體使用量情況資料，根據頁面整體情況可簡便的輸出首次渲染時間、首屏渲染時間等關鍵資料。

 工具特性

 

• 跨平台性：基於 Qt 開發，可跨平台編譯，部署。內建基於 QtWebkit 的瀏覽器環境。源碼需在目標系統中編譯後，可產生運行於 Windows / Linux / Mac 系統的可執行檔。

• 功能性：工具內建 webkit 瀏覽器核心，可響應瀏覽器核心事件回調、支援發送滑鼠訊息給瀏覽器、封裝瀏覽器網路請求資料為JS資料格式、可與瀏覽器內JS做資料互動。

• 開放性：工具將主要操作均封裝為JS文法與資料格式，採用JS文法封裝，前端工程師可根據API組裝出符合各自預期的檢測功能。

• 介面性：工具本身支援命令列參數，可帶參調用。API支援處理外部進程讀取輸出資料流、支援HTTP發送資料。可由 WEB 程式遠程調用後擷取測試的返回結果。

• 標準性：完全真實的瀏覽器環境內 DOM，CSS，JavaScript，Canvas，SVG 可供使用，絕無模擬類比。

 特點差異

 

　　與 PhantomJS 相比具有以下不同：

• API 簡易: 更直接的 API，如擷取網路效能資料，僅需 3 行代碼，而非 PhantomJS 的幾十行，且資訊量比 PhantomJS 豐富。

• API 標準化： 常用 API 均採用 W3 規範標準命名，事件處理代碼可重複綁定而不相互覆蓋，可以無縫相容 Wind.JS 等非同步流程處理庫來解決自動化時非同步流程式控制制問題。

• 頁面效能資訊豐富：具有頁面渲染和 CPU、 記憶體使用量情況資料擷取能力，可輸出首次渲染時間、首屏渲染時間等頁面效能關鍵資料。

• 調試便利: 具有 GUI 介面與命令列狀態兩種形式，開發調試期可使用 GUI 模式定位問題，此模式中可開啟 WebKit 的 Inspector 工具輔助調試頁面代碼與 DOM 。實際運行時可開啟命令列狀態避免自動執行時 GUI 介面幹擾。

 應用企業

• 新浪微博：已使用 berserkJS 構建前端效能監測資料分析平台，防止微博主要產品在不停開發迭代時，頁面效能產生退化。

• Cisco: 用於 WebEx 項目的自動化測試

 

tapir-dream / berserkJSWatch341 Fork67

 

　　berserkJS 是新形態的前端測試自動化工具 + 頁面效能分析工具 ，同時也是個使用 JS 文法控制的命令列瀏覽器。可用 JS 編寫前端自動化的測試用例 + 頁面效能分析用例。 想瞭解更多？看看串連中的文檔吧~~ — More...

 

參考：

http://www.lupaworld.com/article-240442-1.html

[轉]前端網路（效能）監測工具berserkJS