Request for additional meta tags added to index.html



  • For those that don't know, Apple uses custom meta tags to allow websites to run as mini-apps, for lack of a better word. When added, you can create a shortcut that looks and feels exactly like an app and is so much cleaner than running from a web browser. All that is required is to navigate to the website in Safari, click the share button, scroll down and click "add to home screen". Here is an example of how it looks and loads in full screen without address bar.

    pic1.jpg

    pic2.jpg

    All that is required are the following lines added to the header with the other meta tags and a 120x120 px JPG for the app icon.

    <meta name="viewport" content = "width = device-width, initial-scale = 1.0, minimum-scale = 1, maximum-scale = 1, user-scalable = no" />
    <meta name="apple-mobile-web-app-title" content="oozeBot" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="apple-touch-icon" sizes="120x120" href="logo.jpg">

    I'm throwing this out there for others to take advantage of and to ask if Duet would consider adding this in to their next release. Thanks!


  • Moderator

    Moved to the wishlist.


  • Moderator

    @oozeBot nice. One for @chrishamm

    Ian


  • administrators

    @oozeBot I merged a PR for PWA support just an hour ago, I guess it already contained those tags. Feel free to give it a try next week when we release the first v3.2 betas (or build DWC/v3.2-dev yourself).


Log in to reply