Browserbar und Navi beim Safari unterdrücken

mt.90 · 15.07.2010, 22:40

Hi,

ich habe hier eine Javascript Funktion, die sofort nach öffnen der HTML Datei auf eine Website verweist. Es öffnet sich wie geplant der Safari des iPhone, aber natürlich mit Browser- und Navibar. Wie kann ich das verhindern?

JS Skrip:

Code:

Code:
<script type="text/javascript">

<!--
setTimeout("self.location.href='http://www.testurl.de/'",0);
//-->
</script>

Ich habe es bisher mit diesem Code versuche, aber es funktioniert nicht:
Code:

Code:

<script type="application/x-javascript">

addEventListener ("load" , function ()
{
setTimeout (updateLayout, 0);
},false );
var currentWidth = 0;

function updateLayout()
{
if (window.innerWidth != currentWidth)
{
currentWidth = window.innerWidth ;

var orient = currentWidth == 320 ? "profile" : "landscape" ;
document.body.setAttribute ("orient" , orient);
setTimeout (function()
{
window.scrollTo(0,1);
}, 100 ) ;
}
}

setInterval (updateLayout, 400);



</script>

Wie gesagt es handelt sich um den iPhone Safari, weiß nicht ob das einen Unterschied macht. Es ist jetzt auch nicht die typische Frage für ein JS Forum, aber könnt ihr mir vielleicht trotzdem weiterhelfen?

nikosch · 15.07.2010, 22:46

Zitat:

Wie kann ich das verhindern?

Was willst Du verhindern?

ChrisB · 15.07.2010, 22:54

Zitat:

Zitat von mt.90

Es öffnet sich wie geplant der Safari des iPhone, aber natürlich mit Browser- und Navibar. Wie kann ich das verhindern?

Willst du das nur für deinen Eigengebrauch haben, oder für die Allgemeinheit, die deine Seite nutzen wird?

(Wenn da plötzlich wichtige Bedienelemente fehlen, und das noch dazu auf einem Telefon, wo die Möglichkeiten, als Nutzer in sowas einzugreifen, vermutlich eher noch beschränkter sein dürften, als auf dem Desktop, dann kann das vermutlich leicht zur Verärgerung führen.)

Zitat:

Es ist jetzt auch nicht die typische Frage für ein JS Forum, aber könnt ihr mir vielleicht trotzdem weiterhelfen?

Moderne Browser erlauben immer weniger Manipulationen am UI selbst per JavaScript, weil damit in der Vergangenheit viel zu viel Unfug getrieben wurde. (Bzw. sie erlauben dem Nutzer, solche oft missbrauchten Sachen gezielt zu deaktivieren.)

Ob du da mit window.open und den möglichen Parametern weiter kommst, müsstest du schauen; ich würd's aber bezweifeln.

Ansonsten schau in die Knowledgebase/Doku/Sonstwas zum Safari auf dem iPhone, sofern Apple oder sonstwer sowas anbietet.
Oder stell die Frage gleich in einem Forum, das sich schwerpunktmäßig der Entwicklung für dieses Gerät widmet.

mt.90 · 15.07.2010, 23:19

Zitat:

Zitat von nikosch

Was willst Du verhindern?

Ich weiß nicht ob du den Mobile Safari Browser kennst. Dort gibt es ähnlich wie bei einem anderen Browser oben eine Symbolleiste (Feld zur URL Eingabe, Google Schnellsuche etc). Das würde ich gerne "ausschalten".

Zitat:

Zitat von ChrisB

Willst du das nur für deinen Eigengebrauch haben, oder für die Allgemeinheit, die deine Seite nutzen wird?

(Wenn da plötzlich wichtige Bedienelemente fehlen, und das noch dazu auf einem Telefon, wo die Möglichkeiten, als Nutzer in sowas einzugreifen, vermutlich eher noch beschränkter sein dürften, als auf dem Desktop, dann kann das vermutlich leicht zur Verärgerung führen.)

Für die Allgemeinheit.
Es handelt sich um ein Web App, so dass die Browserbar etc. nicht benötigt wird. In den Apps sind die nötigen Buttons ala "Vor"/"Zurück" ja alle schon mit intergriert.

Nunja, ich versuch morgen mal eine andere Lösung. Gute Nacht zusammen.

ChrisB · 15.07.2010, 23:33

Zitat:

Zitat von mt.90

Es handelt sich um ein Web App, so dass die Browserbar etc. nicht benötigt wird.

Das ist deine Einzelmeinung, die muss die Masse der Benutzer aber nicht teilen.

Als Entwickler sollte man nicht immer versuchen, Kontrolle über Umgebungsbedingungen zu übernehmen, die nicht im eigenen Einflussbereich liegen, und vor allem auch nicht in diesen gehören. (Es arbeitet sich dann auch viel entspannter ...

)

Wenn der Nutzer die Bedienelemente ausblenden/Vollbildmodus nutzen will, weil er mehr Platz zur Nutzung einer Webseite/-app haben will, dann wird ihm Safari vermutlich auch die Möglichkeit geben, dies zu tun.
Also, alles gut.

nikosch · 15.07.2010, 23:36

