2017年11月16日 星期四

Chrome Dev tools 小技巧(1)

Chrome Dev tools 小技巧(1)

在Chrome Dev Tools開啟的狀態下在 重新載入頁面 的按鈕鼠左鍵長按後會出現以下選項:


(1)正常重新載入( Normal Reload):
     這和按 F5 重新整理頁面是相同的功能
     會使用Cache的頁面,僅可能不去下載已經Cache的資料( Javascript, image...等)

(2)強制重新載入(Hard Reload):
     不使用該頁的Cache資料,強迫重新重新下載所有資料

(3)清除快取並強制重新載入(Empty Cache and Hard Reload):
     會清空所有cache資料,
     例如有的網頁會透過script去下載其他的資源,這裡也會一併都清除。