Ankündigung

Einklappen
Keine Ankündigung bisher.

Webseite als App in Smarthone einbinden, bei Linkklick öffnet sich der Browser

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Webseite als App in Smarthone einbinden, bei Linkklick öffnet sich der Browser

    Hallo,

    ich habe eine Webseite für mein Smarthome erstellt die ich per Tablet und Smartphone bedienen möchte. Wie eine native app.
    Ich rufe sie also im Browser vom Smartphone auf und tu den Link auf den Home-Bildschrim, also als "App".

    Wenn ich die app dann aufrufe ist sie im Vollbild, also keine Browserleiste.
    Gehe ich dann auf einen Link (a href="blabla") dann öffnet sich der Browser Safari... Also im normalen Modus.

    Dann dachte ich ich versuche die Links mit Javascript document.location zu landen. Klappt auch, aber leider nur beim ersten Mal. Wenn ich dann wieder auf das Menü klicke (egal wohin) ruft er wieder einen neuen Browser im normalen Modus auf.

    Kann ich das irgendwie unterbinden?

    Hier der Head:

    PHP-Code:
    <head>    
        <
    meta charset="ISO-8859-1">
        <
    meta rel="<TMPL_VAR main_path>manifest.json">    
        <
    meta name="apple-mobile-web-app-capable" content="yes" />
        <
    meta name="mobile-web-app-capable" content="yes">
        <
    meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <
    meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
        <
    meta name="robots" content="noindex, nofollow" />    
        <
    title><TMPL_VAR title><TMPL_VAR site_title></title>
        <
    link rel="apple-touch-icon" href="<TMPL_VAR main_path>img/iconname3.png" />
        <
    link rel="apple-touch-startup-image" href="<TMPL_VAR main_path>img/startup.png" />
        <!--<
    link href="<TMPL_VAR main_path>img/favicon.ico" rel="shortcut icon" type="image/x-icon" />   -->
        <
    link rel="stylesheet" href="<TMPL_VAR main_path>css/style.css" type="text/css" media="screen" />    
        <
    link rel="stylesheet" href="<TMPL_VAR main_path>css/bootstrap.css" type="text/css" media="screen" />    
        <
    link rel="stylesheet" href="<TMPL_VAR main_path>css/bootstrap-switch.css" type="text/css" media="screen" />
        <
    link rel="stylesheet" href="<TMPL_VAR main_path>css/bootstrap-slider.min.css" type="text/css" media="screen" />
        <
    link rel="stylesheet" href="<TMPL_VAR main_path>css/custom.css" type="text/css" media="screen" />
      </
    head
    Menü:
    PHP-Code:
    <div id="sidebar">          
          <
    ul style="display: block;">
            <
    li class="<TMPL_IF dashboard>now</TMPL_IF>"><a href="#" data-call-url="<TMPL_VAR main_path>"><class="icon-display"></i><span>Dashboard</span></a></li>
            <
    li class="submenu <TMPL_IF smarthome>now</TMPL_IF>"><a href="#"><class="icon-home"></i><span>Smarthome</span></a>
              <
    ul>
                <
    li><a href="#" data-call-url="smarthome/jalosie"><class="icon-stack"></i><span>Jalosie</span></a></li>
                <
    li><a href="#" data-call-url="smarthome/steackdosen"><class="icon-power-cord"></i><span>Steckdosen</span></a></li>
                <
    li><a href="#" data-call-url="smarthome/musik"><class="icon-music"></i><span>Musik</span></a></li>
                <
    li><a href="#" data-call-url="smarthome/licht"><class="icon-idea"></i><span>Licht</span></a></li>
                <
    li><a href="#" data-call-url="smarthome/klima"><class="icon-spinner9"></i><span>Klima</span></a></li>
                <
    li><a href="#" data-call-url="smarthome/statistiken"><class="icon-stats-bars"></i><span>Statistiken</span></a></li>
                <
    li><a href="#" data-call-url="smarthome/wecker"><class="icon-alarm"></i><span>Wecker</span></a></li>
                <
    li><a href="#" data-call-url="smarthome/einstellungen"><class="icon-equalizer2"></i><span>Einstellungen</span></a></li>
                <
    li><a href="#" data-call-url="<TMPL_VAR main_path>smarthome/alexa"><class="icon-alexa"></i><span>Alexa</span></a></li>
                <
    li><a href="#" data-call-url="smarthome/fhem"><class="icon-fhem"></i><span>FHEM</span></a></li>
                <
    li><a href="#" data-call-url="smarthome/rasp"><class="icon-rasp"></i><span>Raspberry Pi</span></a></li>    
              </
    ul>
            </
    li>          
            <
    li class="<TMPL_IF kalender>now</TMPL_IF>"><a href="#" data-call-url="<TMPL_VAR main_path>kalender"><class="icon-calendar"></i><span>Kalender</span></a></li>
            <
    li class="<TMPL_IF kontakte>now</TMPL_IF>"><a href="#" data-call-url="kontakte"><class="icon-users"></i><span>Kontakte</span></a></li>
            <
    li class="<TMPL_IF webdesign>now</TMPL_IF>"><a href="#" data-call-url="webdesign"><class="icon-office"></i><span>Webdesign</span></a></li>
            <
    li class="<TMPL_IF kontobuchfuehrung>now</TMPL_IF>"><a href="#" data-call-url="kontobuchfuehrung"><class="icon-euro"></i><span>Kontobuchführung</span></a></li>
          </
    ul>            
        </
    div
    Javascript jquery:
    PHP-Code:
    $('body').on('click''#sidebar a', function() {
        var 
    callurl = $(this).attr('data-call-url');
        if (
    typeof callurl !== typeof undefined) {
          
    alert(callurl);
          
    document.location callurl;
        }
      }); 
    Hat wer eine Idee?
    Wie macht ihr das?

    PS: <TMPL_IF ></TMPL_IF> etc. sind Perl bedingte Plathalter fürs Template.

    Danke.

    Gruß

    Edit: Beim Linkaufruf über document.location hat er wohl in den href="#" die Aufgerufene Adresse in document.location geschrieben. Und dann hat er natürlich wieder einen Browser im normalen Modus geöffnet. Habe jetzt die Links (a), die ja euch durch javascript gesteuert werden durch divs ersetzt, nun gehts.

    Gruß
    Zuletzt geändert von Testie; 21.04.2018, 16:22.

