Question

最近我遇到了浏览器同步。我正在尝试跨设备同步网页。创建了包含2个文件的文件夹

index.html和style.css

的index.html

<html>
  <head>
     <link rel="stylesheet" type="text/css" href="style.css">
  </head>
  <body>
    <h1>
      Hello world
    </h1>
   </body>
</html>

CSS

h1 {
color: white;
background-color:red;
}

在我按照命令

执行的文件夹中

npm install -g browser-sync

和

browser-sync start --server --files "css/*.css"

我在index.html的浏览器中获得了localhost：3000。但是当我改变css中的颜色时，它并没有反映任何东西。我手动刷新了浏览器。而在其他浏览器中也没有任何同步。有什么东西我需要做更多的事情。截至目前，我没有使用任何外部服务器，如apache和所有。

关注此视频链接 Browser-syc

Answer 1

尝试此命令

browser-sync start --server --directory --file "*"

它应该同步该目录下的所有文件。

Answer 2

尝试：

browser-sync start -s -f="*"

从您的描述中可以看出，您的css文件不在您指定的目录中。使用上面的命令应该同步所有内容。如果没有，也许将您的CSS移动到/ css文件夹。

页面未使用浏览器同步进行同步

2 个答案: