{"id":50355,"date":"2013-11-18T17:21:47","date_gmt":"2013-11-18T16:21:47","guid":{"rendered":"http:\/\/www.ifun.de\/?p=50355"},"modified":"2013-11-18T17:21:47","modified_gmt":"2013-11-18T16:21:47","slug":"fuer-web-entwickler-remote-debugging-mit-ipad-oder-iphone-als-zweitem-bildschirm","status":"publish","type":"post","link":"https:\/\/www.ifun.de\/fuer-web-entwickler-remote-debugging-mit-ipad-oder-iphone-als-zweitem-bildschirm-50355\/","title":{"rendered":"F\u00fcr Web-Entwickler: Remote-Debugging mit iPad oder iPhone als zweitem Bildschirm"},"content":{"rendered":"

Die Option, Safari auf dem Mac in Kombination mit einem iOS-Ger\u00e4t als Remote-Debugger einzusetzen ist zwar nicht mehr ganz neu, f\u00fcr viele Entwickler von Webseiten und Web-Apps jedoch noch unbekannt. Mit zwei drei Mausklicks habt ihr euer iPad oder iPhone als Vorschaumonitor konfiguriert und k\u00f6nnt die darauf angezeigten Webseiten mittels Live-Vorschau und verschiedenen Test- und Debugwerkzeugen \u00fcberpr\u00fcfen und optimieren.<\/p>\n

Mindestvoraussetzung f\u00fcr das Ganze ist ein Mac mit OS X 10.8 sowie ein iOS-Ger\u00e4t mit iOS 6 oder h\u00f6her. Auf beiden Ger\u00e4ten muss der sogenannte \u201eEntwicklermodus\u201c in Safari aktiviert sein. Auf beiden Ger\u00e4ten funktioniert dies \u00fcber die Safari-Einstellungen \u201eErweitert\u201c, auf dem iOS-Ger\u00e4t hei\u00dft die gesuchte Option allerdings nicht \u201eMen\u00fc Entwickler\u201c, sondern \u201eWebinformationen\u201c.<\/p>\n

Anschlie\u00dfend verbindet ihr das iOS-Ger\u00e4t (es k\u00f6nnen auch mehrere sein) per USB mit eurem Mac und startet Safari darauf. Auf dem Mac seht ihr im Safari-Men\u00fc \u201eEntwickler\u201c nun die angeschlossenen iOS-Ger\u00e4te angezeigt und dazu jeweils ein Untermen\u00fc mit den auf dem jeweiligen Ger\u00e4t ge\u00f6ffneten Webseiten. F\u00fcr diese Seiten k\u00f6nnt ihr nun ein spezielles Entwicklerfenster \u00f6ffnen, dass euch neben den Webinformationen beispielsweise eine Fehlerkonsole Deaktivierungsfunktionen und weitere Werkzeuge Optimierung der Webseiten bietet.<\/p>\n

\"debug-700\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"\"\"<\/a>

Die Option, Safari auf dem Mac in Kombination mit einem iOS-Ger\u00e4t als Remote-Debugger einzusetzen ist zwar nicht mehr ganz neu, f\u00fcr viele Entwickler von Webseiten und Web-Apps jedoch noch unbekannt. Mit zwei drei Mausklicks habt ihr euer iPad oder iPhone als Vorschaumonitor konfiguriert und k\u00f6nnt die darauf angezeigten Webseiten mittels Live-Vorschau und verschiedenen Test- und […]<\/p>\n","protected":false},"author":2,"featured_media":50358,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[4738,259,1644,546,1321],"class_list":["post-50355","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-entwickler","tag-entwickler","tag-safari","tag-web","tag-web-apps","tag-webseiten"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t