如何在開發工具中找到文件名稱

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