Генератор PWA

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

Описание приложения

Nil™

опубликовано 14.03.23
обновлено 27.02.26

Если у вас имеется сайт адаптированный для мобильных устройств, и вы хотите создать на его основе простое PWA приложение, которое можно устанавливать на устройство из браузера, этот генератор упростит вам задачу по составлению корректного кода.

Заполните все поля, получите код, создайте нужные файлы согласно описанию и вставьте рекомендуемый код на страницы своего сайта.

Смотрите также детальную инструкцию в специальном посте: Как сделать из сайта PWA приложение. Инструкция для начинающих