Chrome開發人員工具緩存舊版本的JavaScript文件

Question

我遇到一個奇怪的間歇性問題，Chrome開發人員工具掛在舊版JavaScript文件上。我將開發一些JS應用程序，隨着發現而嗡嗡作響，然後突然間我的JavaScript文件將從「sources」選項卡上的JavaScript文件列表中消失。這是我的第一條線索，有些事情是錯誤的。

我最終發現的是，Chrome開發人員工具顯然掛在舊版本的JavaScript文件上。 Chrome本身正在請求並從服務器執行最新版本，但無法調試JavaScript文件。

我向自己證明，通過採用從源列表中消失的特定JavaScript文件並將其替換爲一行console.log聲明，這就是發生了什麼。

然後我重新加載了頁面，並注意到console.log語句出現在JavaScript控制檯中。我還在網絡選項卡中注意到JavaScript文件已成功檢索，並且通過線路傳出的內容僅包含一行console.log語句。

但是，JavaScript文件仍然沒有出現在源列表中，如果我點擊了控制檯中的文件名（它出現在控制檯的右側，記錄語句旁邊），那麼我跳轉到來源標籤，並打開舊版本的JavaScript文件。

此JavaScript文件通過常規<script>標記加載到頁面上。它不會通過另一個腳本或通過eval動態加載。只是一個普通的，香草的<script>標籤，指向Web服務器上的.js文件。

我已經試過：

1. 確保 「禁用緩存（而DevTools是打開的）」 在DevTools設置檢查。
2. 在Chrome中手動清除我的緩存和Cookie。
3. 重新啓動Chrome，
4. 手動加載在一個單獨的瀏覽器選項卡
5. 禁用每一個瀏覽器擴展程序/應用程序，我已經安裝了
6. 在隱身模式下運行的頁面
7. 取消勾選「啓用JavaScript源地圖的JavaScript文件「和」啓用CSS源圖「

這些都沒有改變行爲。你可以watch a video demonstrating this here，如果你不相信我！

我認爲這是一個Chrome的問題，因爲我可以使用Firefox沒有這個問題......但我真的很喜歡Chrome和Chrome的開發者工具:-)所以我想在Chrome中得到這個工作...

更新我將此報告爲Chrome bug here。如果此錯誤影響到您，或對您很重要，請對其進行投票和/或添加其他信息的評論。

Answer 1

Google似乎已解決此問題。它停止發生在我身上。

Answer 2

Chrome DevTools適合我。當我爲一個頁面加載它時，它會記住超出鉻合金進程的生命週期我打開了哪些源代碼;雖然它的訂單是錯誤的。我看到devtools首選項有兩個不同之處：禁用緩存並啓用地圖。所以我會建議：

1）取消選中禁用緩存（當DevTools打開時）， 2）（如果1不起作用）按「恢復默認值並重新加載」按鈕。

Answer 3

一些代碼編輯器，如rubymine緩存js文件。

要解決的RubyMine：文件>無效高速緩存/重啓

Answer 4

如這裏建議https://groups.google.com/d/msg/google-chrome-developer-tools/2rolf--fJ3M/UTJQaZN3K28J，發展的環境中提供sourcemap當我說這些標題：

Cache-Control: no-cache, no-store, must-revalidate 
Pragma: no-cache 
Expires: 0 

，似乎做的工作（最起碼到現在）。