Cannot get token on iphone

[bangluong]

Operating System

IOS lastest

Environment (if applicable)

N/A

Firebase SDK Version

10.14

Firebase SDK Product(s)

Messaging

Project Tooling

react app and webpack

Detailed Problem Description

after iphone ask permission to push notification, I got error browser not supported.
but I use https://webpushtest.com/,it displays the message normally

Steps and code to reproduce issue

here is my code:

const messaging = (async () => {
    const isSupportedBrowser = await isSupported();

    if (isSupportedBrowser) {
        return getMessaging(firebase);
    }
    return null;
})
export const getMessagingToken = async () => {
    let currentToken = "";
    const messagingResolve = await messaging();
    if (!messagingResolve) return;
    try {
        currentToken = await getToken(messagingResolve, {
            vapidKey: process.env.FIREBASE_VAPIDKEY
        });
    } catch (error) {
        console.log("An error occurred while retrieving token. ", error);
    }
    return currentToken;
};

if (Notification) {
                    const permission = await Notification.requestPermission();
                    if (permission === "granted") {
                        const firebaseToken = await getMessagingToken();
                        await pushToken({
                            variables: {
                                token: firebaseToken
                            }
                        });
                    }
                }

[google-oss-bot]

I couldn't figure out how to label this issue, so I've labeled it for a human to triage. Hang tight.

[DellaBitta]

Hi @bangluong,

Could you clarify if the problem you're encountering is that:

1. isSupported() returns false, or
2. isSupported() returns true but then later Messaging doesn't work correctly?

I believe that WebPushTest tests only for a subset of features that Firebase Messaging requires.

Beyond push notifications, Firebase Messaging also requires cookie and IndexedDB support. If either of these features are denied by the user, or if they're disabled due to private browsing or executing within Safari iFrames, then the Firebase Messaging client will not be able to run.

Messaging also requires the browser window to have a fetch implementation, for instance. A full list of isSupported checks can be found here in our public sources.

Could you tell us more about your browser and its current privacy configuration? Are you running in an iFrame in Safari? Do any of the linked checks stand out as something that might not be available in your environment?

[bangluong]

@DellaBitta isSupported() return false
I check navigator, it dont have fetch, notification and PushManager
I am using safari IOS version 17.1.2
I have enable permission API and notification in setting > safari > Advanced > feature flags
this is device information display in webpushtest: https://imgur.com/J176L2f

[DellaBitta]

Hi @bangluong,

PushManager, Notification and fetch should exist in window, not navigator. Still, I wouldn't expect that to be the problem. We haven't heard any issues of isSupported returning false in a standard Safari configuration.

I suspect that either IndexedDB is disabled, or that cookies are disabled (navigator.cookieEnabled) in the browser you're testing with.