Aanpassing voor webapp IOS en Android

1
Ok ik heb even snel wat rond gepriegeld. Stap 1 is denk de headers die altijd voorkomen naar los bestand trekken.
Ik heb onder www/util/ een bestand aangemaakt: default_html_headers.php en daarin gezet:

Code: Selecteer alles

<?php
function default_html_headers()
{
    echo <<< EOT
<meta name="robots" content="noindex">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
<link type="text/css" rel="stylesheet" href="./css/p1mon.css"/>
<link type="text/css" rel="stylesheet" href="./font/roboto/roboto.css"/>
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>

<script defer src="./font/awsome/js/all.js"></script>
<script src="./js/jquery.min.js"></script>
<script src="./js/highstock-link/highstock.js"></script>
<script src="./js/highstock-link/highcharts-more.js"></script>
<script src="./js/hc-global-options.js"></script>
<script src="./js/p1mon-util.js"></script>
EOT;
}

Daarna onder bv main-1.php onder:
include_once '/p1mon/www/util/fullscreen.php';
een stukje verander tot aan <script>

Code: Selecteer alles

include_once '/p1mon/www/util/fullscreen.php';
include_once '/p1mon/www/util/default_html_headers.php';
?>
<!doctype html>
<html lang="nl">

<head>
    <meta name="robots" content="noindex">
    <title>P1monitor Home</title>
    <?php default_html_headers(); ?>
    <script src="./js/moment-link/moment-with-locales.min.js"></script>

    <script>
Daarna kunnen alle html page headers vanuit 1 functie aangepast worden.

De default die werkt op android en ipad voor full screen webapp staat er al in.

Hopelijk komt dit door. Zo niet, laat even weten hoe ik het wel naar je kan sturen.

Re: Aanpassing voor webapp IOS en Android

2
Kan hier aub nog naar gekekeken worden, laatste upgrade zag ik dat het niet was aangepast en ik weer de url in het scherm had. Heb nu weer de code moeten aanpassen.

Als je het niet wilt doen, ook prima, maar meldt dit aub even. Als je het niet van plan bent, misschien ene idee om de www dir in een git te zetten? Dan kan ik het forken en zo je nieuwe aanpassingen mee nemen, zonder dat ik steeds opnieuw de zelfde bestanden moet editen. Ook kan je heel makkelijk de wijzigingen die ik of iemand anders maken, na een review mee nemen...

Re: Aanpassing voor webapp IOS en Android

3
@secbro
Nu ik zie dat je een betaalde p1 iOS app snap ik dat je niet gereageerd. Let wel op dat nu ik die bekeken hebt dit geen bedreiging vormt voor je app. De aanpassing is bedoelt voor tablet's zoals android die je als thuis scherm gebruikt. Ik heb hier een lenovo voor in een houder. Hierdoor kan ik niks met die iOS app.
Als je niet wilt dat het kan werken op iOS haal dan de regel:

Code: Selecteer alles

<meta name="apple-mobile-web-app-capable" content="yes"/>
weg en dan werkt het alleen op android, waar je toch geen app voor wilt maken ;-)