Sehe ich genauso. Das hast Du nicht zu bestimmen, wie ich meinen Browser nutze.

mee · 27.02.2012, 14:38

Schade das es hier zu keiner konstruktiven Antwort gekommen ist, ich suche nämlich genau diese Funktion.

Ich möchte diese übriegens auch für eine Web-App nutzen.

Es ist wirklich cool wenn man eine App einfach anhand einer schon vorhanden Webseite erstellen kann ohne das man die unnötige Navi-Bar hat.
Brauch ja kein Mensch wenn es sich um eine Web-App handelt.

Zum Surfen hat man ja seinen Browser und nicht eine Web-App.

Wenn nun doch noch jemand einen Weg gefunden hat dies zu erreichen, würde ich mich sehr über eine Antwort freuen.

fab · 27.02.2012, 14:46

http://www.luscarpa.com/development/...b-application/

php1704 · 03.03.2012, 14:53

Automatisch geht das nicht. Der User muss so eine Webapp immer selbst "Zum Home-Bildschirm" geben.

Du kannst nur, wie in dem Link von fab erklärt wird, abfragen ob die Seite im Safari oder vom Homescreen aufgerufen wurde und dann eine entsprechende Meldung ausgeben.

Grüße.

nikosch · 03.03.2012, 15:27

M.E. versteht Ihr (Fragenden) das Prinzip nicht. Vorab: ich besitze kein Smartphone, falls also was falsch ist, berichtigt mich bitte.

Nach meinem Verständnis ist eine Web-App ein reduziertes Interbnetangebot, das sich an den Gegebenheiten eines Endgerätes ausrichtet. Die Darstellung wird - wie in Browsern auch - vom Gerät bestimmt. Darunter fallen:
- (Standard)Aussehen der Buttons und Elemente
- Anzeige von Navigationsbuttons (Pfeile am Rand, semitransparente Überblendungen o.ä.)
- Tastatur (z.B. Bildschirmtastatur)

Das sind - wie eben auch Browser-Navigation, -Menü, Bookmarkleiste etc. - Dinge, die Du als App-Entwickler nicht beeinflussen darfst oder kannst. Ein Smartphone, das eben keine (physischen) Browse-Tasten hat oder alternative Navigationsprinzipien wie Wischtechnik, muss Browser-Buttons anzeigen. Es kann sich nicht darauf verlassen, dass die App das tut. Als App-Entwickler stellst Du ja auch keine Bildschirmtastatur bereit, weil das Endgerät vielleicht keine physische Tastatur besitzt (Wohlgemerkt: Ich rede immer von Web-Apps!)

Im Verantwortungsbereich des Entwicklers liegt dagegen: Die Reduzierung des Interfaces und der Bedienungsprinzipien. Das umfasst bspw. eine Darstellung, die auf kleinen Bildschirmgrößen oder Auflösungen funktioniert, reduzierte Inhalte, andere Seitenprinzipien (statt endloser Scrollseiten eine Tiefenstruktur mit Links z.B.), Funktion sicherstellen (kein Hover auf Touchdisplays…)

Zum Schluss ein einfaches Beispiel: Unter Chrome gibt es die Möglichkeit, eine Website als „Anwendungsverknüpfung“ zu erstellen. Das ist ein Desktop„programm“, das die Website in einer reduzierten Darstellungsform anbietet. Sozusagen als Web-App. #9 entnehme ich, dass es anderweitig nicht anders ist. Die App trägt hier gar nichts dazu bei, dass die Menüs und Buttons verschwinden, sie ist im Kontext des Aufrufs von der Website zur Web-App geworden.

Irgendwas mit JS zu frickeln, simuliert Dir vielleicht so ein Verhalten, trotzdem bleibt Deine Website eine Website.

tl;dr

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Pfad auslesen von type=file in Safari	Angins	PHP Tipps 2010	12	01.07.2010 18:47
XMLHttpRequest funktionieren in Safari und Chrome nicht	mattla93	JavaScript, Ajax und mehr	8	16.04.2010 22:13
[Erledigt] Zeilenumbrauch unterdrücken	dorky	HTML, Usability und Barrierefreiheit	1	07.08.2009 15:29
system() flush und Safari	webbi	PHP-Fortgeschrittene	6	07.07.2008 21:30
Aktives Element in Navi hervorheben?!	lindner	PHP Tipps 2008	12	15.04.2008 01:57
JavaScript: Safari Browser: Problems	SvenLittkowski	HTML, Usability und Barrierefreiheit	11	14.09.2007 13:13
URL unterdrücken		PHP Tipps 2004	12	27.10.2004 01:12

