VS Code编辑的index.html内容未在Chrome浏览器显示如何解决

• 第一步：确认已保存VS Code中的修改
  VS Code默认不会自动保存文件，修改未保存的文件标签页右上角会显示圆点标识。你可以按Ctrl+S（Windows系统）/Cmd+S（Mac系统）手动保存，也可在VS Code设置中开启自动保存功能。
• 第二步：确认两个软件打开的是同一个文件
  新手容易在不同文件夹创建同名文件，导致VS Code修改的是A路径的index.html，Chrome打开的是B路径的旧文件。你可以分别核对路径：
  • VS Code中右键文件标签页，选择「复制路径」后粘贴查看完整路径
  • Chrome地址栏显示的就是当前打开文件的完整路径，对比两个路径是否完全一致
• 第三步：确认HTML代码语法正确
  如果你写的代码存在标签缺失、语法写错的问题，页面也可能不会正常显示内容。你可以先粘贴下方最简单的测试代码验证：

  <!DOCTYPE html>
  <html lang="zh-CN">
  <head>
      <meta charset="UTF-8">
      <title>测试页面</title>
  </head>
  <body>
      测试内容，如果你能看到这段文字说明运行正常
  </body>
  </html>
  

• 第四步：强制刷新浏览器页面
  保存文件后切换到Chrome，按Ctrl+R（Windows系统）/Cmd+R（Mac系统）刷新即可。如果刷新后还是显示旧内容，按Ctrl+Shift+R（Windows系统）/Cmd+Shift+R（Mac系统）强制刷新，绕过浏览器缓存加载最新文件。

内容的提问来源于stack exchange，提问作者Wiz-Aryan