Skip to main content
Community site session details

Community site session details

Session Id : 79uV432tlOjX/DDtKbjx7L
Power Pages - General Discussions
Unanswered

Offline availability Power Pages with PCF

Like (0) ShareShare
ReportReport
Posted on 22 Dec 2022 15:22:02 by 13

Hi,

 

I'm using a Power component to display a list of items loaded from the Power Portals API and stored inside an IndexedDB.

I PWA enabled my Power page and enabled "offline pages" to be able to use the website/application offline.

 

The first time you open the PWA all the data is loaded and saved in an IndexedDB.

Once the data has been loaded, I would like the user to be able to CRUD items from the list.

Once network is available, all changes would be synced with Dataverse.

This is all working correctly, the only issue is when starting the PWA offline.

Sometimes I get a default Chrome error "This site can't be reached".

  • If I open the application with network connection, everything is working fine.
  • If I go offline, close and reopen the app, everything is working fine.
  • If I go offline, close the app and reopen after some time (5min), I get the "Site can't be reached" error.

DFEAEasi_0-1671722352194.png

 

Any ideas how to resolve this ?

 

 

Thanks in advance for your help!

 

Categories:
  • DFEA-Easi Profile Picture
    13 on 31 Mar 2023 at 12:00:32
    Re: Offline availability Power Pages with PCF

    For me it is indeed also working on PC.
    In our use case we are only using the website on PC, so I'm not testing this on iOS or Android

  • pompousROB Profile Picture
    71 on 27 Mar 2023 at 21:15:27
    Re: Offline availability Power Pages with PCF

    Any update on your progress? Mine appears to be working on Android now as of last week, iOS it is installable, but opening offline initially implies that it doesnt work. Clicking the refresh button on iOS then loads the cached website. 

  • DFEA-Easi Profile Picture
    13 on 02 Mar 2023 at 08:45:10
    Re: Offline availability Power Pages with PCF

    Hi pompousROB,

     

    I opened a ticket @microsoft and this is a product bug.

    I now have an ETA for the fix release, this issue should be fixed with release 9.5.2.xx which is planned for deploy on the Weekend of 25th March.

  • saveri Profile Picture
    138 on 02 Mar 2023 at 03:16:45
    Re: Offline availability Power Pages with PCF

    Hii @DFEA-Easi 

    • Check the power pages site in different browsers. There is a high chance it may be due to the browser ( please check in Chrome, edge and firefox)
    • 2. Use the chrome lighthouse tool to check the PWA functionality.
  • pompousROB Profile Picture
    71 on 01 Mar 2023 at 23:08:45
    Re: Offline availability Power Pages with PCF

    Did you ever find a solution to this? Im faced with the same issue where it fails to fetch in the getOfflineModeUrls() function.

  • DFEA-Easi Profile Picture
    13 on 28 Dec 2022 at 08:22:45
    Re: Offline availability Power Pages with PCF

    I opened a ticket for support @ microsoft, turns out it's a product issue. No ETA for fix yet.

  • DFEA-Easi Profile Picture
    13 on 23 Dec 2022 at 08:30:36
    Re: Offline availability Power Pages with PCF

    Hi @ragavanrajan ,

     

    Thank you for your reply.

    I tested the PWA in Lighthouse and all is looking good.

    Also for offline availability, my "start_page" is correctly returning a HTTP 200 when offline.

     

    I gathered more info from the console when I get the "This site can't be reached" error.

    It looks like the PWA is fetching the pages that should be available offline, which of course doesn't work...

    DFEAEasi_0-1671784194945.png

    DFEAEasi_1-1671784204890.png

     

  • ragavanrajan Profile Picture
    7,036 Most Valuable Professional on 22 Dec 2022 at 18:25:29
    Re: Offline availability Power Pages with PCF

    Hi @DFEA-Easi 

     

    From your post, I gather you are trying to handle Dynamic data offline 

     

    Few things to check 

     

    1. Check the power pages site in different browsers. There is a high chance it may be due to the browser ( please check in Chrome, edge and firefox) 

    2. Use the chrome lighthouse tool to check the PWA functionality. 

    2.1. Open chrome dev tools 

    2.2. Click the Lighthouse tab. 

    2.3. Click Analyze and run audit 

    2.4. Use the below link to test the PWA functionality 

       

         

    Adding reference below 

     

    https://developer.chrome.com/en/docs/lighthouse/pwa/ 

     

    Hope it helps. 
    ------------

    If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.

     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Announcing our 2025 Season 2 Super Users!

A new season of Super Users has arrived, and we are so grateful for…

Paul Stork – Community Spotlight

We are honored to recognize Paul Stork as our July 2025 Community…

Congratulations to the June Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Pages

#1
Lucas001 Profile Picture

Lucas001 60 Super User 2025 Season 2

#2
Fubar Profile Picture

Fubar 55 Super User 2025 Season 2

#3
surya narayanan Profile Picture

surya narayanan 35

Loading complete