前端线上问题如何定位

[ltaoo1o]

一个面试问题

面试官：用户反馈了一个问题，点击按钮后，页面崩溃了。但我们没有复现，你会如何定位并解决这个问题。

我：先看看有没有监控到这个问题，确定用户机型、系统等等，在相同机型上看看能不能复现

面试官：假设我们没有这种机型呢

我：联系用户看能不能远程调试，利用 page-spy 这类工具，查看请求、用户控制台输出等

面试官：如果不行呢

我：用 rrweb 这类方案记录用户操作路径然后排查？

这是在问技术方案吗，没理解面试官的点，到底想问什么。 不过我对这个问题也很感兴趣，我有一个开源项目，用来下载视频号视频，我自己用没问题，但有一些用户反馈用不了，我也需要这么一种方案来看看他们为什么用不了

[xuxuxu123]

sentry

[tool2dx]

感觉像是在考埋点知识。

但前端一般来说，页面出问题都和浏览器内核强相关，和机型/系统都是弱相关，又不是在写 APP 。

[ltaoo1o]

@xuxuxu123 对用 sentry 就是 监控，不至于考我知不知道 sentry ，有没有用过吧

[ltaoo1o]

@tool2dx 我也觉得是埋点，是考 埋点 应该监控哪些类型的信息吗

[fsq]

没准就是他们遇到了这个问题不知道怎么解决，然后想从你这里找答案[doge]

[iOCZS]

浏览器标签崩溃？

[CatchXS]

1.先确认是否有外部原因，比如电脑上其他资源占用系统过高
2.按照客户流程，排查代码
3.让客户提供.dmp 崩溃日志

[ltaoo1o]

我也没头绪，不过面试的 web 前端岗，而且提到用户手机可能是非常老旧的，而且不懂什么操作（用户无法提供协助）。在这个背景下，而且特意提到 不发新版本 前提下，我最后就说 我水平不足解决不了

[ltaoo1o]

@CatchXS 页面白屏吧，也可能崩溃，应该都要考虑

[ZZChaser]

没有 catch 的错误引起的崩溃？那就是 sentry 结合上传的 sourceMap ，根据上报的 issue 看堆栈信息就行了吧

[ltaoo1o]

@ZZChaser 是的，第一步就是查监控，这里假设从 sentry 看到了错误，但是你看代码没有问题，自己用这个功能也没有复现同样的问题，接下来你会怎么做

[ZZChaser]

@ltaoo1o 是 sentry 都看到了错误是吧，再看对应的堆栈信息不就可以了吗？

[ltaoo1o]

@ZZChaser 可能是考验面对问题的思路吧，当你预想的方案解决不了问题，你还会做什么，来排查问题。