App im Browser (solved) (HTML, CSS und Javascript)

[thread]21499[/thread]

App im Browser [solved]

Readers: 8

Articles: hide open all | hide show old branches

+9 replies
rosti

2023-10-30 15:14

User since
2011-03-19
3548 articles
BenutzerIn

Lange Winterabende werfen ihre langen Schatten voraus.... ich versuche mich mal mit einer kleinen App fürs Smartphone: http://rolfrost.de/mayapp.html

Erstaunlich wieviel Platz da noch ist auf dem kleinen Display. Trotzdem will ich den Browser weg haben, also das was vom Browser rundherum noch zu sehen ist. elem.requestFullScreen(); wirft leider eine Fehlermeldung, da muß es doch noch was Anderes geben. Idee?

MFG
http://blog.rolfrost.de/

The art of steam.
- +7 replies
- GwenDragon
  
  2023-10-30 16:19
  
  User since
  2005-01-17
  14816 articles
  Admin1
  
  Wine richtige 'Web App' für den Browser bauen (PWA) mit einem eigenen manifest ;-)
  Das hat dann kein UI mehr.
  
  https://developer.mozilla.org/en-US/docs/Web/Progr...
  https://developer.mozilla.org/en-US/docs/Web/Manif...
  die Drachin Gwen
  
  Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
  - rosti
    
    2023-10-30 16:44
    
    User since
    2011-03-19
    3548 articles
    BenutzerIn
    
    Apropos Manifest:
    
    Also mal ehrlich, manche Entwickler denken wahrscheinlich daß JSON ein Freibrief dafür ist die übelsten Strukturen zu schachteln. Mit dem Ergebnis daß der Parser rekursiv arbeiten muß um alle Einträge zu erwischen.
    
    Nee, das ist mir zu blöd. Ich bin raus.
    
    MFG
    
    PS:
    Wenn schon JSON, dann lineare Strukturen wie HASH oder ARRAY.
    http://blog.rolfrost.de/
    
    The art of steam.
  - +5 replies
  - rosti
    
    2023-11-02 08:31
    
    User since
    2011-03-19
    3548 articles
    BenutzerIn
    
    Worauf es bei der Entwicklung von Anwendungn fürs Smartphone wirklich ankommt steht da natürlich nicht. Wenn ich Lust habe schreibe ich dazu selber mal einen kleinen Artikel. MFG
    
    PS, auch das noch: http://rolfrost.de/moonapp.html
    Last edited: 2023-11-02 13:46:50 +0100 (CET)
    http://blog.rolfrost.de/
    
    The art of steam.
    - +2 replies
    - bianca
      
      2023-11-03 09:47
      
      User since
      2009-09-13
      7016 articles
      BenutzerIn
      
      2023-11-02T07:31:45 rosti
      Wenn ich Lust habe schreibe ich dazu selber mal einen kleinen Artikel.
      Ja den würde ich sehr interessiert lesen.
      10 print "Hallo"
      20 goto 10
      - rosti
        
        2023-11-03 09:50
        
        User since
        2011-03-19
        3548 articles
        BenutzerIn
        
        Danke Dir! Wer'd ich machen,die nächsten Tage ;)
        
        MFG
        http://blog.rolfrost.de/
        
        The art of steam.
    - +2 replies
    - GwenDragon
      
      2023-11-03 10:12
      
      User since
      2005-01-17
      14816 articles
      Admin1
      
      2023-11-02T07:31:45 rosti
      Worauf es bei der Entwicklung von Anwendungn fürs Smartphone wirklich ankommt (…)
      Meinst du Backend oder Frontend?
      Sind für mich nämlich unterschiedliche Betrachtungen.
      
      Quote
      Wenn ich Lust habe schreibe ich dazu selber mal einen kleinen Artikel.
      Ja, mach’ es bitte.
      ich lese gern als Webentwicklerin, was andere fachlich schreiben.
      Last edited: 2023-11-03 10:14:24 +0100 (CET)
      die Drachin Gwen
      
      Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
      - rosti
        
        2023-11-03 13:33
        
        User since
        2011-03-19
        3548 articles
        BenutzerIn
        
        Meine Apps haben kein Backend. Also auch keine Installations-Routinen, Makefiles usw. Es sind einfach nur Web-Apps die im Browser aufgerufen werden. Wobei ich es dem Nutzer überlasse ob er ein Icon auf seinem SmartPhone ablegt, letztere Funktion bietet der Browser.
        
        Bisdann ;)
        
        PS/Vorab: Mein Weg führt zu einer neuen Basisklasse die mir den ganzen Seitenaufbau abnimmt und mit einem Rutsch gleich 3 weitere Methoden der Legacy-Base-Class überschreibt. Infolge Mehrfachvererbung gestaltet sich damit eine App-Entwicklung wie jede andere Webanwendungsentwicklung für Desktop innerhalb meines Framework.
        
        Beachte die meta-Angaben bez. Viewport:
        
        Code (perl): (dl )
        
        1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
        
        <!DOCTYPE HTML> <html lang="de"> <head> <meta charset="UTf-8"> <meta name="apple-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.0">  <link href="%parent%" rel="index"> <meta name="description" content="%descr%"> <meta name="author" content="Rolf Rost"> %loop_css% <link rel="stylesheet" href="%href%" type="text/css">%endloop% %loop_js% <script src="%src%"></script>%endloop% <title> %title% </title> <style> %styles% </style> </head> <body> <script src="/logger.js"></script> <h1> %title% </h1>
        
        Last edited: 2023-11-03 15:28:55 +0100 (CET)
        http://blog.rolfrost.de/
        
        The art of steam.
- rosti
  
  2023-10-30 17:13
  
  User since
  2011-03-19
  3548 articles
  BenutzerIn
  
  Nun, auf meinem SmartPhone sehe ich keinen Browser um die App rundherum. Hat sich erledigt.
  
  MFG
  
  Tipp: App auf dem Smartphone aufrufen und über die Browsereinstellungen "Zum Startbildschirm hinzufügen". Wird die App dann über das Icon am Startbildschirm aufgerufen, ist der Browser transparent.
  Last edited: 2023-10-31 09:56:05 +0100 (CET)
  http://blog.rolfrost.de/
  
  The art of steam.

View all threads created 2023-10-30 15:14.