<p>Chrome DevTools</p>
<p>(Integration with VSCode)</p>
<h2>頁面編輯模式，可以隨意編輯文字</h2>
<p>在 console.log 打 <code>document.designMode = "on";</code></p>
<h2>模擬 Chrome 瀏覽器的地理位置 Geolocation</h2>
<p>最近剛好要測試和改動跟距離有關的功能，發現瀏覽器可以模擬地理位置資訊，各大城市都有喔，如果要自訂的話，需要自行鍵入經度和緯度</p>
<ol>
<li>Press Command+Shift+P (Mac) to open the Command Menu.</li>
<li>Type sensors, select Show Sensors, and press Enter. The Sensors tab opens up at the bottom of your DevTools window.</li>
</ol>
<p><a href="https://developers.google.com/web/tools/chrome-devtools/device-mode/geolocation" target="_blank" rel="nofollow noopener noreferrer">https://developers.google.com/web/tools/chrome-devtools/device-mode/geolocation</a></p>
<h2>用 <code>$0</code> 在 console 取得物件內容</h2>
<h2>小技巧</h2>
<p>在 Chrome 的 Reload 鍵上面長按，可以選擇 <code>Hard Reload</code> / <code>Empty cache and Hard Reload</code></p>
<h2>build 和 local server</h2>
<ul>
<li>build: 最佳化過後的 server</li>
<li>local server: 沒有最佳化，但有 hot reload</li>
</ul>


Norman's Note 諾曼筆記

Chrome DevTools

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

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

用 `$0` 在 console 取得物件內容

小技巧

build 和 local server

Chrome DevTools

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

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

用 $0 在 console 取得物件內容

小技巧

build 和 local server

用 `$0` 在 console 取得物件內容