ブラウザ同期を使用してページが同期しない

最近ブラウザ同期が発生しました。私はデバイス間でWebページを同期しようとしています。 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"

私はlocalhostを得た：index.htmlを持つブラウザで3000を。しかし、私はCSSの色を変更するときには何も反映されていません。私は手動でブラウザに更新しました。他のブラウザでも他のブラウザとの同期はありません。私は追加のことをする必要があることはありますか？現時点では、私はApacheなどの外部サーバーを使用していません。

は、それは、そのディレクトリの下にあるすべてのファイルを同期する必要があり

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

このコマンドを試してみてください、このビデオリンク Browser-syc

出典

2016-12-10 user2350138

を追いました。

出典

2017-01-04 18:00:34

運がありません。同期されませんでした。 – user2350138

あなたは 'browser-sync start --server --directory --files" **/* "'を試すことができますか？これにより、ディレクトリ内で更新するファイルを同期する必要があります。たとえば、Webサイトディレクトリ内にcssフォルダとindex.htmlがある場合は、Webサイトディレクトリにcdしてそのコマンドを実行します。ウェブサイトのディレクトリ内で更新されるファイルはすべて同期される必要があります。 –

h1の値をHello worldからhello word1に変更しました。その後、デスクトップのブラウザでリフレッシュしました。モバイルブラウザでも、手動で更新するまでは同じままです。私は何がうまくいかないのか分かりません。 – user2350138

試してみてください。

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

それはあなたのCSSファイルのようなあなたの記述からの音は、あなたが指定したディレクトリにありません。上記のコマンドを使用するとすべてが同期されます。そうでない場合は、おそらくあなたのCSSを/ cssフォルダに移動してください。

出典

2017-08-30 14:27:16

ブラウザ同期を使用してページが同期しない

答えて

関連する問題