# Intro 關於 PWA(progressive web app) MDN 已經有詳細的介紹了, 所以就不多說了 主要記錄以目前 2025 年的當下對瀏覽器的支援現況 # 系統支援度 目前在 mac chrome / Safari 和 windows chrome / Edge 都可以支援 mobile device 的話, iPhone Safari 支援, Android 大多支援, 少部分因為 OEM 品牌可能因為魔改了 Android 系統, 會導致 PWA 安裝了, 但是不會出現, 相當於沒有安裝成功 以下整成表格 mac windows iOS Android 支援 支援 支援 部分手機型號不支援 # 不支援的解決方案 目前也嘗試不出來有其他的解決方案, 所以會建議在統一的使用體驗上不要去支援 PWA, 這樣在 mobile device 上面就只會是單純的添加捷徑的功能 # 測試 可以用以下連結測試 PWA https://pwa2.tedshd.io/ # other 因為研究 PWA ...

# Intro 在很多實務上的需求, 需要了解 client 過來的請求是來自哪裡或來自哪個國家 最常見的方式就是依靠來源的 IP 判斷(這裡排除 proxy, VPN 或造假來源的因素) 而在 HTTP protocol 中, 會把 IP 附在 header(至於帶在哪個 header 與支援哪些 header 主要取決於各個語言對 HTTP 的實作) header Sample 上述範例只是取幾個比較常見的會帶上去的 header 至於更加詳細的 header 支援與取得 IP 時需要注意哪些事情可以參考以下文章 Refer - 如何正確的取得使用者 IP？ 而為何可以用 IP 能夠確認出是在哪個地區國家甚至城市呢? 主要是因為有 IANA(Internet Assigned Numbers Authority) 進行了 IP 網段的分配 又有細分 ABCDE 級網段 這裡先大略講一下 相關資訊可以去看網路概論等相關的資料 Refer - 各國IPv4位址分配列表 Refer - 已分配的/8 IPv4位址網段列表 # 方法 現在有幾種方法可以處理這件事情 但是經有上述的介紹可以知道其實最主要的基本判斷就是得知道哪些 IP 段對應哪些國家 那接下來就是有哪些方法可以來做這件事了 ...