首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >VScode的Liveserver扩展不会在更改时自动重新加载页面

VScode的Liveserver扩展不会在更改时自动重新加载页面
EN

Stack Overflow用户
提问于 2022-10-28 18:57:00
回答 1查看 60关注 0票数 0

我不知道.__出了什么问题。Liveserver扩展对html/css更改没有反应。

html中的这一行是存在的

代码语言:javascript
复制
<meta charset="UTF-8">

这是我的设置(不能发布图片):

代码语言:javascript
复制
{
    "files.autoSave": "afterDelay",
    "liveServer.settings.AdvanceCustomBrowserCmdLine": "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe",
    "liveServer.settings.useWebExt": true,
    "liveServer.settings.fullReload": true,
    "liveServer.settings.ChromeDebuggingAttachment": false,
    "liveServer.settings.wait": 3,
    "liveServer.settings.CustomBrowser": "chrome",
}

下面是标记:

代码语言:javascript
复制
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
   test
</body>
</html>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-10-28 20:32:15

更新后的问题显示了应该与默认首选项一起工作的完整HTML示例。问题大概在于

代码语言:javascript
复制
"liveServer.settings.useWebExt": true,

首选项:如果您启动的浏览器没有安装必需的Live Web扩展,如果您的首选项不符合设置文档,那么将不会根据docs触发重新加载。

坦率地说,我无法设置它来处理web扩展,所以我要么忽略了一些细节,要么它可能是一个错误

此外,首选项文档告诉我们,网络扩展方法甚至应该使用无头和无体文档。

  • liveServer.settings.useWebExt::如果是true,Live将完全由扩展控制。而且,不管你的HTML是否有<body>标签,Live会对每个文件都有效。微笑:
    • 默认为false

最初的问题只是首先包含了HTML示例(我忽略了前面提到的文档部分),因此问题似乎是,在Live (ritwickdey.LiveServer)扩展的"Live“特性中,可能存在一些问题,它甚至在通知气泡中警告您:

没有头部或身体标签是不可能的。 我明白,别再出现了

因此,如果您希望在保存时使用该扩展,请使用更完整的<head><body>标记。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/74239798

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档