[iA1]

The only file that you have to edit is the manifest.json file.

Block Disabled:      (Update License Status)
Suspended or Unlicensed Members Cannot View Code.

All fields are self-explanatory. name, short_name, description, theme_color, background_color. For the icon, upload at least one square image of size 512x512 and update "src" field by replacing "/images/vBlogo.png" with the path to your own logo image.

For information on how to write manifest.json, visit https://developers.google.com/web/fu...-app-manifest/

If you are using Web Push notifications add-on, then you will also have "gcm_sender_id" field at the end.

Update:

For iOS, add this line in headinclude template:

Block Disabled:      (Update License Status)
Suspended or Unlicensed Members Cannot View Code.

Replace the logo image link with a square image of 192x192 pixel.

[rodriiverduguez]

If I understood correctly, this product will make my site Responsive? If so, I will apply it and see the changes. obviously always make a backup

[iA1]

No, this does not make your site responsive. You will need a responsive style for that.

This is Progressive Web App, which makes your site similar to a mobile app in certain ways.

[MrZeropage]

I installed it on vB4.2.5 (PHP7.0) and... no effect.
Using my iPhone with Safari and Chrome, it still shows the same mobile Style from vB, no change to see.

[iA1]

For iOS, add this line in headinclude template:

Block Disabled:      (Update License Status)
Suspended or Unlicensed Members Cannot View Code.

Replace the logo image link with a square image of 192x192 pixel.



PWA works differently on iOS.

According to https://medium.com/@firt/progressive...e-d00430dee3a7 , you will have to look for the Add to Home Screen button in share options.

If you are able to find it, please post some screenshots for other users. I don't have an iPhone to test it out.

What PWAs can do on Android and not on iOS

• On Android you can store more than 50 Mb
• Android doesn’t delete the files if you don’t use the app, but it can delete the files under storage pressure. Also, if installed or used a lot by the user the PWA can request Persistent Storage
• Bluetooth access for BLE devices
• Web Share for accessing native share dialog
• Speech Recognition
• Background Sync and Web Push Notifications
• Web App Banner to invite the user to install the app
• You can customize (a little bit) the splash screen and the orientations you want
• With WebAPK and Chrome, users can’t install more than one instance of a PWA
• With WebAPK and Chrome, the PWAs appears under Settings and you can see data usage; on iOS everything appears under Safari
• With WebAPK and Chrome, the PWA manages intents for its URL, so if you get a link to the PWA, it will be opened in standalone mode and not within the browser’s window.

What PWAs can do on iOS and not on Android

• Users can change icon’s name before installing it
• They can be configured in a configuration profile, so corporate users can receive PWAs shortcuts from the company (that’s a good one!). Safari uses the term WebClip for this feature; however it doesn’t seem to be reading the Web App Manifest (according to the documentation)

[scottkoz20]

So, if I understand this right, I need to have your responsive style, which you offer as a paid service in order for this modification?

[iA1]

Originally Posted by scottkoz20

So, if I understand this right, I need to have your responsive style, which you offer as a paid service in order for this modification?

It doesn't have to be my responsive style. Any responsive style will do. Even the mobile style that you get bundled with vB 4 will work fine.

Making a responsive style requires time and effort. As far as I know, there is no freely available responsive style for vB 3 and vB 4 at the moment.

[scottkoz20]

Originally Posted by iA1

Making a responsive style requires time and effort. As far as I know, there is no freely available responsive style for vB 3 and vB 4 at the moment.

I get that completely - I wanted to be sure that the requirements was something that did not require it to be something that you had specifically done. I'll test this out on my site over the next week

[Brandon Sheley]

interesting, about time another mobile option came out
Hopefully it's not to late or expensive

[CharlieDelta]

Interesting. Will check this out.

[CharlieDelta]

The banner is not displaying when I visit https://www.vb4mobile.ml/ on my phone using both Chrome and Firefox browsers.

[iA1]

Originally Posted by CharlieDelta

The banner is not displaying when I visit https://www.vb4mobile.ml/ on my phone using both Chrome and Firefox browsers.

Is it an Android phone? I can see it on my android phone.

This products enables PWA for your site, but displaying the Add to Home Screen banner is browser dependent. Each browser decides how and when to display the banner or not to display it at all. We don't have any control over it. We only enable all the features required to display it.

[iA1]

See the icon on lower-right corner, beside the camera

Works on all Android devices. iOS is not yet supported.

Update:

For iOS, add this line in headinclude template:

Block Disabled:      (Update License Status)
Suspended or Unlicensed Members Cannot View Code.

Replace the logo image link with a square image of 192x192 pixel.

[scottkoz20]

still no support for iOS correct?