我已经使用Angular构建了一个基于Electron的应用程序，现在我正在尝试集成堆会话记录。到目前为止，我能够记录会话，但面临以下一些问题：
- 问题**：因此，主要问题是会话的记录没有捕获UI/CSS，只能看到标签。
See the issue on the screenshot
- 尝试的解决方案/代码/结果**
- 我从Heap的官方网站上获得了代码，并将代码片段粘贴在
index.html中的角边 - 在会话记录中，堆并不像普通的屏幕记录器那样简单地记录会话，相反，堆以事件的形式跟踪用户正在执行的所有操作，这些事件包含有关登录页、CSS文件和其它信息。因此，当播放会话重放时，Heap会按顺序遍历这些记录的事件，以便从存储在事件。因此，在网络应用程序中，这是可能的，因为网页具有预加载的CSS文件。然而，在电子应用程序中，这是不可能的，因为CSS文件被动态地应用于内容。因此，当播放会话记录时，没有应用CSS。
- 堆文档中还提到，堆会话记录仅适用于Web应用程序，另外堆使用一个Web爬虫，该爬虫定期单击客户站点上的每个链接。
- Hotjar、FullStory和Smartlook电子版也面临同样的问题**
1条答案
按热度按时间ndh0cuux1#
我是Heap会话回放团队的一名工程师，我有一些有用的消息要告诉你。我们正在试验一个改变，它将解决你在电子应用程序中的CSS问题。目前，我们依靠各种爬行技术来找到应用程序的相关样式。很快我们将推出一个功能，它可以直接将相关样式发送给我们，而不需要爬行。应该很快就可以使用了。希望能有所帮助！