Norman's Note 諾曼筆記

Norman's Note 諾曼筆記

Chrome DevTools

Chrome DevTools

(Integration with VSCode)

頁面編輯模式,可以隨意編輯文字

在 console.log 打 document.designMode = "on";

模擬 Chrome 瀏覽器的地理位置 Geolocation

最近剛好要測試和改動跟距離有關的功能,發現瀏覽器可以模擬地理位置資訊,各大城市都有喔,如果要自訂的話,需要自行鍵入經度和緯度

  1. Press Command+Shift+P (Mac) to open the Command Menu.
  2. Type sensors, select Show Sensors, and press Enter. The Sensors tab opens up at the bottom of your DevTools window.

https://developers.google.com/web/tools/chrome-devtools/device-mode/geolocation

$0 在 console 取得物件內容

小技巧

在 Chrome 的 Reload 鍵上面長按,可以選擇 Hard Reload / Empty cache and Hard Reload

build 和 local server

  • build: 最佳化過後的 server
  • local server: 沒有最佳化,但有 hot reload