堆 session 記錄不適用於基於 electron js 的應用程序

Question

我已經使用 Angular 構建了一個基於Electron的應用程序，現在我正在嘗試集成Heap session 記錄。 到目前為止，我能夠記錄會話，但面臨以下一些問題：

問題：因此，主要問題是會話的記錄沒有捕獲 UI/CSS，只能看到標簽。

查看屏幕截圖上的問題

嘗試過的解決方案/代碼/發現

• 我使用密鑰從 Heap 的官方網站獲取代碼，並將該代碼片段粘貼到index.html端的 index.html 中

• 在 session 記錄中，heap 不只是將 session 記錄為普通的屏幕錄像機，而是 heap 以事件的形式跟蹤用戶正在執行的所有操作，其中包含有關着陸頁、CSS 文件的信息，以及其他信息。 因此，當播放 session 重播時，Heap 會依次遍歷這些記錄的事件，以從事件中存儲的 URL 中獲取當時的信息。 所以在 web 應用程序中，這是可能的，因為 web 頁面預加載了 CSS 文件。 不過，在 electron 應用程序中，這是不可能的，因為 CSS 文件是動態應用於內容的。 因此，當播放 session 錄音時，沒有應用 CSS。

• Heap 文檔中也提到，Heap session 記錄僅適用於 web 應用程序，另外 heap 使用 web 爬蟲定期點擊客戶站點上的每個鏈接。

---

electron 的 Hotjar、FullStory 和 Smartlook 也面臨同樣的問題

Answer 1

我是 Heap session 重放團隊的一名工程師，有一些有用的消息要告訴你。 我們正在試驗一項更改，以解決 electron 應用程序的 CSS 問題。 目前，我們依靠各種爬蟲技術來查找應用程序的相關styles。 很快我們將推出一項功能，無需爬取，直接將相關的 styles 發送給我們。 應該很快就會在野外。 希望有幫助！