Contao-Camp 2024
Ergebnis 1 bis 25 von 25

Thema: Wie testet ihr Mobile Websites?

  1. #1
    Mike1410
    Gast

    Frage Wie testet ihr Mobile Websites?

    Hallo,

    ich habe mal eine Frage:
    Wie testet ihr eure Webseitenm das diese auf Android Smartphones bzw. iPhones korrekt dargestellt werden?
    Gibt es da irgendwelche Emulatoren für den Android-Browser bzw. iPhone-Browser?

    Das würde mich mal interessieren?

  2. #2
    Community-Moderator Avatar von schman
    Registriert seit
    20.06.2009.
    Ort
    Dornbirn
    Beiträge
    3.739
    User beschenken
    Wunschliste

    Standard

    Also ich schau mir die Seiten dann erstmals mit dem Responsinator an, allerdings ist das nicht wirklich ein Test.
    Schlussendlich kommst du wahrscheinlich drum rum die Seite wirklich mit einem Gerät (iPhone/Android) zu begutachten.
    Kein Privat Support via PM.

  3. #3
    Contao-Urgestein
    Registriert seit
    29.10.2009.
    Ort
    Magdeburg
    Beiträge
    2.020
    Partner-ID
    626
    User beschenken
    Wunschliste

    Standard

    Auch wenn es nicht der Standardbrowser auf den Iphones/Androids ist, nutze ich für einen allgemeinen mobilen Test den Opera Mobile Emulator: http://de.opera.com/developer/tools/mobile/

  4. #4
    Contao-Fan Avatar von dackelchen
    Registriert seit
    24.05.2011.
    Ort
    Kiel
    Beiträge
    672
    User beschenken
    Wunschliste

    Standard

    Im Laufe der Zeit hat sich ein kleines "Testnetzwerk" entwickelt. Das Layoutr wird also von mehreren Leuten mit veschiedenen Ausgabemedien getestet. da ist dasnn auch jeweils ein kurzes Feedback dabei. Flüchtigkeitsfehler werden dabei in der Regel auch gleich ausgemerzt.
    Grüße Edgar
    Dackelalarm

  5. #5
    Contao-Fan Avatar von JanoschSkuplik
    Registriert seit
    13.08.2009.
    Ort
    Raesfeld
    Beiträge
    536
    Partner-ID
    6909
    User beschenken
    Wunschliste

    Standard

    Neben den Tests auf dem echten Gerät nutze ich zum Testen von Responsive Designs:

    Für Tests von weiteren Möglichkeiten, die auch serverseitig berücksichtigt werden müssen:

    Ansonsten auf jedem Fall die echten Geräte, damit auch Gesten getestet werden können.

  6. #6
    Mike1410
    Gast

    Lachendes Gesicht

    Vielen Dank, für die vielen Antowrten. Jetzt werde ich mal testen.

  7. #7
    Contao-Nutzer
    Registriert seit
    04.04.2012.
    Beiträge
    143

    Standard

    sofern man das web developer addon nutzt, gibts da mittlerweile auch die Funktion "View Responsive Layouts", was für einen schnellen Test auch durchaus passabel ist.

  8. #8
    Contao-Fan
    Registriert seit
    22.12.2012.
    Beiträge
    325

    Standard

    ist kostenlos:

    http://spoon.net/browsers

    wenn Screenshots reichen gäbe es auch noch folgendes (sieht für mobil jedoch ehe mau aus):
    http://browsershots.org/
    Geändert von Slind (14.01.2013 um 16:25 Uhr)

  9. #9
    Contao-Fan Avatar von mike_mcfly
    Registriert seit
    29.11.2009.
    Ort
    Waiblingen
    Beiträge
    462
    .................................................. ...............................
    Warum der Marine beitreten, wenn man Pirat sein kann?
    - Steve Jobs

  10. #10
    Contao-Nutzer Avatar von daviot
    Registriert seit
    08.01.2013.
    Beiträge
    4

    Standard

    Alles gute Tools.

    Ich verwende auch den Emulator von Opera
    http://www.opera.com/developer/tools/mobile/

    Wenn ich Seiten fürs iPhone optimieren muss, teste ich es zuerst im Safari auf meinem PC, verhält sich sehr ähnlich. Aber einen abschließenden Test am echten Gerät kann man durch nichts ersetzen.

  11. #11
    Contao-Fan
    Registriert seit
    22.12.2012.
    Beiträge
    325

    Standard

    man kann natürlich sofern möglich auch versuchen alles so einfach wie möglich zu halten, dann kann einem maximal noch eine nicht vorhandene schriftart probleme machen.

  12. #12
    Contao-Urgestein Avatar von cliffparnitzky
    Registriert seit
    08.10.2010.
    Ort
    Lüneburg
    Beiträge
    2.446
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von Slind Beitrag anzeigen
    Das ist ja wohl so geil ...

    Danke für den Link.

    Gruß, Cliff

  13. #13
    Contao-Fan Avatar von joe
    Registriert seit
    20.06.2009.
    Ort
    Lüneburg
    Beiträge
    687
    User beschenken
    Wunschliste

    Standard

    - Adobe Edge Inspect mit ipad oder android handy (Hoffentlich bald mit mehr Geräten ). https://chrome.google.com/webstore/d...&utm_medium=et
    - Android SDK http://developer.android.com/sdk/index.html
    - Chrome console, hier kann viele Einstellungen treffen u.a. touch events emulieren. Außerdem kann man das device usw. verändern.
    Trainings und Coachings zur Fort und Weiterbildung sowie Beratung in den Bereichen Contao, JavaScript, jQuery, VueJS, React, PHP, NodeJS und vielen weiteren Themen.

    Mehr unter jgreg.dev

    Follow me on Twitter @JoeRayGregory

  14. #14
    Contao-Fan
    Registriert seit
    22.12.2012.
    Beiträge
    325

    Standard

    Zitat Zitat von cliffen Beitrag anzeigen
    Das ist ja wohl so geil ...

    Danke für den Link.

    Gruß, Cliff
    freut mich das es dir taugt, IE muss nur leider für jeden Acc einzeln heruntergeladen werden, wird aber auch auf der cloud gehostet und der freespace reicht so weit ich weiß dafür aus.

  15. #15
    Contao-Nutzer Avatar von mekroth
    Registriert seit
    12.04.2010.
    Ort
    Bexbach / Saarland
    Beiträge
    15

    Standard

    Ich teste mit Ripple für Chrome:

    Ripple


    Gruß,

    Mario

  16. #16
    Administrator Avatar von Nina
    Registriert seit
    04.06.2009.
    Ort
    Hamburg
    Beiträge
    4.755
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Links aus dem sehr empfehlenswerten Buch "Responsive Webdesign" (http://responsive-webdesign-buch.de/) von Christoph Zillgens:

    Responsive testen:
    http://responsivepx.com

    Mehr zum Thema Mobile-Testing:
    http://bradfrostweb.com/blog/mobile/...king-the-bank/

    iOS SDK für iPhone und iPad
    https://developer.apple.com/devcenter/ios/

    Android SDK und Anleitung zur Einrichtung verschiedener Geräte
    http://developer.android.com/sdk/
    http://sangatpedas.com/android-devic...ndroid-device/

    Opera Mini Simulator (nutzt Proxyserver; auch für iPone verfügbar)
    http://www.opera.com/developer/tools/mini/

    Opera Mini (vollwertiger mobiler Browser) Emulator
    http://de.opera.com/developer/tools/mobile/

    Firefox Mobile (Fennec) für Desktop
    http://www.mozilla.org/de/mobile/

    Weitere Liste von Emulatoren
    http://www.mobilexweb.com/emulators

  17. #17
    Contao-Nutzer Avatar von gorti
    Registriert seit
    06.05.2010.
    Ort
    Basel (CH)
    Beiträge
    41

    Standard Firefox > Extras > Web-Entwickler > Bildschirmgrösse testen

    Vorteil dabei ist, dass man Firebug dort weiter nutzen kann. Aber um wirklich alles zu testen (ev. Gestures und allg. Touchscreen) braucht es halt die "wahren" Geräte. Aber wer hat das schon...
    Ansonsten auch responsinator oder http://mattkersley.com/responsive/

    Grüsse

  18. #18
    Alter Contao-Hase
    Registriert seit
    02.10.2010.
    Ort
    58636 Iserlohn
    Beiträge
    1.084

    Standard

    Den finde ich ganz gut, aber bei mir wurde der Hintergrund nicht angezeigt.
    Also nicht 100%ig drauf verlassen - wie bei anderen wohl auch.

    http://www.springbox.com/mobilizer/
    Meine Extensions: contentmodify, dca_editor

  19. #19
    Contao-Nutzer Avatar von Maschmo
    Registriert seit
    16.05.2011.
    Ort
    Linz (Österreich)
    Beiträge
    15

    Standard Sauce

    Ich verwende Sauce

    Funktioniert auch unter Mac OS X funktioniert.

  20. #20
    Contao-Fan Avatar von dackelchen
    Registriert seit
    24.05.2011.
    Ort
    Kiel
    Beiträge
    672
    User beschenken
    Wunschliste

    Standard

    Ich arbeite nicht für Google .

    Ich habe den Text dazu jetzt einmal gelesen. Da steht nichts, was einen vernünftig gemachte Webseite nicht ohnehin schon haben sollte.

    Der entscheidende Wettbewerbsfaktor ist der Inhalt, nix anderes. Vorausgesetzt einen Seite funktioniert mobil, dann macht das den Unterschied.

    Diese ganzen "Google-Algorithmus (ca. 250) werden meiner Meinung erst dann relevant, wenn 10 Seiten das selbe sagen und der Inhalt kein Unterscheidungkriterium mehr ist. Ein Beispiel dazu wären Zeitungsblogs, die mit DPA-Meldungen gefüllt werden.

    Im Webdesign arbeitet man bei der Gestaltung mobiler Webseiten bereits nach dem Grundsatz „mobile first“. Das heißt, eine neue Website wird an die mobilen Endgeräte abgestimmt und angepasst. Erst danach wird sie für die großen Laptop- und PC-Bildschirme weiterentwickelt.
    Da frage ich mich immer: "Was soll das?" Hier geht es nur um die Reihenfolge. Wenn entweder "mobile" oder "Dektop" nicht optimal sind,. dann habe ich oder eben der betreffende Designer/die Designerin schlampig gearbeitet. Und nicht mal Google ist adaran interessiert, in welcher Reihenfolge ich meim CSS schreibe.

    Übersichtlichkeit, einfache Handhabung und kurze Ladezeiten gehören zu den Must-haves einer mobilen Firmenhomepage.
    Und bei den Desktoplayouts gilt das nicht? "kopfkratz"

    edit: Die Zitate stammen von der verlinkten Seite.
    Grüße Edgar
    Dackelalarm

  21. #21
    Contao-Nutzer Avatar von Stefan01
    Registriert seit
    11.09.2010.
    Beiträge
    247

    Standard

    Ich habe gerade diese Seite optimiert und mittels




    Hier das Ergebnis des Firefox Tools:

    screenshot1.jpg



    getestet. Danach die Seite auf einem iPhone 6+ getestet und eine Überraschung erlebt:

    image2.jpg

    Meine Media-Queries:

    screenshot.jpg

    Sollte ich bei den Media-Queries evtl. noch orientation: portrait bzw. landscape integrieren?

    Kann da bitte jemand Lich ins Dunkel bringen habe momentan leider keine anderen Mobilen Geräte zum Testen und bin eben dadurch auf die Testseiten angewiesen.

    Vielen Dank schonmal für Eure Hilfe und ein schönes WE!

    P.S. Vielleicht kann ein Moderator den Beitrag von mir in einen anderen Beitrag verschieben, habe das leider zu spät bemerkt, Danke!
    Geändert von Stefan01 (30.01.2015 um 15:17 Uhr)
    Was wir brauchen, sind ein paar verrückte Leute; seht euch an, wohin uns die Normalen gebracht haben.

    George Bernard Shaw

  22. #22
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.803
    Partner-ID
    10107

    Standard

    Dir fehlt wahrscheinlich einfach die Viewport Angabe.

    Außerdem solltest du im Responsive View von Firefox die voreingestellten Werte verwenden. Die entsprechen ungefähr der durchschnittlichen CSS Größe von Smartphones. 320x... entspricht ungefähr dem iPhone 4(S) und kleiner, 360x... entspricht ungefähr Smartphones wie das Nexus 4, 5 und ähnliche 5 bis 6 Zoll Full HD Geräte.

  23. #23
    Contao-Nutzer Avatar von Stefan01
    Registriert seit
    11.09.2010.
    Beiträge
    247

    Standard

    Hallo Spooky,


    perfekt, vielen Dank für die Hilfe! Die Viewportangaben haben gefehlt, ich dachte allerdings, dass die von Contao automatisch integriert werden und im Seitenlayout nur die Option besteht sie zu überschreiben. Hatte den Viewport schon angegeben bevor ich die Media-Queries angelegt hatte und wieder gelöscht wegen des Hinweises beim Seitenlayout im BE.


    Viele Grüße

    Stefan
    Was wir brauchen, sind ein paar verrückte Leute; seht euch an, wohin uns die Normalen gebracht haben.

    George Bernard Shaw

  24. #24
    Contao-Fan Avatar von neophron
    Registriert seit
    12.06.2010.
    Ort
    Berlin
    Beiträge
    290

    Standard Remote Debugging on Android with Chrome


  25. #25
    Contao-Fan Avatar von Stefko
    Registriert seit
    25.10.2012.
    Ort
    Karlsruhe
    Beiträge
    771
    User beschenken
    Wunschliste

    Standard

    Zitat Zitat von mariasuite Beitrag anzeigen
    Spam
    Eine Escort-Damen-Agentur die Websites optimiert ... dass nenne mal wirklich Full-Service
    scnr
    Grüße, Stefko

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •