@ -24,7 +24,7 @@
< div >
< div >
< p > Here are ways to test notifications and get them working . < / p >
< p > Here are ways to test notifications and get them working . < / p >
< h2 class = "text-xl font-semibold" > Full Test < / h2 >
< h2 class = "text-xl font-semibold mt-4 " > Full Test < / h2 >
< div >
< div >
< p >
< p >
If this works then you ' re all set .
If this works then you ' re all set .
@ -38,16 +38,16 @@
< / p >
< / p >
< / div >
< / div >
< h2 class = "text-xl font-semibold" >
< h2 class = "text-xl font-semibold mt-4 " >
If this is not installed as an app ...
If this is not installed as an app ...
<!-- Note that that exact verbiage shows in a message elsewhere . -- >
<!-- Note that that exact verbiage shows in a message elsewhere . -- >
< / h2 >
< / h2 >
< div >
< div >
< p >
< p >
For best results on mobile , install this app on your device ( as
For best results on mobile , install this app on your device ( as
opposed to using it inside the broser app ) . In Chrome , it may prompt
opposed to using it inside the brow ser app ) . In Chrome , it may prompt
you , and you can also look for the "Install" command in the browser
you , and you can also look for the "Install" command in the browser
settings ; on the the deskop , look for this icon in the address bar :
settings ; on the the deskt op , look for this icon in the address bar :
< img
< img
src = "../assets/help/chrome-install-pwa.png"
src = "../assets/help/chrome-install-pwa.png"
alt = "Chrome 'install' icon"
alt = "Chrome 'install' icon"
@ -56,7 +56,7 @@
< / p >
< / p >
< / div >
< / div >
< h2 class = "text-xl font-semibold" >
< h2 class = "text-xl font-semibold mt-4 " >
If you must enable notifications ...
If you must enable notifications ...
<!-- Note that that exact verbiage shows in a message elsewhere . -- >
<!-- Note that that exact verbiage shows in a message elsewhere . -- >
< / h2 >
< / h2 >
@ -68,7 +68,19 @@
< / p >
< / p >
< / div >
< / div >
< h2 class = "text-xl font-semibold" > Check App Permissions < / h2 >
< h2 class = "text-xl font-semibold mt-4" >
If you ' re waiting for system initialization ...
<!-- Note that that exact verbiage shows in a message elsewhere . -- >
< / h2 >
< div >
< p >
... and it never stops , then there is a problem with the underlying
service worker or push server mechanism in your browser . Your best bet
is to follow the "Reinstall" steps below or use a different browser .
< / p >
< / div >
< h2 class = "text-xl font-semibold mt-4" > Check App Permissions < / h2 >
< div >
< div >
< p >
< p >
In Apple iOS , check "Settings" - > "Notifications" , look for the Time
In Apple iOS , check "Settings" - > "Notifications" , look for the Time
@ -92,8 +104,8 @@
< / li >
< / li >
< li class = "list-disc ml-4" >
< li class = "list-disc ml-4" >
Go to Chrome "Settings" , then "Privacy and Security" and " Clear
Go to Chrome "Settings" , then "Privacy and Security" and " Clear
"Clear browsing data" , then "Cookies and site data" . Also make sur e
"Clear browsing data" , then "Cookies and site data" . Make sure th e
the "Time Range" at the top shows "All time" .
"Time Range" at the top shows "All time" .
< / li >
< / li >
< / ul >
< / ul >
< p >
< p >
@ -106,7 +118,7 @@
< / p >
< / p >
< / div >
< / div >
< h2 class = "text-xl font-semibold" > Check Browser Permissions < / h2 >
< h2 class = "text-xl font-semibold mt-4 " > Check Browser Permissions < / h2 >
< div >
< div >
< p > In Apple iOS , check Settings - > Notifications . < / p >
< p > In Apple iOS , check Settings - > Notifications . < / p >
< p > In Android , check Settings - > Notifications . < / p >
< p > In Android , check Settings - > Notifications . < / p >
@ -121,7 +133,9 @@
< / a >
< / a >
< / div >
< / div >
< h2 class = "text-xl font-semibold" > Check OS Permissions < / h2 >
< h2 class = "text-xl font-semibold mt-4" >
Check Operating System ( OS ) Permissions
< / h2 >
< div class = "px-2" >
< div class = "px-2" >
< div >
< div >
< h3 class = "text-lg font-semibold" > Mobile Phone - Apple iOS < / h3 >
< h3 class = "text-lg font-semibold" > Mobile Phone - Apple iOS < / h3 >
@ -139,13 +153,15 @@
< h3 class = "text-lg font-semibold" > Desktop - Mac < / h3 >
< h3 class = "text-lg font-semibold" > Desktop - Mac < / h3 >
< div >
< div >
< span >
< span >
Requires Mac OS 13 ; see your macOS version under Apple - > About
See "System Settings" - > "Notifications" and make sure it is
This Mac .
enabled for the browser you ' re using . Note that these
notifications require Mac OS 13 ; see your macOS version under
Apple - > "About This Mac" .
< / span >
< / span >
< / div >
< / div >
< h3 class = "text-lg font-semibold" > Windows desktop < / h3 >
< h3 class = "text-lg font-semibold" > Desktop - Windows < / h3 >
In Windows , check Settings - > Notifications .
In Windows , check "Settings" - > "Notifications" .
< img
< img
src = "../assets/help/windows-system-enable-notifications.png"
src = "../assets/help/windows-system-enable-notifications.png"
alt = "Windows system settings"
alt = "Windows system settings"
@ -164,66 +180,111 @@
< / div >
< / div >
< / div >
< / div >
< h2 class = "text-xl font-semibold" > Reinstall < / h2 >
< h2 class = "text-xl font-semibold mt-4 " > Reinstall < / h2 >
< div >
< div >
< p >
< p >
If all else fails , uninstall the app , ensure all the browser tabs with
If all else fails , uninstall the app , ensure all the browser tabs with
it are closed , and clear out caches and storage .
it are closed , and clear out caches and storage .
< / p >
< / p >
< p >
Of course , you ' ll want to back up all your data first -- all seeds as
well as the contacts & settings -- on the Account
< fa icon = "circle-user" / > page .
< / p >
< ul class = "ml-4 list-disc" >
< ul class = "ml-4 list-disc" >
< li >
< li >
Clear cache for site . ( In Chrome , go to ` chrome://settings/cookies `
Clear cache .
and "all site data and permissions" ; in Firefox , go to
< ul >
` about:preferences ` and search for "cache" then "Manage Data" , and
< li >
also manually remove the IndexedDB data if the DBs still show . )
In mobile , look for the browser app settings . This is true even
for an installed app : go to the browser which you used to
initially visit timesafari . app , because those settings affect
the app . Look for "Delete browsing data" in the "Settings" ,
under "Privacy and Security" .
< / li >
< li >
In Chrome , go to ` chrome://settings/cookies ` and " all site data
and permissions " for timesafari . app ; in Firefox , go to
` about:preferences ` and search for "cache" then "Manage Data"
for timesafari . app . Also manually remove the IndexedDB data if
the DBs still show . )
< / li >
< / ul >
< / li >
< / li >
< li >
< li >
Clear notification permission . ( in Chrome , go to
Clear notification permission . ( I n Chrome , go to
` chrome://settings/content/notifications ` ; in Firefox , go to
` chrome://settings/content/notifications ` ; in Firefox , go to
` about:preferences ` and search for "notifications" . )
` about:preferences ` and search for "notifications" . )
< / li >
< / li >
< li >
< li >
Unregister service worker . ( in Chrome , go to
Unregister service worker . ( I n Chrome , go to
` chrome://serviceworker-internals/ ` ; in Firefox , go to
` chrome://serviceworker-internals/ ` ; in Firefox , go to
` about:serviceworkers ` . )
` about:serviceworkers ` . )
< / li >
< / li >
< li >
< li >
Clear Cache Storage . ( in Chrome , in dev tools under Application ; in
Clear "Cache Storage" . ( I n Chrome , in dev tools under "Application" ;
Firefox , in dev tools under Storage . )
in Firefox , in dev tools under "Storage" . )
< / li >
< / li >
< / ul >
< / ul >
< p > Then reinstall the app . < / p >
< p > Then reinstall the app . < / p >
< / div >
< / div >
< h2 class = "text-xl font-semibold mt-4" > Tests < / h2 >
< button
< button
@ click = "showTestNotification()"
@ click = "showTestNotification()"
class = "block w-full text-center text-md bg-slate-500 text-white px-1.5 py-2 rounded-md mb-2"
class = "block w-full text-center text-md bg-slate-500 text-white px-1.5 py-2 rounded-md mt-4 m b-2"
>
>
Send Test Notification Directly to Device ( Not Through Push Server )
Send Test Notification Directly to Device ( Not Through Push Server )
< / button >
< / button >
< p >
If that didn ' t show a notification on your device , the problem is that
your browser or your operating system are not allowing notifications
through . See "Check App Permissions" and "Check Browser Permissions" and
"Check Operating System (OS) Permissions" above .
< / p >
< button
< button
@ click = "alertWebPushSubscription()"
@ click = "alertWebPushSubscription()"
class = "block w-full text-center text-md bg-slate-500 text-white px-1.5 py-2 rounded-md mb-2"
class = "block w-full text-center text-md bg-slate-500 text-white px-1.5 py-2 rounded-md mt-4 m b-2"
>
>
Show Web Push Subscription Info
Show Web Push Subscription Info
< / button >
< / button >
< p >
If that showed "null" then the notification is not active .
< button class = "text-blue-500" @click ="showNotificationChoice()" >
Click here .
< / button >
< / p >
< button
< button
@ click = "sendTestWebPushMessage(true)"
@ click = "sendTestWebPushMessage(true)"
class = "block w-full text-center text-md bg-slate-500 text-white px-1.5 py-2 rounded-md mb-2"
class = "block w-full text-center text-md bg-slate-500 text-white px-1.5 py-2 rounded-md mt-4 m b-2"
>
>
Send Yourself a Test Web Push Message ( Through Push Server but Skipping
Send Yourself a Test Web Push Message ( Through Push Server but Skipping
Client Filter )
Client Filter )
< / button >
< / button >
< p >
If that didn ' t show a notification on your device , there is a problem
getting to the push server . Disable notifications and then enable them
again .
< / p >
< button
< button
@ click = "sendTestWebPushMessage()"
@ click = "sendTestWebPushMessage()"
class = "block w-full text-center text-md bg-slate-500 text-white px-1.5 py-2 rounded-md mb-2"
class = "block w-full text-center text-md bg-slate-500 text-white px-1.5 py-2 rounded-md mt-4 m b-2"
>
>
Send Yourself a Test Web Push Message ( Through Push Server and Client
Send Yourself a Test Web Push Message ( Through Push Server and Client
Filter )
Filter )
< / button >
< / button >
< p >
If you don ' t see a message , it could be that there is nothing new for
you to see . If the previous test worked , then things should work fine .
If you notice a full 24 hours where you get no notification and you know
that there are new items that should show , gather as many details as
possible and go to the bottom of
< router -link to = "help" class = "text-blue-500" > this page < / r o u t e r - l i n k >
for ways to contact us .
< / p >
< / div >
< / div >
< / section >
< / section >
< / template >
< / template >