15.07.2010, 22:40
mt.90 Neuer Benutzer Registriert seit: 30.06.2010 Beiträge: 9 PHP-Kenntnisse: Anfänger	Browserbar und Navi beim Safari unterdrücken Hi, ich habe hier eine Javascript Funktion, die sofort nach öffnen der HTML Datei auf eine Website verweist. Es öffnet sich wie geplant der Safari des iPhone, aber natürlich mit Browser- und Navibar. Wie kann ich das verhindern? JS Skrip: Code: Code: <script type="text/javascript"> <!-- setTimeout("self.location.href='http://www.testurl.de/'",0); //--> </script> Ich habe es bisher mit diesem Code versuche, aber es funktioniert nicht: Code: Code: <script type="application/x-javascript"> addEventListener ("load" , function () { setTimeout (updateLayout, 0); },false ); var currentWidth = 0; function updateLayout() { if (window.innerWidth != currentWidth) { currentWidth = window.innerWidth ; var orient = currentWidth == 320 ? "profile" : "landscape" ; document.body.setAttribute ("orient" , orient); setTimeout (function() { window.scrollTo(0,1); }, 100 ) ; } } setInterval (updateLayout, 400); </script> Wie gesagt es handelt sich um den iPhone Safari, weiß nicht ob das einen Unterschied macht. Es ist jetzt auch nicht die typische Frage für ein JS Forum, aber könnt ihr mir vielleicht trotzdem weiterhelfen?


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

15.07.2010, 23:36
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Sehe ich genauso. Das hast Du nicht zu bestimmen, wie ich meinen Browser nutze. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

27.02.2012, 14:38
mee Neuer Benutzer Registriert seit: 27.02.2012 Beiträge: 1 PHP-Kenntnisse: Anfänger	schade Schade das es hier zu keiner konstruktiven Antwort gekommen ist, ich suche nämlich genau diese Funktion. Ich möchte diese übriegens auch für eine Web-App nutzen. Es ist wirklich cool wenn man eine App einfach anhand einer schon vorhanden Webseite erstellen kann ohne das man die unnötige Navi-Bar hat. Brauch ja kein Mensch wenn es sich um eine Web-App handelt. Zum Surfen hat man ja seinen Browser und nicht eine Web-App. Wenn nun doch noch jemand einen Weg gefunden hat dies zu erreichen, würde ich mich sehr über eine Antwort freuen.

27.02.2012, 14:46
fab Erfahrener Benutzer Registriert seit: 28.07.2010 Beiträge: 2.308 PHP-Kenntnisse: Fortgeschritten	http://www.luscarpa.com/development/...b-application/ __________________ PHP Blog + Library CSS Effects + Tools

03.03.2012, 14:53
php1704 Erfahrener Benutzer Registriert seit: 13.05.2011 Beiträge: 188 PHP-Kenntnisse: Fortgeschritten	Automatisch geht das nicht. Der User muss so eine Webapp immer selbst "Zum Home-Bildschirm" geben. Du kannst nur, wie in dem Link von fab erklärt wird, abfragen ob die Seite im Safari oder vom Homescreen aufgerufen wurde und dann eine entsprechende Meldung ausgeben. Grüße.

03.03.2012, 15:27
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	M.E. versteht Ihr (Fragenden) das Prinzip nicht. Vorab: ich besitze kein Smartphone, falls also was falsch ist, berichtigt mich bitte. Nach meinem Verständnis ist eine Web-App ein reduziertes Interbnetangebot, das sich an den Gegebenheiten eines Endgerätes ausrichtet. Die Darstellung wird - wie in Browsern auch - vom Gerät bestimmt. Darunter fallen: - (Standard)Aussehen der Buttons und Elemente - Anzeige von Navigationsbuttons (Pfeile am Rand, semitransparente Überblendungen o.ä.) - Tastatur (z.B. Bildschirmtastatur) Das sind - wie eben auch Browser-Navigation, -Menü, Bookmarkleiste etc. - Dinge, die Du als App-Entwickler nicht beeinflussen darfst oder kannst. Ein Smartphone, das eben keine (physischen) Browse-Tasten hat oder alternative Navigationsprinzipien wie Wischtechnik, muss Browser-Buttons anzeigen. Es kann sich nicht darauf verlassen, dass die App das tut. Als App-Entwickler stellst Du ja auch keine Bildschirmtastatur bereit, weil das Endgerät vielleicht keine physische Tastatur besitzt (Wohlgemerkt: Ich rede immer von Web-Apps!) Im Verantwortungsbereich des Entwicklers liegt dagegen: Die Reduzierung des Interfaces und der Bedienungsprinzipien. Das umfasst bspw. eine Darstellung, die auf kleinen Bildschirmgrößen oder Auflösungen funktioniert, reduzierte Inhalte, andere Seitenprinzipien (statt endloser Scrollseiten eine Tiefenstruktur mit Links z.B.), Funktion sicherstellen (kein Hover auf Touchdisplays…) Zum Schluss ein einfaches Beispiel: Unter Chrome gibt es die Möglichkeit, eine Website als „Anwendungsverknüpfung“ zu erstellen. Das ist ein Desktop„programm“, das die Website in einer reduzierten Darstellungsform anbietet. Sozusagen als Web-App. #9 entnehme ich, dass es anderweitig nicht anders ist. Die App trägt hier gar nichts dazu bei, dass die Menüs und Buttons verschwinden, sie ist im Kontext des Aufrufs von der Website zur Web-App geworden. Irgendwas mit JS zu frickeln, simuliert Dir vielleicht so ein Verhalten, trotzdem bleibt Deine Website eine Website. tl;dr __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --