2017-06-26 5 views
0

livejs.comスクリプトを取得して、HTML/CSS/Javascriptの変更をWebページに自動的に更新する問題があります。以下は自分のlocalhost上のHTMLですが、正確なスクリプトのウェブ上の場所を指しています。あなたのhtmlを保存すると私のウェブページがなぜ更新されないのか理解できますか?livejs.comの取得に関する問題がある

<!DOCTYPE html> 
<html> 
<head> 
    <title>Page Title-Sam</title> 
    <script type="text/script" src="http://livejs.com/live.js"></script> 
</head> 
<body> 

    <h1>My First Heading adfasdfadf this is cool</h1> 

    <p>My first paragraph.</p> 

</body> 
</html> 
+0

WebStorm IDE(http:// localhost:63342/...として提供)からこのHTMLを実行して動作します。 – shaochuancs

答えて

3

誤植

type="text/script" 

これは、ブラウザが認識スクリプトの形式ではありません。それはtext/javascriptでなければなりません。

HTML 5では、属性を完全に省略する必要があります。ホームページからローカル

作業


だけLive.jsが含まれており、それが、サーバーに連続したHEADリクエストを送信することにより、ローカルCSSやJavaScriptなど、現在のページを監視します。

ローカルファイル(Webサーバーなし)から作業している場合は、HEADリクエストを行う場所がありません。 HTTP(S)を使用してテストする必要があります。


Serverのサポート

スクリプトがEtagLast-Modifiedを含むヘッダ、さまざまなをチェックします。サーバーが静的ファイル用に設定していない場合、ファイルが更新されたことを通知することはできません。

+0

ありがとう、これはとても役に立ちました! –

関連する問題