在Chrome开发者工具中，如何查看我的HTML保存位置？

Question

我已更新网站的index.html，但我没有在网站上看到任何更新。我已经刷新，清除了缓存，使用了其他设备和其他浏览器，但我刚刚收到旧网站。

我很担心，因为我更新了错误的文件，实际上并没有将index.html用作主页。这可能吗？如何查看主页是哪个页面？

由于

Answer 1

在Chrome的开发工具（Shift + I + Ctrl）中，您应该可以在元素菜单下看到该页面的Html。要查看来源，您可以点击来源标签或按U + {{1}}。如果您使用像Github这样的网站来托管您的网页，那么index.html可能需要一些时间才能在服务器上进行更新，因此请耐心等待。只需等待一段时间，如果仍然可以看到旧的Html，请确保更新了正确的文件。祝你好运！

Answer 2

Chrome开发者工具不会更新任何本地文件，只会将加载的文档更改为浏览器。您的更改未保存，并且在您重新加载页面时它们会丢失。

请注意，Chrome开发者工具确实有一个本地工作区选项，它允许此功能，但您必须启用并配置它：

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

  

要在“来源”面板中编辑本地文件夹的源文件：

     

  
1. 右键单击左侧面板。
  
2. 选择“将文件夹添加到工作区”。
  
3. 选择要映射的本地文件夹的位置。
  
4. 点击允许以授予Chrome访问该文件夹的权限。