Android Web App работает только на некоторых устройствах

У меня есть webapp, который контролирует некоторые функции на моей малине, но у меня есть проблемы с тем, что он распознается как таковой из всех моих Android-устройств. Сервер веб-сайта - это малина Pi 3 с Apache (все обновлено).

Все IP-адреса изменены с помощью простого 000.000.000.000 для соображений конфиденциальности / безопасности

Я легко могу добавить webapp в свой Samsung S7 через опцию «добавить домой» в Chrome, и он работает плавно, но на всех моих других устройствах для Android (и iOS) это не просто добавляется просто как ссылка на Главная.

Вот как это показано на моем рабочем экране S7: (он получает значок) внутри webapp

Это код manifest.json :

{
  "name": "Casa TAM Domotica",
  "short_name": "CasaControl",
  "theme_color": "#008eff",
  "background_color": "#085491",
  "display": "standalone",
  "orientation": "portrait",
  "start_url": "000.000.000.000",
  "icons": [
    {
      "src": "images/icons/icon-72x72.png",
      "sizes": "72x72",
      "type": "image/png"
    },
    {
      "src": "images/icons/icon-96x96.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "images/icons/icon-128x128.png",
      "sizes": "128x128",
      "type": "image/png"
    },
    {
      "src": "images/icons/icon-144x144.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "images/icons/icon-152x152.png",
      "sizes": "152x152",
      "type": "image/png"
    },
    {
      "src": "images/icons/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "images/icons/icon-384x384.png",
      "sizes": "384x384",
      "type": "image/png"
    },
    {
      "src": "images/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "splash_pages": null
}

Это код index.php :

<?php

$c=$_GET['c'];
$r=$_GET['r'];
$g=$_GET['g'];
$b=$_GET['b'];


/* after every raspberry pi reboot it must execute pigpiod*/
$execute = shell_exec("pigpiod");

if($c == 1)
{
        $execute = shell_exec("pigpiod");
        $execute = shell_exec("pigs w 12 0");
        sleep(1);
        $execute = shell_exec("pigs w 12 1");
    header('Location: 000.000.000.000');
}

if($r != "" AND $g != "" AND $b != "")
{
        $execute = shell_exec("pigpiod");
        $execute = shell_exec("pigs p 22 $r");
        $execute = shell_exec("pigs p 27 $g");
    $execute = shell_exec("pigs p 17 $b");
        header('Location: 000.000.000.000');
}


?>

<!DOCTYPE html>
<html lang="en">
<body bgcolor="#000000">
<head>
<body scroll="no" style="overflow: hidden">
<meta name="viewport">
<meta name="mobile-web-app-capable" content="yes">
<style>
.button {
    background-color: #e7e7e7;
    border: none;
    color: white;
    padding: 20px 50px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
    margin: 1px 1px;
    cursor: pointer;
    width: 100%;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
}

.button0 {
        background-color: #e7e7e7;
        border: none;
        color: white;
        padding: 50px;
        display: inline-block;
}


.buttonblu {background-color: #008CBA;}
.buttonrosso {background-color: #f44336;}
.buttonverde {background-color: #4CAF50;}
.buttonviola {background-color: #896D93;}
.buttonarancione {background-color: #FFA500;}
.buttongiallo {background-color: #FFFF00;}
.buttonrosa {background-color: #FEB5B5;}
.buttonbianco {background-color: #FFFFFF;}


</style>
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="manifest" href="manifest.json">
    <link rel="icon" href="ico.ico">
        <meta charset="utf-8" />
        <title>Apertura cancello TAM</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <script>
        function show(id) {
                if(document.getElementById) {
                        var mydiv = document.getElementById(id);
                        mydiv.style.display = (mydiv.style.display=='block'?'none':'block');
                }
        }
        </script>
        <style>
                body {
                        width:50%;
                        padding-top:5%;
                        margin:auto;
                }
        </style>
</head>
<body>
<p>
<center><a href="index.php?c=1"  class="button"><font size="100">Apertura Cancello</font></a></center>

<a href="index.php?r=0&g=140&b=186"  class="button0 buttonblu"></a>
<a href="index.php?r=244&g=67&b=54"  class="button0 buttonrosso"></a>
<a href="index.php?r=76&g=175&b=80"  class="button0 buttonverde"></a>
<a href="index.php?r=137&g=109&b=147"  class="button0 buttonviola"></a>
<a href="index.php?r=255&g=165&b=0"  class="button0 buttonarancione"></a>
<a href="index.php?r=255&g=255&b=0"  class="button0 buttongiallo"></a>
<a href="index.php?r=254&g=181&b=181"  class="button0 buttonrosa"></a>
<a href="index.php?r=155&g=155&b=155"  class="button0 buttonbianco"></a>
</p>
<IFRAME src="000.000.000.000/cam_pic_new.php" align="center" width="1080" height="810" scrolling="no" frameborder=0 marginheight="0px"</IFRAME>

Любое решение?

php,android,html,json,web-applications,

0
Яндекс.Метрика