css - Twitter 的 Typeahead - 调试呈现的 HTML？

Question

我在调试 Twitter 的 Typeahead 脚本时遇到问题。出于某种原因，以下标题显示正常...

header: '<h3 class="tt-title">Ads</h3>',

但是当我如下将 H3 换成 div 时...

header: '<div class="tt-title">Ads</div>',

我得到空格。我知道有些东西正在渲染，但文本现在正在显示。我感觉这是一个 CSS 问题，但我无法在开发人员工具中查看下拉列表的渲染 HTML。在我有机会在源代码中导航到它之前，下拉列表会自动关闭。

有人知道如何防止它打开后关闭吗？我正在使用 Chrome 的开发者工具。

Answer 1

如果您使用的是 chrome 开发人员工具，您只需右键单击元素选项卡中的元素 class="tt-dataset-0" 并选择 break on.../subtree modification。如果您开始在 typeahead 输入字段中键入，调试器将会中断。现在您可以右键单击要检查的元素。