2016-11-14 4 views
0

Chromeでウェブアプリケーションを更新する際に問題が発生します。これはASPXサイトですが、この会話には関係ないと思います。問題は、ほとんどの場合、JavascriptやCSSプログラミングをメモリから解放できず、使用中にあらゆる種類の騒乱が起きるため、クライアントがChromeで最新のプログラミングを取得しないということです。Chromeで新しいCSSとJavascriptプログラムが使用されない

多くの提案のようにこのコードを<head>に配置しようとしましたが、それは常に機能しません。

<script type="text/javascript"> 

    function reload_js(par_src) { 
     src = $('script[src$="' + par_src + '"]').attr("src"); 
     $('script[src$="' + par_src + '"]').remove(); 
     $('<script/>').attr('src', par_src).appendTo('body'); 
    } 

    reload_js("../../global/scripts/global_scripts.js"); 
    reload_js("scripts/main.js"); 
    reload_js("scripts/tabs/jquery.ui.core.js"); 
    reload_js("scripts/tabs/jquery.ui.widget.js"); 
    reload_js("scripts/tabs/jquery.ui.mouse.js"); 
    reload_js("scripts/tabs/jquery.ui.sortable.js"); 
    reload_js("scripts/tabs/jquery.ui.tabs.js"); 
    reload_js("scripts/chat_room.js"); 

    </script> 

そして、このJavascriptファイルを使用してCSSを更新します。私がここで見つけたもの。

<script src="../../global/scripts/css_refresh.js" type="text/javascript"></script> 

彼らはページがロードされるたびに実行するので、私は、これらの方法は、不必要なオーバーヘッドを引き起こすことを怖いです。

あなたの専門家が、これが最も効率的な更新方法であるか教えてください。または、これらのファイルを最新の状態に保つためのより良い方法をお勧めしますか?

+2

これはまったく動作しません。 HTTPキャッシュヘッダーについて学んでください。 – SLaks

+0

リクエストごとにタイムスタンプを使用したり、http-cachingヘッダーを変更したりします。 [HTTPキャッシュ](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching?hl=en) –

答えて

0

これを修正する最も簡単な方法は、スクリプト/スタイルファイルに識別子を追加することです。 ?version = 12(そして各リリースの番号を更新する)のようなものを追加すると、ブラウザは最新のファイルを取得します。もちろん、?の後に何らかのサーバ側の日付オプションを使用して、毎日またはそれに類する新しいフェッチを強制することもできます。

+0

私はそれを試みましたが、失敗しました。新しいプログラミングは必要ありません。 –

関連する問題