如何在VSCode中检查IntelliSense自动完成弹窗且不触发弹窗消失?
VSCode检查IntelliSense自动完成弹窗元素的正确操作
弹窗消失的核心原因是Ctrl+Shift+I唤起开发者工具时会触发编辑器失焦,自动补全弹窗默认会在编辑器失焦时自动销毁,可通过以下两种方法解决:
方法一:提前打开开发者工具操作
- 按下
Ctrl+Shift+P(macOS为Cmd+Shift+P)调出命令面板,输入「切换开发者工具」(英文环境输入「Toggle Developer Tools」)回车,提前打开内置开发者工具窗口 - 回到代码编辑区,输入对应内容唤起IntelliSense自动完成弹窗
- 直接用鼠标点击开发者工具左上角的元素选择按钮(箭头指向方框的图标),再移动鼠标到已唤起的补全弹窗上点击,即可选中对应元素进行检查
方法二:使用定时器冻结界面
- 按上述步骤提前打开开发者工具,切换到「控制台(Console)」面板
- 输入以下代码后回车执行:
// 3秒后进入调试暂停状态,可自行调整时间数值 setTimeout(() => { debugger; }, 3000)
- 执行代码后立刻回到编辑区,在3秒倒计时结束前唤起自动补全弹窗,倒计时结束后界面会进入冻结状态,弹窗不会再因为失焦消失,可自由检查对应元素属性
注意:操作过程中不要点击编辑区以外的其他区域,避免弹窗提前失焦销毁
内容的提问来源于stack exchange,提问作者Just a learner
相关产品推荐
相关产品推荐

