一款輕量好用的頁面錯誤監控平臺—— FrontJS

先放連接：https://www.frontjs.com/

FrontJS 最先是用於蒲公英旗下項目管理平臺 Tracup 中的一個性能工具，也就是咱們一個月前發佈的 frontend-tracker，發佈後在一些社區內也有一些良好的反應。

當咱們嘗試在蒲公英上使用這款工具的時候也出現了一些問題，好比，蒲公英天天能產生千萬級別的訪問信息，這使得原有的統計分析性能變得不是很理想，這對於一款統計分析爲主的產品來講是致命的。

咱們及時調整了從於數據單元到分析單元的結構和代碼，在不增加機器數量的狀況下解決了這個問題。

如今，一款簡單的性能工具也變成了一個性能監控平臺，咱們有信心面對更大的數據量，因而咱們把這個平臺開放出來，讓每一個 Web 開發者可以從中獲益。

因而咱們邀請你們，特別是 Web 開發者來使用這款產品，爲咱們提出寶貴的優化意見。

FrontJS 的核心功能

FrontJS 是面向產品部門，運營部門，以及開發部門工做人員的網站性能及異常信息收集工具。

產品和運營部門能夠經過頁面分析功能來了解用戶訪問量、使用偏好、頁面停留時間和用戶流向等信息，從而對產品進行調整和優化。

開發部門能夠經過頁面統計獲取用戶平均的頁面統計信息作出 DOM 樹渲染時間是否達標，DNS 解析時間是否達標，服務器響應時間是否達標等判斷。

FrontJS 爲開發人員提供了包含錯誤收集、頁面流向、性能分析、資源及請求監控等用戶體驗改進所需的信息，最主要的功能固然仍是 JS 錯誤監控：咱們會收集精細到 console.log 級別的任何 Javascript 異常信息並提供 stack trace 信息，同時咱們還對每一個 XHR 計時幫助開發者判斷某個 Endpoint 是否須要優化。

FrontJS 的技術特色

• 圖形界面配置，自動生成集成代碼，即加即用
• JS 異常監控，包含 console 中的 log / warn / error 的收集
• 提供 API，能夠對上報行爲進行定製化的調整
• 具備包裝後的 try - catch，能夠產生自定義錯誤信息
• 資源監控，收集加載失敗的資源以及跨域資源的 URI
• XHR 監控，收集 XHR 耗時、錯誤、超時、跨域等信息
• 堆棧追蹤技術，精確獲取更多異常上下文信息，方便查找錯誤位置，在每一個瀏覽器中均可以使用完整的堆棧追蹤
• 自定義信任域，能夠對跨域信息作出靈活調整有助於監控頁面是否發生 XSS 或被植入病毒
• 頁面性能監控，包含 DNS 時間， DOM 渲染時間等信息，能夠組合計算出首屏時間以及白屏時間
• 事件流，能夠了解異常發生時的上下文環境，幫助測試部門快速復現錯誤
• 近實時的分析結果

將來咱們但願經過藉助人工智能等一些手段讓這款產品變得更加智能，可以主動發現被監控站點的體驗問題並自動的爲用戶提供高質量的解決方案。

最後再次邀請你們使用FrontJS，並提出寶貴的意見~

https://www.frontjs.com/