Webstorm 10 IDE：是否可以看到 HTML 层次结构，如 Chrome 'inspect element'？
Webstorm 10 IDE: possible to see HTML hierarchy as in Chrome 'inspect element'?
有没有办法在 WebStorm 10 ID 中显示 HTML 中元素的当前层次结构，例如 Chrome 'inspect element' 中所示？因此，如果您在 <DIV> 中的 <A> 中，在 <DIV> 中，您会看到类似
的行
<DIV> <DIV> <A>
在 IDE 内，以便您可以从该点向上导航到封闭元素？ （我知道您可以连续向外扩展选择，但我正在寻找既能显示您可以单击的位置，又能更快地执行操作的内容）。我查看了文档但没有找到。
Settings/Preferences | Editor | General | Appearance
- WebStorm 10 / PhpStorm 9（分支 142.xxx 及更早版本的任何构建）--
Show HTML Breadcrumbs（XML 也有单独的设置）
- WebStorm 11 / PhpStorm 9.5（分支143.xxx）--
Show Breadcrumbs
无论 IDE 版本如何——只需使用 Settings/Preferences 屏幕（左上角）中的搜索框并查找 "breadcrumbs"。
有没有办法在 WebStorm 10 ID 中显示 HTML 中元素的当前层次结构，例如 Chrome 'inspect element' 中所示？因此，如果您在 <DIV> 中的 <A> 中，在 <DIV> 中，您会看到类似
<DIV> <DIV> <A>
在 IDE 内，以便您可以从该点向上导航到封闭元素？ （我知道您可以连续向外扩展选择，但我正在寻找既能显示您可以单击的位置，又能更快地执行操作的内容）。我查看了文档但没有找到。
Settings/Preferences | Editor | General | Appearance
- WebStorm 10 / PhpStorm 9（分支 142.xxx 及更早版本的任何构建）--
Show HTML Breadcrumbs（XML 也有单独的设置） - WebStorm 11 / PhpStorm 9.5（分支143.xxx）--
Show Breadcrumbs
无论 IDE 版本如何——只需使用 Settings/Preferences 屏幕（左上角）中的搜索框并查找 "breadcrumbs"。