当前位置: 首页 > 面试题库 >

在chrome调试器/ DevTools面板中冻结屏幕以进行弹出检查?

左丘子平
2023-03-14
问题内容

我正在使用Chrome检查器尝试分析z-indexTwitter Bootstrap弹出窗口的,发现它非常令人沮丧…

有没有一种方法可以冻结弹出窗口(如图所示),以便我可以评估和修改关联的CSS?

在关联的链接上放置固定的“悬停”不会导致弹出窗口的出现。


问题答案:

得到它的工作。 这是我的程序:

  1. 浏览到所需页面
  2. 打开开发者控制台- F12在Windows / Linux上或在MacOS上option+ +J
  3. 选择SourcesChrome检查器中的标签
  4. 在Web浏览器窗口中,将鼠标悬停在所需元素上以启动弹出窗口
  5. 命中F8在Windows / Linux操作系统(或者fn+ F8在MacOS),而酥料饼被展示。 如果您在实际页面上的任何位置单击,F8将不起作用。 您的最终点击必须位于检查器中的某处,例如“源”选项卡
  6. 转到Elements检查器中的选项卡
  7. 查找您的弹出窗口(它将嵌套在触发元素的HTML中)
  8. 玩得开心修改CSS


 类似资料:
  • 我正在使用chrome检查器来尝试分析twitter引导弹出窗口的,并发现它非常令人沮丧... 有没有办法冻结popover(显示时),以便我可以评估和修改相关的CSS? 在关联链接上放置固定的“悬停”不会导致弹出框出现。

  • 调试是每个程序员必备的技能,因此选择合适的调试工具能极大地方便我们调试代码。Node.js 的调试方式也有很多,常见的有: 万能的 console.log debugger node-inspector 以上本节都不会讲解,因为: console.log 就不用说了。 debugger 不推荐使用,因为: 使用繁琐,需手动打点。 若忘记删除 debugger,还会引起性能问题。 node-insp

  • 问题内容: 我有这个: 我想回显“构建路径”参考中的所有内容(用于调试某些内容)。 我努力了: 但它只是回显确切的文本“ $ {build-path}” 问题答案: 您可以使用记录在案的(诚​​实的,它在那儿……)助手:

  • 问题内容: 我正在运行带有多个Chrome实例的selenium网格。selenium网格是2个带有多个节点的机器(窗口)。测试是从连接到网格的另一台机器执行的。为了能够使用远程调试功能,我需要从正在执行的计算机(可以读取会话主机和驱动程序debugUrl)连接到其他计算机,最后是chrome实例。 但是chrome拒绝localhost以外的任何东西。 我只能找到解决方案,当人们只有一个实例时,

  • 问题内容: 如何将通过javascript 函数打开的弹出窗口居中显示在屏幕变量中心,以当前选定的屏幕分辨率为中心? 问题答案: 更新:它现在也可以在尚未超出屏幕宽度和高度的窗口上运行! 如果您使用双显示器,则窗口将水平居中,而不是垂直居中…使用此功能可以解决此问题。 用法示例:

  • 问题内容: 如果单击按钮,我想调出设备的锁定屏幕。我进行了很多搜索,知道可以这样做,但不知道该怎么做。我也找到了很多示例,但是它们都没有调出锁定屏幕(没有错误)(例如this或this)如何使用锁定设备? 问题答案: 我也找到了很多示例,但是它们都没有调出锁定屏幕(没有错误)(例如this或this) 第二个链接应该起作用。它看上去与我的LockMeNow示例应用程序类似,据我所知,该应用程序是有