VS Code Live Preview扩展Elements面板显示异常，求解决方案

• 禁用内嵌DevTools，改用浏览器原生工具
  在VS Code设置中搜索Live Preview: Use External Browser并勾选，此后Live Preview会调用系统默认浏览器打开页面，直接使用浏览器自带的DevTools调试，完全避开内嵌面板的显示问题。

• 重置Live Preview扩展设置
  打开VS Code设置界面，找到Live Preview的所有配置项，点击右上角的「重置所有设置」按钮，将扩展恢复至初始状态后重新测试。

• 更新VS Code及扩展至最新版本
  检查VS Code是否有可用更新，同时在扩展市场确认Live Preview为最新版。旧版本可能存在UI渲染类的已知bug，更新后通常能解决此类问题。

• 排查扩展冲突
  暂时禁用VS Code中其他所有扩展（尤其是网页调试、主题类扩展），重新打开Live Preview验证问题是否消失。如果恢复正常，再逐个启用扩展找出冲突项。

• 清除VS Code缓存
  关闭VS Code后，删除对应路径下的缓存文件夹：

  • Windows：%APPDATA%\Code\Cache、%APPDATA%\Code\CachedData
  • macOS：~/Library/Caches/Code、~/Library/Application Support/Code/CachedData
  • Linux：~/.config/Code/Cache、~/.config/Code/CachedData
    重启VS Code后再次测试Live Preview的DevTools面板。

内容的提问来源于stack exchange，提问作者Zeroz