![[筆記] Vite 開發與生產環境，注入內容到瀏覽器 window 物件中](https://smlpoints.com/wp-content/uploads/notes-vite-github-action-1.png "[筆記] Vite 開發與生產環境，注入內容到瀏覽器 window 物件中")
[筆記] Vite 開發與生產環境，注入內容到瀏覽器 window 物件中
使用 Vite 開發時， dev 與 prod 環境中若要自動注入 window 物件，其邏輯是有所不同的。這邊筆記下不同之處，以及如何修正。 內容 開發 De Read More …
標籤: browser
![[筆記] BLISK 執行 Mobile Test 的實用瀏覽器](https://smlpoints.com/wp-content/uploads/notes-blisk-mobile-test-browser-1.jpg "[筆記] BLISK 執行 Mobile Test 的實用瀏覽器")
[筆記] BLISK 執行 Mobile Test 的實用瀏覽器
若要在桌機上進行跨裝置的螢幕尺寸畫面開發，雖說可以用 Chrome, Safari…等的開發工具來進行，不過總是要反覆的拖曳螢幕寬度，顯得有些不方便 Read More …
![[筆記] 使用 Crypto.getRandomValues() 來抓取亂數](https://smlpoints.com/wp-content/uploads/notes-window-crypto-get-random-values-1.jpg "[筆記] 使用 Crypto.getRandomValues() 來抓取亂數")
[筆記] 使用 Crypto.getRandomValues() 來抓取亂數
雖說過往可以使用 Math.random() 來產生一些亂數，但安全性確實是有待加強，以致於在弱點掃描時會列為一個改善點。因此這回改使用 window.cryp Read More …
![[筆記] 判斷瀏覽器為手機端還是 PC 端的方法](https://smlpoints.com/wp-content/uploads/notes-use-browsersync-to-make-hot-reload-while-developing-1.jpg "[筆記] 判斷瀏覽器為手機端還是 PC 端的方法")
[筆記] 判斷瀏覽器為手機端還是 PC 端的方法
當使用者瀏覽你的網頁時，有時會需要去判斷視窗的寬度大小來決定畫面的呈現。除了可以用 window.addEventListener 的 resize 事件外，還 Read More …
![[筆記] ES6 JavaScript Polyfill 瀏覽器 相容性對照表](https://smlpoints.com/wp-content/uploads/notes-zh-tw-en-javascript-understanding-the-weird-part-1.jpg "[筆記] ES6 JavaScript Polyfill 瀏覽器 相容性對照表")
[筆記] ES6 JavaScript Polyfill 瀏覽器 相容性對照表
JavaScript 在瀏覽器中的相容性，往往是最讓人覺得頭痛的地方。網路上有份 ECMAScript 6 相容性列表 ( Compatibility tabl Read More …
