如何在Chrome/Canary Dev Tools中显示代码覆盖率功能

Question

正在阅读使用chrome dev工具新的代码覆盖功能,并且无法尝试启用此功能.

我知道Canary可以在不需要取消标记的情况下实现这一点,但我不确定从哪里可以在Chrome Devtools中找到此功能.

Answer 1

打开开发人员工具窗口,您可以使用Cmd + Shift + P(Mac)或Ctrl + Shift + P(Windows,Linux)打开命令菜单,开始键入Coverage,然后选择Show Coverage:

或者,您也可以选择开发人员工具窗口最右侧的三个点,选择更多工具,然后选择覆盖范围:

Answer 2

上面的帖子中没有提到，但是如果您单击 Chrome 开发工具中的三个点，则代码覆盖率选项会显示在菜单中。