如何在开发工具中找到文件名称

Question

使用Chrome开发工具时，如果检查元素并在元素选项卡中查看HTML，如何找到该HTML的文件名？我试过在源文件中搜索，似乎无法找到该文件。

Answer 1

您在Elements面板中看到的HTML文件名将始终与您打开DevTools的URL相同。

源面板通常按帧上下文，然后是域，然后是目录。

所以，这个堆栈溢出后可能会设在这里的某个地方，如：

top 
|- stackoverflow.com 
    |- questions 
    |- 42280535 
     |- how-can-i-find-the-file-name-in-dev-tools