Я пишу приложение в Heroku, которое отправляет уведомления pu sh в веб-браузер. У меня это работает на 100%, за исключением того, что Firefox не получает никаких уведомлений pu sh. Chrome и Edge есть, но Firefox нет. Я убедился, что Firefox разрешает уведомления. Итак, мой вопрос на самом деле не связан с частью кодирования, так как кажется, что это работает, но это скорее "есть ли что-то с Firefox, что мне нужно знать при разработке веб-уведомления о pu sh приложение для него "? Я знаю, что каждый основной браузер обрабатывает уведомления pu sh немного по-своему, и я подозреваю, что проблема в этом.
Вот вывод консоли для Firefox на сайте, на который я подписан на уведомления pu sh. Между прочим, я получаю одинаковую синтаксическую ошибку JSON во всех браузерах, но JSON правильно анализирует:
Service worker successfully registered. subscribeUser.js:22:13
email catpured = qaz@qaz.com test.html:33:17
Received PushSubscription: {"endpoint":"https://updates.push.services.mozilla.com/wpush/v2/gAAAAABesF3MuanJl_xHII9ya_KSkLSe0CmR4ZZqnlT5HNv4qwV24Zv1hkCe7eGuPsh3HLRm2g0u_vbw_-f6Nw4Gk_SpFW9QcGX3DQMSqX5z_bJUfV_Ws5oHY-A8Q_Nfqcv7iji-_89BtaM0wmde3gx2exJsXbE_uxfr6daFInUKgWLkb3BtmhI","keys":{"auth":"n8yCVyUqhYkOGamajx03Pg","p256dh":"BDgmGLotx4N2BQdqdsIkFjRhycZW1NisTktz-Lyvg094LbDDjMiZEQlLpeuDQCD030Lzx-FleNPewDglpnYS2Wo"}} subscribeUser.js:62:15
SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
notificationText Object Stringified: {"notification":{"body":"this is coolfgsdfsfdsfdsdfsdfsfds","title":"Whoa","actions":[{"action":"Yes","title":"Yes","icon":"./images/notification_icon.png"},{"action":"No","title":"No","icon":"./images/notification_icon.png"}],"data":{"url":"http://www.yahoo.com"},"requireInteraction":true}} service-worker.js:9:11
NotificationText Object Not Stringified:
Object { notification: {…} }
service-worker.js:10:11
NotificationText.Notification Object:
Object { body: "this is coolfgsdfsfdsfdsdfsdfsfds", title: "Whoa", actions: (2) […], data: {…}, requireInteraction: true }
service-worker.js:11:11
TypeOf notificationText: object service-worker.js:12:11
Notification: Whoa
Вот вывод консоли для Chrome:
email catpured = 4444@4444.com
subscribeUser.js:62 Received PushSubscription: {"endpoint":"https://fcm.googleapis.com/fcm/send/ekyiCymm_cE:APA91bGTjb4ccnWyiLZ5JIi99rIllciNnnVWt0DvL7emfgpP9Ft_CppxakL_xbB2lH-Xacu1rhov8LXbGCfes4ym0tvObNUSUvwDLA6cr9-0ANSUpUfmLBUq_WxV2DGNTBoDn93jFc8U","expirationTime":null,"keys":{"p256dh":"BMUz_sHi9NWQeuBy5gNmlkPv2PP04A_sbiee01EzuMdCrW14da4r0C2-eVA-tjzNDFxLF1wd1F-I852t8Hl7mb4","auth":"xDNUaKR8gMAhmSG6rbQS5w"}}
test.html:1 Uncaught (in promise) SyntaxError: Unexpected token O in JSON at position 0
Promise.then (async)
sendSubscriptionToBackEnd @ subscribeUser.js:84
(anonymous) @ subscribeUser.js:64
Promise.then (async)
subscribeUserToPush @ subscribeUser.js:61
(anonymous) @ subscribeUser.js:42
Promise.then (async)
askPermission @ subscribeUser.js:41
(anonymous) @ test.html:34
service-worker.js:9 notificationText Object Stringified: {"notification":{"body":"this is coolfgsdfsfdsfdsdfsdfsfds","title":"Whoa","actions":[{"action":"Yes","title":"Yes","icon":"./images/notification_icon.png"},{"action":"No","title":"No","icon":"./images/notification_icon.png"}],"data":{"url":"http://www.yahoo.com"},"requireInteraction":true}}
service-worker.js:10 NotificationText Object Not Stringified: {notification: {…}}
service-worker.js:11 NotificationText.Notification Object: {body: "this is coolfgsdfsfdsfdsdfsdfsfds", title: "Whoa", actions: Array(2), data: {…}, requireInteraction: true}
service-worker.js:12 TypeOf notificationText: object
service-worker.js:15 Notification: Whoa
А вот уведомление, которое я получаю для Chrome:
А вот уведомление, которое я получаю: 