iOS6 - Konsole Protokoll für IPad entfernt - wie Web Inspektor auf Windows verwenden?

Question

Also iOS6 ist raus, horrah. Nun scheint es, als ob Apple die "Entwicklerkonsole" entfernt hat, die es in Safari gab. Großartig, ich höre viele Leute sagen - es war begrenzt.

Aber es funktioniert auf das Gerät - jetzt anscheinend müssen Sie das Gerät an einen Mac anschließen, um Web Inspector zu bekommen?

Ist dies die einzige Möglichkeit zum Debuggen mit der Konsole? Gibt es eine Möglichkeit zum Debuggen mit Windows, Safari? Bitte beachten Sie, ich meine nicht nur den User-Agent zu ändern, was Sie unter Safari Windows tun können - das Touch-Ereignisse nicht registriert - klicken Sie einfach.

Answer 1

Wenn Sie nicht über Mac OSX haben kann dieses Skript als Konsole Ersatz verwenden:

https://github.com/robotnic/waterbug

Es zeigt Fehlermeldung, dann ist es möglich, alle Arten von Variablen anzumelden, müssen Sie Ihr iPhone drehen oder iPad 90 ° nach rechts, um die Konsole zu öffnen.

Answer 2

Sieht aus wie die eingebaute Konsole weg ist. Ich habe versucht, in ein Windows 7 einstecken und Safari geöffnet und konnte die Entwicklerkonsole nicht finden. Dann lese ich this article, die es bestätigt.

Wenn Sie in der Lage sind, Ihre Website in beiden Ausrichtungen zu testen, ist Waterbug keine gute Option, da sie die Querformatausrichtung für ihre Konsolenansicht verwendet.

Eine gute Option ist die Verwendung Adobe Edge Inspect. Sie öffnen Ihre Website in Chrome und öffnen die App auf Ihrem Gerät und Ihr Gerät spiegelt die auf Ihrem Desktop geöffnete Seite wieder. Dann können Sie die Chrome-Entwicklungstools verwenden, um Ihren Inhalt zu debuggen.

Answer 3

Schauen Sie nach weinre. Es ermöglicht Ihnen, eine Seite in Safari von einem anderen Computer mit einem Chrome-ähnlichen Web-Inspektor zu überprüfen

Answer 4

Man kann auf das Gerät debuggen, indem Sie Bookmarklets verwenden (besonders in Mobile Safari).

Debugging auf dem Gerät kann sehr wichtig sein, wenn ein Fehler nur live auf dem Gerät erscheint, aber nirgendwo sonst. Es gibt eine Vielzahl von Bookmarklets für Entwickler, also wählen Sie das Tool Ihrer Wahl (z. B. Firebug Lite), fügen Sie es Ihren Lesezeichen hinzu und verwenden Sie es genau dort, wo Sie es brauchen. Dies ist möglicherweise nicht die Developer Console, aber es ist eine Methode zum Debuggen viel genauer und Job-orientiert.

ich ein Blogpost schrieb darüber, wie Bookmarklets auf meinem Weblog verwenden (es gibt auch eine Liste von anderen gängigen Test-Tools und weitere Bookmarklets):

• http://hofmannsven.com/2013/laboratory/ios-bookmarklets/

UPDATE: Chrome veröffentlicht seine Mobile DevTools, die Debugging (in Google Chome Mobile, Android-Geräte nur) viel einfacher machen.Dadurch wird die fehlende DevTools Problem in Safari nicht beheben, aber es könnte Fehler helfen zu lokalisieren auf ein Gerät:

• https://developer.chrome.com/devtools/docs/remote-debugging
• http://www.html5rocks.com/en/tutorials/developertools/mobile/

UPDATE2: Mozilla veröffentlicht ein Firefox Add-on Aktivieren der Webentwicklung über verschiedene Browser und Geräte hinweg: http://youtu.be/kEFbQwB81RE?t=1m58s

Answer 5

Eine Arms-Debugging-Konsole:

try { 
     var test = document.do.something(); 
    } 
    catch (exc) { 
     alert(exc); 
    } 

Answer 6

Statt Safari unter Windows können Sie eine App von Telerik namens AppBuilder verwenden. Ich habe die Anweisungen auf this blog gefunden. Sie müssen jedoch ein Konto für die Verwendung der Telerik-Plattform erhalten.

Dies wird Ihnen Dev-Tools wie die in Safari geben. Ich habe es auf Win7 64 Bit mit regulären Web-Anwendungen und Phonegap-Apps auf einem iPad mit iOS 7.1 verwendet.

Answer 7

Wie Neno vorgeschlagen, Telerik AppBuilder ist eine großartige Anwendung. Ich benutze Windows XP in einer virtuellen Maschine nur unter Linux, um mein iPhone zu debuggen. Windows XP, weil in meinem Fall Windows 7 das iPhone erkennt, aber iTunes und Telerik AppBuilder nicht.