在Chrome開發工具中，如何查看我的HTML保存位置？

Question

我已更新網站的index.html，但我沒有在網站上看到任何更新。我刷新了，清除了緩存，使用了另一臺設備和另一臺瀏覽器，但我剛剛訪問舊網站。

我很擔心這是因爲我更新了錯誤的文件，實際上並沒有使用index.html作爲主頁。這可能嗎？如何查看主頁是什麼頁面？

感謝

Answer 1

在Chrome的開發者工具（Ctrl + Shift + I），你應該能夠看到的元素菜單下的頁面的HTML。要查看來源，您可以單擊來源選項卡或按Ctrl + U。如果您使用的是像Github這樣的網站來託管您的網頁，則可能需要一些時間才能在服務器上更新index.html，因此請耐心等待。等一會兒，如果你仍然可以看到舊的Html，那麼確保你更新了正確的文件。祝你好運！

Answer 2

Chrome開發工具不更新任何本地文件，它只是改變了文檔加載到你的瀏覽器。您的更改不會保存，並且在您重新加載頁面時會丟失。

需要注意的是Chrome瀏覽器開發工具確實有一個本地工作區選項，該選項允許這一功能，但你必須啓用和配置：

https://developers.google.com/web/tools/setup/setup-workflow

要使本地文件夾的源文件可在源面板中編輯：

1. 右鍵單擊左側面板。
2. 選擇將文件夾添加到工作區。
3. 選擇要映射的本地文件夾的位置。
4. 單擊「允許」以允許Chrome訪問該文件夾。