模拟 Chrome 开发者工具中不可用的焦点页面选项

Posted

技术标签:

【中文标题】模拟 Chrome 开发者工具中不可用的焦点页面选项【英文标题】:Emulate a focused Page option not available in Chrome Developer Tools 【发布时间】:2021-02-03 23:22:06 【问题描述】:

Chrome 开发者工具中的“全局偏好设置”下曾经有一个选项“模拟焦点页面”。但是,我再也找不到那个选项了。

有什么想法吗?

【问题讨论】:

【参考方案1】:

现在有两种调用方式:

Rendering 面板中的复选框

命令面板:

    CtrlShiftP(或 ShiftP ) 键入emfo 以查找Emulate a focused page 项目 按 Enter

【讨论】:

我在当前的 Chrome 86/Windows 10 中没有那个“渲染”选项卡。它在哪里? 使用命令面板 (Ctrl-Shift-P) 或 devtools 自带的三点菜单来显示它。 在 Mac 上,我的快捷方式最终是 ⌘-Shift-P

以上是关于模拟 Chrome 开发者工具中不可用的焦点页面选项的主要内容,如果未能解决你的问题,请参考以下文章

Chrome - 使用 开发者工具 对页面截图

表单 CSS 输入:悬停和输入:焦点在 IE 中不起作用

Chrome DevTools的使用

为啥“事件”在 Chrome 中全局可用,但在 FF 中不可用?

0027 chrome调试工具

前端开发必备之Chrome开发者工具(上篇)