Die neuesten Themen

Einklappen

  • arnego2
    Antwort auf Wer kann mir diese Homepage bauen?
    Je nach Version Ja, Standort Vorteil.
    Sollte er allerdings die Shopping cart Variante haben wollen wird es teurer....
    Gestern, 20:48
  • Testie
    Antwort auf Wer kann mir diese Homepage bauen?
    180€ für eine Webseite mit 18 Unterseiten so wie es der Kunde wünscht? really?
    Gestern, 19:51
  • arnego2
    Antwort auf Wer kann mir diese Homepage bauen?
    Du kannst völlig umsonst eine Webseite bauen oder zusammenstellen es gibt hunderte von Angeboten zum selber machen die sogar das Domain oder ein Subdomain mit einschließen. Nur sollte man sein Geschäft (wenn es den eins werden wird) nicht auf billig aufbauen. Nach etwas aussehen muss eine Webseite...
    Gestern, 14:41
  • Ramsauer27
    Antwort auf Wer kann mir diese Homepage bauen?
    1. Die Videos sind meine eigene, wurden von mir erstellt. Server muss ich mir erst anschauen.
    2. Ja damit meine ich das er Zugriff zu den Kontent bekommt für den er bezahlt hat. Direkt nach der Bezahlung.
    3. Das eine was auf der Seite auffindbar ist der Free Kontent. Nachdem Sie bezahlt...
    Gestern, 10:04
  • Andre1
    Antwort auf Wetter App funktioniert nicht mehr
    Nein das ist die Standard MSN App. Also die, welche vom Anfang an drauf war, ist.

    Liebe Grüße
    Andre
    18.01.2019, 23:33

Kostenlose Homepage bei Jimdo!

Einklappen

Jimdo

Die neuesten Beiträge

