实时服务器不刷新浏览器

Question

我在 Visual Studio Code 中使用实时服务器扩展，但它不起作用。我的意思是“不起作用”是指修改代码后它不会刷新浏览器，但我可以打开它。查看修改的唯一方法是关闭它并再次打开它......

我尝试了什么：

- 将 chrome 设置为默认浏览器，但它已经是了。- 重新安装 VS 代码。

我尝试过但失败了：

- 编辑代码以使 chrome 成为代码中的默认浏览器，但出现错误“无法在只读编辑器中编辑”，我无法修复它。\

安装的扩展：代码运行器 - HTML CSS 支持 - Live Sass 编译器 - Live 服务器 - Monokai Pro（主题）。

Answer 1

对我来说，问题出在 .html 文件中缺少

<head><meta charset="UTF-8"></head>

添加它解决了该问题。

Answer 2

我找到了！我花了很多时间试图找到解决方案。我按照您的步骤操作，但在刷新页面期间并没有改变任何内容。

\n

我尝试更改setting.json，再次卸载并安装vs code（insider和classic），删除并在GitHub中打开新帐户，看了很多视频但仍然如此；当我刷新页面时，HTML 或 CSS 的每个更改都没有出现在页面上。

\n

所以，我按照你关于线路服务器的步骤进行操作，没有任何改变，但我保留了它们。我最终搜索了 Visual Studio 代码上的设置。

\n

\n

Answer 3

即使您确实为系统设置了默认浏览器，让 Live Server 知道您想要明确使用哪个浏览器也没有什么坏处。

首先，使用打开命令面板F1，然后输入首选项：打开设置 (JSON) 并选择该选项。

这将打开您的 VSCodesettings.json文件。

一直滚动到文件底部，在最后一个设置后添加逗号，然后粘贴"liveServer.settings.CustomBrowser": "chrome":

如果由于某种原因 Live Server 仍然没有在您的浏览器中自动打开页面，您可以打开您选择的浏览器并直接查看页面。

只需打开您喜欢的浏览器并转到http://127.0.0.1:5500/<your_file_name>。

例如，如果您的文件名为index.html，则只需转到http://127.0.0.1:5500/index.html.

只要 Live Server 正在运行，您就应该看到您的页面。