我关闭了与浏览器页面的开发工具连接;我怎样才能把它拿回来?

问题描述 投票:0回答:1

我正在使用 Edge 和 devtools 对 ReactJS 网页进行故障排除。默认情况下,当存在 javascript 错误时,错误会显示在正在运行的 Web 浏览器选项卡中,并带有黑屏(现在我根据记忆猜测它没有显示)红色文本。修复并保存代码问题后,该错误消息就会消失,并且页面会显示为已编码。每当显示错误页面时,浏览器都会快速闪烁看似预期的页面,但速度太快了,我无法真正捕捉到正在显示的内容,我希望看到一些有助于排除故障的内容。

在间歇性使用开发工具多年之后,今晚之前我从未注意到这一点,但浏览器选项卡中该错误显示的右上角有一个“X”,用于关闭错误消息。我单击“X”,这样我就可以看到它后面的内容,希望看到我的项目页面的部分渲染。我没有得到我想要的;错误消息后面的屏幕是空白的,现在我无法再次显示该错误消息。我尝试过关闭选项卡、关闭开发工具等。我搜索了文档和互联网,但我什至找不到似乎描述我正在谈论的错误显示或中的任何图片或图像的文本描述有关显示错误消息的开发工具的文档或其他文章。

在我读过的一篇文章中,它讨论了由于代码中的某些错误情况,开发工具与应用程序断开连接。在那篇文章中,修复代码恢复了从开发工具到应用程序的连接。我不知道“断开连接”是怎么回事,除非我知道这不是代码中的错误,因为开发工具一直按预期工作,直到我按下“不要按此按钮”按钮。我只是指出这一部分,因为“连接”的概念可能是我正在寻找的术语/功能,但我真的不确定。

知道如何恢复该错误显示行为吗?


编辑更新,我不知道发生了什么变化或我做了什么,但是当我今天早上再次检查时,预期的行为再次出现,并且堆栈跟踪显示在浏览器中。

reactjs devtools
1个回答
0
投票

当我今天早上再次运行该项目时,我在浏览器中得到了正确的错误堆栈跟踪。我不知道我做了什么不同的事情来让它再次工作,但它现在似乎正在工作。

© www.soinside.com 2019 - 2024. All rights reserved.