览器模拟页面永远聚焦，点控制台也不会失焦

Chrome 官方方案

1、打开 F12 → 按 Ctrl + Shift + P（Win）/ Cmd + Shift + P（Mac）

打开「命令菜单」

2、输入

Emulate a focused page

　选中并回车（开启「模拟页面聚焦」）　

3、

现在再点开 el-select

→ 弹框会一直显示

→ 你随便点控制台、移动鼠标、切窗口

→ 弹框绝对不会消失

4、

• 用左上角箭头 直接点弹框
• 样式实时修改、实时生效

5、关闭

调试完再按 Ctrl+Shift+P，输入同样命令关闭即可

 

 

 

它解决的核心问题

Emulate a focused page

 

翻译：模拟页面始终处于聚焦状态

 

el-select 会消失，根本原因只有一个：

 

你一点浏览器控制台 → 页面失去焦点（blur 事件）→ el-select 自动关闭

 

而 Emulate a focused page 做的事就是：

 

欺骗网页：让网页以为你从来没有离开过页面，一直聚焦在页面上。

 

所以：

 

• 你点控制台 ✅ 不会触发失焦
• 你切窗口 ✅ 不会触发失焦
• 你移动鼠标 ✅ 不会触发失焦
• 下拉框就 稳稳停在那里，随便调试