,

Web Developer für Android und iOS

web updates kmu GmbH-wuk-WordPress und SEO Agentur Ajax

Web Developer Tools in Chrome und Firefox sind eine Wohltat für schnelle Fixes. Man sucht den entsprechenden HTML / CSS Code und passt ihn an, um die Änderungen zu sehen, ohne gleich den Code “speichern” und aktualisieren zu müssen. Auf Mobilgeräten stehen diese Tools nicht zur Verfügung. Eigentlich… Denn diese gibt es, sehr praktisch auf dem Chrome ;)

Es ist tatsächlich so, dass man am PC den Chrome mit dem Mobilgerät verbinden kann und dann das Gerät direkt am PC aus Debuggen kann. So können Probleme in HTML / CSS auf Mobilgeräten einfach gelöst werden.

Am Einfachsten ist dies bei Android Geräten. Diese können mit Chrome sehr einfach verbunden werden. Wie dies geht zeigt der Artikel von Google. In Kurz:

  • USB Debugging auf dem Gerät einschalten
  • Auf dem PC im Chrom folgende URL öffnen: chrome://inspect/#devices
  • Handy mit USB Kabel mit PC verbinden (Datenübertragung wählen / nur Laden geht nicht)
  • Gegebenenfalls auf dem Bildschirm der verbindung zustimmen und ca. 1 Minute warten.
  • Auf dem Handy Chrome öffnen und lossurfen, dann kann man auf dem PC Chrome den Inspect starten.

iOS Geräte benötigen da ein wenig mehr Aufwand. Eine gute Anleitung dazu findet ihr auf: medium.com von Nikoloza.

Viel Spass beim Debuggen.