PWA generator

The app will help you write the right code to turn your mobile site into an installable PWA app
Application Settings
Application Name
Short name
Application Description
Start page when app starts
You need to specify a relative path without a domain, for example "/catalog". If you want to open the main page of the site when you launch the application, just leave it as it is.
Scope
You can specify only one directory on the site, then when you go beyond this directory, the scope of the application will end and another directory will open as a normal link in the browser
If you want the application to include the entire site, just leave it as is
Location of icons for the application
Upload the icon files in .png format to a folder on your server and specify their location below.
The size of all icons should be as specified below.
Specify a relative path, for example /images/icons/512.png
Icon 512 x 512 px
Icon 256 x 256 px
Icon 128 x 128 px
What files should be cached?
Here you can specify font files, style files, images that will be installed on the device along with the application and after that will not be downloaded from your site every time you open the application.
You can also specify links to pages that need to be cached, then these pages and their content will be saved in the application in the form in which they exist on the site at the time of caching and they can be viewed in the application in this form even without access to the Internet.
It should be understood that in the case of caching a page in an application, the application may display the saved version even after the content of the page has changed on your site. Specify only those pages that EXACTLY can be cached.
If some content on such a page is displayed using a java script, jquery connected to the page, the fact of the presence of such a script will remain in the cached version, while the connected script, depending on its functionality, can still add fresh content to the page, for example, ad units or a list of new publications.
one address per line, for example:
/style/styles.css
/index.html
/contact.html


More about the application

Nil
14 march 2023
If you have a website adapted for mobile devices and want to create a simple PWA application based on it that can be installed on a device from a browser, this generator will make it easier for you to write the correct code.

Fill in all the fields, get the code, create the necessary files according to the description and paste the recommended code on the pages of your site.

See also detailed instructions in a special post: How to make a PWA application from a site. Instructions for beginners

Other applications

Comments

Add Comment