Hi
Zurzeit baue ich an meinem ebay store rum. Es gibt da ein ärgerliches Problem mit dem Viewport.
Auf praktisch allen Geräten gibt es keine Probleme, allerdings auf Android mobile Geräten, stimmt der Viewport auf dieser page hier nicht:
http://ift.tt/1Ht4tB4
Auf den Android Geräten wird immer viel zu weit in die Seite reingezoomt und auch rauszoomen lässt sich nicht. Das ist aber irgendwie nur auf den Androids so.
Ich habe gesehen, wenn man mit einem mobile device die seite öffnet, das oben im Browser steht "http://m.ebay.de"
auf dem PC z.B. steht der Link von oben.
Das ergibt auch Sinn, da nämlich auf dem mobilen Gerät eine spezielle mobile Version der Artikelbeschreibung geöffnet wird.
Auf der "nicht mobilen Version" erscheint die ebay seite und der iframe, der mein Verkaufstemplate enthält.
Auf der mobilen Version jedoch, wird ausschließlich der iframe dargestellt ohne diese Restinformationen, die man auf der "normalen" version sieht.
An sich ist das auch nix schlechtes, wenn nicht irgendwas den viewport völlig ruinieren würde.
Versucht habe ich schon über parent.document.createElement('script') und dergleichen, bestimmte Java Scripts und CSS Datein in das parent document zu inkludieren,
um Manipulationen am iframe vorzunehmen, das jedoch funktioniert nur in meiner test Umgebung, weil es ja gegen die Same Origin Policy verstößt.
Mein eigentliches Problem konnte ich jedoch auch damit nicht lösen.
Auf gut Deutsch, ich habe lediglich Zugriff auf das iframe. Ich habe schon x viewport Tags ausprobiert.. nix scheint die Seite in voller Breite erscheinen
zu lassen auf den Android Geräten. Die anderen Seiten innerhalb meines Shops werden ja korrekt dargestellt auf allen Geräten, nur diese mobile version des Verkauftemplates spielt den Spielverderber...
Zurzeit ist folgender viewport Tag im iframe: <meta name="viewport" content="width=979, initial-scale=0,5">
Bin seit Tagen am rumprobieren, macht auch Spaß, ich weiß nur echt nicht mehr weiter. Ideen, Anregungen, anyone? :)
Zurzeit baue ich an meinem ebay store rum. Es gibt da ein ärgerliches Problem mit dem Viewport.
Auf praktisch allen Geräten gibt es keine Probleme, allerdings auf Android mobile Geräten, stimmt der Viewport auf dieser page hier nicht:
http://ift.tt/1Ht4tB4
Auf den Android Geräten wird immer viel zu weit in die Seite reingezoomt und auch rauszoomen lässt sich nicht. Das ist aber irgendwie nur auf den Androids so.
Ich habe gesehen, wenn man mit einem mobile device die seite öffnet, das oben im Browser steht "http://m.ebay.de"
auf dem PC z.B. steht der Link von oben.
Das ergibt auch Sinn, da nämlich auf dem mobilen Gerät eine spezielle mobile Version der Artikelbeschreibung geöffnet wird.
Auf der "nicht mobilen Version" erscheint die ebay seite und der iframe, der mein Verkaufstemplate enthält.
Auf der mobilen Version jedoch, wird ausschließlich der iframe dargestellt ohne diese Restinformationen, die man auf der "normalen" version sieht.
An sich ist das auch nix schlechtes, wenn nicht irgendwas den viewport völlig ruinieren würde.
Versucht habe ich schon über parent.document.createElement('script') und dergleichen, bestimmte Java Scripts und CSS Datein in das parent document zu inkludieren,
um Manipulationen am iframe vorzunehmen, das jedoch funktioniert nur in meiner test Umgebung, weil es ja gegen die Same Origin Policy verstößt.
Mein eigentliches Problem konnte ich jedoch auch damit nicht lösen.
Auf gut Deutsch, ich habe lediglich Zugriff auf das iframe. Ich habe schon x viewport Tags ausprobiert.. nix scheint die Seite in voller Breite erscheinen
zu lassen auf den Android Geräten. Die anderen Seiten innerhalb meines Shops werden ja korrekt dargestellt auf allen Geräten, nur diese mobile version des Verkauftemplates spielt den Spielverderber...
Zurzeit ist folgender viewport Tag im iframe: <meta name="viewport" content="width=979, initial-scale=0,5">
Bin seit Tagen am rumprobieren, macht auch Spaß, ich weiß nur echt nicht mehr weiter. Ideen, Anregungen, anyone? :)
Viewport Problem auf Android Geräten (Ebayshop)
Aucun commentaire:
Enregistrer un commentaire