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

时间:2017-04-13 14:15:20

标签: google-chrome google-chrome-devtools

正在阅读using the chrome dev tools new code coverage feature并且无法尝试启用此功能。

我知道Canary可以在不需要取消标记的情况下启用此功能,但我不确定在Chrome Devtools中找到此功能的位置。

2 个答案:

答案 0 :(得分:14)

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

enter image description here

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

enter image description here

答案 1 :(得分:3)

click the more options dots

It wasn't mentioned in the above post, but if you click the three dots in Chrome dev tools, the option for code coverage is shown in the menu.