tedshd's DevNote

Firebase dynamic links 遷移轉換

on 2024-04-11

Intro

服務終有停止的一天

firebase 動態連結將於 2025 年 8 月 25 日關閉。

所以要提前做遷移轉換或是找其他替代方案

Firebase 建議

可以參考 Firebase 文件的建議自己搞

從動態鏈接遷移到應用程式連結和應用程式鏈接通用連結

自己搞的好處是能搞成符合自己需求的東西

但是最大的麻煩點是要記錄的話就得自己搞數據

很多時候都會需要紀錄點擊轉換

這就得自己搞了

第三方服務

其實除了自己搞以外

還有很多第三方服務有在做這個東西

目前有找到的有

Branch io

• https://www.branch.io/what-is-deep-linking/

branch io 還有個教學文

How to migrate from Firebase Dynamic Links

Appsflyer

• https://www.appsflyer.com/products/customer-experience-deep-linking/

kochava

• https://www.kochava.com/product/deep-linking/links/?int-link=menu-links

上面列出來的是比較常見的幾個

應該還有其他服務沒有列出來

這個就評估下要用哪個服務

Read more

JavaScript 確認頁面有沒有縮放

on 2024-02-19

前言

不管在 mobile 還是 desktop 都有個困擾就是要處理用戶縮放頁面的問題

如果只是資料類型的頁面, 縮放的話大多都只是畫面 UI 跑版

但如果是複合功能型的頁面, 縮放的話大概率會讓功能壞掉

就得找一些方法處理

確認可行性

JavaScript 有一個 api window.devicePixelRatio 是顯示畫面解析度比率的

早期可以用這個是不是 1 來判斷

但是螢幕的解析度其實會影響這個值

所以這個 api 沒有辦法當作判斷的基準

resize 事件可以在頁面縮放時會觸發

搭配 window.outerWidth/window.innerWidth 的值的變化可以知道有沒有縮放

但是這在 mobile device 的兩指縮放是不會觸發

所以也沒用…

但是針對 mobile 兩指縮放

可以使用 window.visualViewport

window.visualViewport.scale 可以知道現在縮放比例

如果只是要判斷有沒有所放的話

可以使用 resize 事件 + mobile 判斷來拿取 window.visualViewport.scale 或是 let zoom = window.outerWidth/window.innerWidth; 的組合來處理

sample code

let zoom = window.outerWidth / window.innerWidth;

function isMobileDevice() {
    return /Mobi/i.test(navigator.userAgent);
}

function handleZoom() {

    if (isMobileDevice()) {
        if ('visualViewport' in window) {
            zoom = window.visualViewport.scale;
        } else {
            zoom = window.outerWidth / window.innerWidth;
        }
    } else {
        zoom = window.outerWidth / window.innerWidth;
    }

    console.log("Zoom level: " + zoom);
}

window.addEventListener('resize', handleZoom);

handleZoom();

refer - 如何使用JS檢測使用者是否縮放了頁面？

Read more