algolia - 保持即时搜索结果悬停打开以使用 Chrome 工具进行编辑

Question

我们正在尝试自定义 Algoila 即时结果悬停菜单以适应我们自定义的 Magento 主题。有谁知道保持即时结果菜单打开以便我们可以使用 Chrome 工具检查元素的方法？

Answer 1

您可以将以下 debug标志放入true：

  var options = {
      hint: false,
      templates: {
          dropdownMenu: '#menu-template'
      },
      dropdownMenuContainer: "#algolia-autocomplete-container",
      debug: true // to inspect the dropdown menu
  };

相关文档在这里。

Answer 2

或者，打开 Chrome 开发人员工具，转到“源”选项卡，然后Cmd + \在下拉菜单可见时单击以暂停脚本。

Answer 3

开发工具右侧有一个元素状态选项：