Einklappen

  • Ramsauer27
    Wer kann mir diese Homepage bauen?
    Hallo Leute!

    Ich brauche eure Hilfe. Ich brauche jemanden der mir eine Homepage bauen kann die folgendes macht, da ich mich selbst damit einfach 0 auskenne.
    Ich erstelle ein Video Trainings Kurs den Ich über E-Commerce verkaufe.

    Dazu brauche Ich:
    1. Plattform...
    18.01.2019, 20:14
  • arnego2
    Antwort auf Wer kann mir diese Homepage bauen?
    Je nach Version Ja, Standort Vorteil.
    Sollte er allerdings die Shopping cart Variante haben wollen wird es teurer....
    Gestern, 20:48
  • Testie
    Antwort auf Wer kann mir diese Homepage bauen?
    180€ für eine Webseite mit 18 Unterseiten so wie es der Kunde wünscht? really?
    Gestern, 19:51
  • arnego2
    Antwort auf Wer kann mir diese Homepage bauen?
    Du kannst völlig umsonst eine Webseite bauen oder zusammenstellen es gibt hunderte von Angeboten zum selber machen die sogar das Domain oder ein Subdomain mit einschließen. Nur sollte man sein Geschäft (wenn es den eins werden wird) nicht auf billig aufbauen. Nach etwas aussehen muss eine Webseite...
    Gestern, 14:41
  • Ramsauer27
    Antwort auf Wer kann mir diese Homepage bauen?
    1. Die Videos sind meine eigene, wurden von mir erstellt. Server muss ich mir erst anschauen.
    2. Ja damit meine ich das er Zugriff zu den Kontent bekommt für den er bezahlt hat. Direkt nach der Bezahlung.
    3. Das eine was auf der Seite auffindbar ist der Free Kontent. Nachdem Sie bezahlt...
    Gestern, 10:04
  • Andre1
    Wetter App funktioniert nicht mehr
    Hallo an alle,

    ich habe seit ca. 3 tagen meinen Laptop erneuern müssen. Nachdem er dann die neuen Updates gemachte hatte (Windows 10, Version 1809) ging meine Wetter App nicht mehr richtig. Die zeigt zwar im "Vollfenster" die richtige Stadt an aber im Startmenü nur Berlin, egal...
    10.01.2019, 21:08
  • Andre1
    Antwort auf Wetter App funktioniert nicht mehr
    Nein das ist die Standard MSN App. Also die, welche vom Anfang an drauf war, ist.

    Liebe Grüße
    Andre
    18.01.2019, 23:33
  • arnego2
    Antwort auf Wetter App funktioniert nicht mehr
    Nun das es sich um die Wetter app dreht ist klar, gibt es nur eine davon oder 25 000? Ist die App auf Deutsch dann gibt es vielleicht nur 15.
    Windows 64 war im Anfangsbetrag nicht zu erkennen. Die Windows 10, Version 1809 gibt es in 32 und 64 bit....
    18.01.2019, 22:07
  • swissc
    Neue Mobile Upload Seite
    Hallo zusammen, würde gerne eine Website auf einem PC bei mir zuhause so Bereitstellen das auf diesem eine Webseite hauptsächlich über Handy also Mobile zu besuchen ist und mit der och fotos uploaden kan und diese so sortieren sowie archivieren wie im backand eingetragen. Zbsp. Gebe ich über das...
    18.01.2019, 02:55
  • arnego2
    Antwort auf Neue Mobile Upload Seite
    Kannst du das auch geordnet Punkt für Punkt darstellen?
    Wer soll abloaden können? Und von wo, von dir Zuhaus oder von überall?...
    18.01.2019, 21:56

homepage-forum.de - Hilfe für Webmaster! Statistiken

Einklappen

Themen: 56.317   Beiträge: 427.802   Mitglieder: 27.630   Aktive Mitglieder: 66
Willkommen an unser neuestes Mitglied, Carter.

Online-Benutzer

Einklappen

500 Benutzer sind jetzt online. Registrierte Benutzer: 3, Gäste: 497.

Mit 1.625 Benutzern waren am 17.03.2018 um 19:52 die meisten Benutzer gleichzeitig online.

Lädt...
X