Skip to content

PWA support #3229

@sakaman

Description

@sakaman

Please make sure of the following things

  • I have read the documentation.
  • I'm sure there are no duplicate issues or discussions.
  • I'm sure this feature is not implemented.
  • I'm sure it's a reasonable and popular requirement.

Description of the feature / 需求描述

For list content pages, adding PWA support is more suitable for fast and easy access on mobile and desktop to improve the operating experience; additionally, the web app can be launched in full screen or standalone mode for a more native experience.

Suggested solution / 实现思路

Refer to Mozilla development documentation, just add <head> block to index.html, and you need to configure the *.webmanifest file to personalize the PWA.

<link rel="manifest" href="alistpwa.webmanifest" />
{
  "name": "Alist Progressive Web App",
  "short_name": "AlistPWA",
  "description": "Progressive Web App for alist.",
  "icons": [
    {
      "src": "icons/icon-32.png",
      "sizes": "32x32",
      "type": "image/png"
    },
    // ...
    {
      "src": "icons/icon-512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "start_url": "/index.html",
  "display": "fullscreen",
  "theme_color": "#B12A34",
  "background_color": "#B12A34"
}

Additional context / 附件

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requeststaleNo activity for more than 30 days

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions