{"id":180043,"date":"2021-09-22T19:12:02","date_gmt":"2021-09-22T17:12:02","guid":{"rendered":"https:\/\/www.iphone-ticker.de\/?p=180043"},"modified":"2021-09-22T19:13:31","modified_gmt":"2021-09-22T17:13:31","slug":"web-inspector-fuer-ios-15-safari-erweiterung-fuer-entwickler","status":"publish","type":"post","link":"https:\/\/www.iphone-ticker.de\/web-inspector-fuer-ios-15-safari-erweiterung-fuer-entwickler-180043\/","title":{"rendered":"Web Inspector f\u00fcr iOS 15: Safari-Erweiterung f\u00fcr Entwickler"},"content":{"rendered":"<p>Mit <a rel=\"noindex, nofollow\" href=\"http:\/\/www.ifun.de\/app\/1584825745\">Web Inspector<\/a> bietet sich nach Vidimote, <a href=\"https:\/\/www.iphone-ticker.de\/geheimtipp-keyword-search-safari-sucherweiterung-nun-auch-fuer-ios-15-179927\/\">Keyword Search<\/a>, <a href=\"https:\/\/www.ifun.de\/safari-erweiterungen-amplosion-und-overamped-ueberspringen-amp-seiten-175712\/\">Amplosion und Overamped<\/a> noch eine sehenswerte Safari-Erweiterung f\u00fcr iPhone und iPad zum Download im App Store an. Diese erweitert den Apple-Browser nun endlich auch auf den Mobilger\u00e4ten Cupertinos um eine Taste zum Einblenden der wichtigsten Web-Entwickler-Werkzeuge.<\/p>\n<p><a href=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2021\/09\/web-inspector.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-180045\" src=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2021\/09\/web-inspector-500x500.jpg\" alt=\"Web Inspector\" width=\"500\" height=\"500\" srcset=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2021\/09\/web-inspector-500x500.jpg 500w, https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2021\/09\/web-inspector-700x700.jpg 700w, https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2021\/09\/web-inspector-150x150.jpg 150w, https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2021\/09\/web-inspector.jpg 1020w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Die kostenlose Safari-Erweiterung, die auf In-App-K\u00e4ufe, Werbung und Nutzer-Tracking verzichtet, ist vergleichbar mit dem Web Inspector, den Apple seinem Desktop-Browser ab Werk <a href=\"https:\/\/developer.apple.com\/safari\/tools\/\">mit auf den Weg gegeben hat<\/a>, auf iPhone und iPad aber zur\u00fcckh\u00e4lt.<\/p>\n<h2>Quelltext und Javascript-Konsole<\/h2>\n<p>So blendet die Erweiterung bei Bedarf eine Quelltext-Ansicht ein, die den Zugriff auf die sogenannten DOM-Objekte der aktiven Webseite gew\u00e4hrt. Hier lassen sich ausgesuchte Bereiche der Webseite inspizieren, editieren und genauer \u00fcberpr\u00fcfen. So stehen, wie auch auf dem Desktop, M\u00f6glichkeiten zur Verf\u00fcgung die Netzwerk-Requests der offenen Webseite zu pr\u00fcfen und einen Zeitlichen Verlauf des Rendering-Ablaufs einzusehen, der alle Ressourcen der Webseite (von Bildern \u00fcber Skripte bis hin zu CSS-Stylesheets) ber\u00fccksichtigt.<\/p>\n<p>Eine JavaScript-Konsole hilft beim Beheben von Fehlern auf der Webseite, zeigt Warnungen an und ist oft der erste Anlaufpunkt bei Debugging-Ausfl\u00fcgen im Netz.<\/p>\n<p><a href=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2021\/09\/web-inspector-ipad-scaled.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-180046\" src=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2021\/09\/web-inspector-ipad-700x700.jpg\" alt=\"Web Inspector Ipad\" width=\"700\" height=\"700\" srcset=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2021\/09\/web-inspector-ipad-700x700.jpg 700w, https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2021\/09\/web-inspector-ipad-500x500.jpg 500w, https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2021\/09\/web-inspector-ipad-150x150.jpg 150w, https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2021\/09\/web-inspector-ipad-1536x1536.jpg 1536w, https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2021\/09\/web-inspector-ipad-2048x2048.jpg 2048w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<h2>Leider nicht im Hintergrund aktiv<\/h2>\n<p>Web Inspector ist eine der ersten Safari-Erweiterungen die einen klassischen Web Inspector mit dem beschriebenen Funktionsumfang zur Verf\u00fcgung stellt &#8211; andere d\u00fcrften schon in K\u00fcrze folgen. Bis kein besserer Download verf\u00fcgbar ist, empfehlen wir den hier mitlesenden Webentwicklern den Zugriff.<\/p>\n<p>Ihr solltet aber die Einschr\u00e4nkungen kennen, auf die Entwickler Zhenyi Tan <a href=\"https:\/\/andadinosaur.com\/launch-web-inspector-for-ios\">in seinem Blog aufmerksam macht<\/a>: Da die Web-Erweiterung unter iOS nicht kontinuierlich im Systemhintergrund laufen kann, lassen sich JavaScript-Meldungen und Netzwerk-Requests ausschlie\u00dflich nach den Laden der Seite anzeigen und nicht schon w\u00e4hrenddessen.<\/p>\n<!-- WP-Appbox (Version: 4.5.10 \/\/ Store: appstore \/\/ ID: 1584825745) -->\t<!-- app-link -->\n\t<div id=\"article-single-app-preview\">\n\t\t<div id=\"article-single-app-preview-header\">\n\t\t\t<span class=\"title\">Laden im App Store<\/span>\n\t\t<\/div>\n\t\t<div id=\"article-single-app-preview-content\">\n\t\t\t<div id=\"article-single-app-preview-img\"><img loading=\"lazy\" decoding=\"async\" src=\"\/\/www.iphone-ticker.de\/wp-content\/cache\/wp-appbox\/9d74625546c307d013603d7668658892\/ai-7e9a7a991032d9c9801406cc78dfe4f9\" alt=\"Web Inspector\"  height=\"72\" width=\"72\" class=\"asl-icon-img\" \/><\/div>\n\t\t\t<div id=\"article-single-app-preview-desc\">\n\t\t\t\t<span class=\"name\">Web Inspector<\/span><br \/>\n\t\t\t\t<span class=\"seller\">Entwickler: <a target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/apps.apple.com\/de\/developer\/and-a-dinosaur\/id475577301\">And a Dinosaur<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t<a target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/apps.apple.com\/de\/app\/web-inspector\/id1584825745\"><div id=\"article-single-app-preview-download\">Preis: Kostenlos<br \/>\n\t\t\t<span class=\"size\">Laden<\/span><\/div><\/a>\n\t\t<\/div>\n\t\t<!-- <div id=\"article-single-app-preview-footer\"><\/div>\t-->\n\t<\/div>\n\t<!-- app-link\/ende --><!-- \/WP-Appbox -->\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vg06.met.vgwort.de\/na\/0443090d578c4287bc7464c7a431d211\" width=\"1\" height=\"1\" no-lazy class=\"tracking\"><\/p>\n","protected":false},"excerpt":{"rendered":"<a href=\"https:\/\/www.iphone-ticker.de\/web-inspector-fuer-ios-15-safari-erweiterung-fuer-entwickler-180043\/\"><img width=\"150\" height=\"150\" src=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2021\/09\/inspector-app-feature-150x150.jpg\" class=\"alignright tfe wp-post-image\" alt=\"Inspector App Feature\" decoding=\"async\" loading=\"lazy\" \/><\/a><p>Mit Web Inspector bietet sich nach Vidimote, Keyword Search, Amplosion und Overamped noch eine sehenswerte Safari-Erweiterung f\u00fcr iPhone und iPad zum Download im App Store an. Diese erweitert den Apple-Browser nun endlich auch auf den Mobilger\u00e4ten Cupertinos um eine Taste zum Einblenden der wichtigsten Web-Entwickler-Werkzeuge. Die kostenlose Safari-Erweiterung, die auf In-App-K\u00e4ufe, Werbung und Nutzer-Tracking verzichtet, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":180047,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[3914,5562,52,5801],"class_list":["post-180043","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-apps","tag-ios-15","tag-safari","tag-safari-erweiterung"],"aioseo_notices":[],"subheadline":["Konsole und Quelltext im Blick","Konsole und Quelltext im Blick"],"featured_image":["https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2021\/09\/inspector-app-feature-fix.jpg"],"rest_api_enabler":{"subheadline":["Konsole und Quelltext im Blick","Konsole und Quelltext im Blick"],"featured_image":"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2021\/09\/inspector-app-feature-fix.jpg"},"_links":{"self":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/180043","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/comments?post=180043"}],"version-history":[{"count":2,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/180043\/revisions"}],"predecessor-version":[{"id":180048,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/180043\/revisions\/180048"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/media\/180047"}],"wp:attachment":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/media?parent=180043"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/categories?post=180043"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/tags?post=180043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}