Remote Debugging unterstützt beim Entwicklen von Webseiten. In Zeiten von Responsive Web Design und Mobile First wird ja die Unterstützung von diversen Endgeräten unabdingbar.
Google hat für das Debugging nette Unterstützung in den Chrome eingebaut, Apple in den Safari. So weit so gut. Aber auch da tun sich schnell die Grenzen auf.
Was also tun, wenn man sich abseits von Chrome oder Safari bewegt, weil man z.B. einen Fehler nur auf dem nativen Browser auf Android feststellt.
weinre kann da helfen. weinre ist über npm schnell installiert.
npm install weinre -g
weinre --boundHost 192.168.x.x --readTimeout 60
Der Server startet standardmäßig auf Port 8080. Die Seite kann direkt aufgerufen werden und man findet Installationshilfen für das Skript.
Ich habe den Skripttag in mein Entwicklungssystem eingebunden und kann somit Sachen abgreifen.
Unter Access Points kann man dann den Debugger aufrufen. Wenn man Firebug oder die Chrome Developer Tools kennt, dann fühlt man sich da wohl.
Der HTML-Code wird abgegriffen, CSS-Selektoren können angezeigt werden und das ausgewählte DOM-Element wird auf dem Gerät markiert.