![[筆記] 開發網頁應用並顯示於電視上 – 螢幕解析度與瀏覽器寬度區別](https://smlpoints.com/wp-content/uploads/notes-macbook-pro-2019-monitor-knowledge-1.jpg "[筆記] 開發網頁應用並顯示於電視上 – 螢幕解析度與瀏覽器寬度區別")
[筆記] 開發網頁應用並顯示於電視上 – 螢幕解析度與瀏覽器寬度區別
近期在開發給顯示器端顯示的畫面時，若螢幕顯示器上是使用「內建的瀏覽器」的話，那就有機會踩到「螢幕解析度」和「瀏覽器寬高」不同的情形。這邊筆記下開發時的注意事項。 Read More …
標籤: browser
![[筆記] TypeScript 拓展 Window 物件定義](https://smlpoints.com/wp-content/uploads/notes-bruce-typescript-for-beginners-to-create-your-own-chatroom-via-socket-io.jpg "[筆記] TypeScript 拓展 Window 物件定義")
[筆記] TypeScript 拓展 Window 物件定義
實務上開發網頁應用程式時，有時會需要將自定義的物件掛到 window 物件底下來方便其他頁面作取用或是模組化。不過這些自定義的值，TypeScript 自然是不 Read More …
![[筆記] 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 …
![[筆記] 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 …
