{"id":4463,"date":"2015-03-02T08:40:35","date_gmt":"2015-03-02T08:40:35","guid":{"rendered":"https:\/\/www.templatemonster.com\/de\/blog\/?p=4463"},"modified":"2015-11-18T16:09:46","modified_gmt":"2015-11-18T16:09:46","slug":"verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/de\/verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts\/","title":{"rendered":"Macht ihr Fehler in eurem Code? Verwendet Web-Debugging-Tools und Ressourcen f\u00fcr die \u00dcberpr\u00fcfung eurer Layouts"},"content":{"rendered":"

Selbst die geschicktesten Web-Entwicklung-Profis machen von Zeit zu Zeit Fehler. Ihr wisst ja selbst, wie kompliziert die Codierung sein kann. Es gibt immer eine Chance, dass etwas schief geht und zwar genau in dem Augenblick, wenn man denkt, dass das Projekt endlich abgeschlossen ist. Also der Testprozess einer Website,\u00a0die bereits codiert ist und in einem Browser ausgef\u00fchrt wird, ist schwer zu \u00fcbersch\u00e4tzen. Nehmt euch Zeit und \u00fcberpr\u00fcft eure HTML, CSS oder JavaScript<\/em>, um die komplette Kompatibilit\u00e4t mit allen Browsern und eine gute Wiedergabe auf allen g\u00e4ngigen Bildschirmgr\u00f6\u00dfen zu gew\u00e4hrleisten.<\/p>\n

In Wahrheit befindet sich Web-Technologie in st\u00e4ndiger Prozess der Entwicklung, deshalb ist es heutzutage viel einfacher, eure Website zu debuggen und\u00a0das Layout zu testen, als es, sagen wir, noch vor einem Jahr war. Immer neue fortschrittliche Tools und Ressourcen erscheinen jeden Tag, die f\u00fcr diesen Zweck entwickelt wurden. Aus dieser Sicht sollte unser Blog-Beitrag ziemlich hilfreich sein, wenn ihr dabei seid, eure Website zu debuggen.<\/p>\n

Er enth\u00e4lt \u00fcber 20 aktuelle Web-Debugging-Tools und Ressourcen<\/strong>. Mit ihrer Hilfe werdet ihr in der Lage sein zu sehen, wie eure Website in verschiedenen Browsern und auf verschiedenen Bildschirmgr\u00f6\u00dfen aussieht. Die unten aufgef\u00fchrten Tools zeigen euch au\u00dferdem die Fehler im Code und identifizieren potenzielle Probleme, die in der Zukunft von Nachteil werden k\u00f6nnen. Also, seid ihr bereit, euer Layout zu \u00fcberpr\u00fcfen und herauszufinden, ob ein paar Fehler sich in eurem Code versteckt haben? Dann schaut euch gern die Liste unten durch und sucht euch das Tool aus, das euch am meisten gef\u00e4llt.<\/p>\n

* * *<\/p>\n

Tools f\u00fcr Code-Validierungsarbeiten<\/h3>\n

Debug Tool Window<\/strong><\/a><\/p>\n

Debug Tool Window\u00a0zeigt die Ausgabe von der Debug-Sitzung f\u00fcr eure Anwendung. Wenn ihr mehrere Anwendungen debuggen m\u00f6chtet, wird jede ihre Ausgabe in einem Tab nach der entsprechenden Debug-Konfiguration benannt.<\/p>\n

\"Debug-Tool-Window\"<\/a><\/p>\n

* * *<\/p>\n

Validator<\/strong><\/a><\/p>\n

Diese Erweiterung wurde f\u00fcr Entwickler und Web-Enthusiasten gemacht. Sie erm\u00f6glicht Benutzern, einfach die Seiten mit dem W3C HTML Validator zu \u00fcberpr\u00fcfen. Es ist sehr einfach zu bedienen. Klickt einfach auf den Button und die Seite wird gecheckt.<\/p>\n

\"Validator\"<\/a><\/p>\n

* * *<\/p>\n

Markup Validation Service<\/strong><\/a><\/p>\n

M\u00f6chtet ihr die Auszeichnungssprache eurer Web-Dokumente \u00fcberpr\u00fcfen? Checkt in solchem Fall dieses coole Tool. Es \u00fcberpr\u00fcft die Markup-Validit\u00e4t von Dokumenten, die in HTML, XHTML, SMIL, MathML usw. geschrieben sind.<\/p>\n

\"Markup-Validation-Service\"<\/a><\/p>\n

* * *<\/p>\n

CSS Validation Service<\/strong><\/a><\/p>\n

Das Tool \u00fcberpr\u00fcft Cascading Style Sheets (CSS) und (X) HTML-Dokumente. Jetzt k\u00f6nnt ihr sogar den WW3C Validator Suite\u2122 Premium-Service checken. Er \u00fcberpr\u00fcft die gesamte Website und bewertet seine Konformit\u00e4t mit W3C\u00a0 Standards, um die Schwachstellen eurer Website zu identifizieren.<\/p>\n

\"CSS-Validation-Service\"<\/a><\/p>\n

* * *<\/p>\n

Validity<\/strong><\/a><\/p>\n

Dieses Tool wird verwendet, um eure HTML-Dokumente aus der Adressleiste zu validieren. <\/span>Alles ist ziemlich einfach. <\/span>Klickt einfach auf das Symbol in der Adressleiste, um das aktuelle Dokument ohne die Seite zu verlassen zu validieren. <\/span>Die Anzahl der \u00dcberpr\u00fcfungsfehler werden im Tooltip angezeigt, und ihre Details werden auf der Registerkarte der Chrome-Entwickler-Tools zu sehen sein.<\/span><\/span><\/p>\n

\"Validity\"<\/a><\/p>\n

* * *<\/p>\n

\u00dcberpr\u00fcfung der Design-Responsivit\u00e4t<\/h3>\n

Responsinator<\/strong><\/a><\/p>\n

Gebt URL der Website in das Feld in der linken oberen Ecke der Seite ein und checkt, wie es auf verschiedenen Ger\u00e4tebildschirmen dargestellt wird.<\/p>\n

\"Responsinator\"<\/a><\/p>\n

* * *<\/p>\n

Responsive test<\/strong><\/a><\/p>\n

Hier k\u00f6nnt ihr sehen, wie eure Website auf den Bildschirmen der beliebtesten Ger\u00e4te aussieht.<\/p>\n

\"Responsive-test\"<\/a><\/p>\n

* * *<\/p>\n

\u00dcberpr\u00fcfung der Browser-Unterst\u00fctzung<\/h3>\n

Ghostlab<\/strong><\/a><\/p>\n

Mit Ghostlab testet ihr nicht nur das einfache Laden der Seite, sondern die komplette Benutzererfahrung. Der leistungsstarke eingebaute Web-Inspektor wird schnell auf den Grund jedes Problems gehen.<\/p>\n

\"Ghostlab\"<\/a><\/p>\n

* * *<\/p>\n

Netrenderer<\/strong><\/a><\/p>\n

Viele Entwickler halten diesen Service f\u00fcr den Allerbesten und verlassen sich stark auf ihn. Es ist wirklich ein Muss f\u00fcr die meisten von ihnen! Damit seid ihr in der Lage, einen kurzen Blick auf die gro\u00dfen IE Bugs in verschiedenen Ausf\u00fchrungen zu werfen.<\/p>\n

\"Netrenderer\"<\/a><\/p>\n

* * *<\/p>\n

IE Tab for Chrome and Firefox<\/strong><\/a><\/p>\n

IE Tab f\u00fcr Chrome ist eine Browser-Erweiterung mit dem ihr Internet Explorer verwenden k\u00f6nnt, um Web-Seiten in einem Tab anzuzeigen. Es ist sinnvoll, wenn eine Web-Seite Internet Explorer Funktionen ben\u00f6tigt. Z. B. k\u00f6nnt ihr den IE Tab verwenden, um Webseiten anzuzeigen, die ActiveX-Steuerelemente ben\u00f6tigen, Webseiten mit IE-Rendering-Engine zu testen usw.<\/p>\n

\"IE-Tab-for-Chrome-and-Firefox\"<\/a><\/p>\n

* * *<\/p>\n

Live, Web-Based Browser Testing<\/strong><\/a><\/p>\n

Kurz gesagt, gibt euch dieses Werkzeug einen sofortigen Zugriff auf alle Desktop- oder mobile Browser.<\/p>\n

\"Live,-Web-Based-Browser-Testing\"<\/a><\/p>\n

* * *<\/p>\n

Automated testing in the cloud for CI<\/strong><\/a><\/p>\n

Dieses Werkzeug ist perfekt zum Laufen von allen euren Tests auf einer einzigen leistungsf\u00e4higen Plattform.<\/p>\n

\"Automated-testing-in-the-cloud-for-CI\"<\/a><\/p>\n

* * *<\/p>\n

Cross Browser Testing<\/strong><\/a><\/p>\n

Testet eure Website kostenlos in Dutzenden von Browsern und erhaltet sofortige Ergebnisse. Holt euch den Zugang zu mehr als 1 000 Kombinationen von Browsern und Betriebssystem-Plugins.<\/p>\n

\"Cross-Browser-Testing\"<\/a><\/p>\n

* * *<\/p>\n

Browser Shots<\/strong><\/a><\/p>\n

Gebt eure Website-URL in das entsprechende Feld ein, w\u00e4hlt den Browser und pr\u00fcft die Kompabilit\u00e4t. Der Dienst verf\u00fcgt \u00fcber eine 7-Tage-Testversion.<\/p>\n

\"Browser-Shots\"<\/a><\/p>\n

* * *<\/p>\n

Browserling<\/strong><\/a><\/p>\n

Browserling ist durch HTML5 <canvas> und JavaScript angetrieben, so dass ihr etwas anderes gar nicht zu installieren braucht. Alle Verbindungen zwischen euch und Browserling sind SSL verschl\u00fcsselt, deswegen bleibt euer Surfen komplett anonym. Kostenloser Dienst ist verf\u00fcgbar.<\/p>\n

\"Browserling\"<\/a><\/p>\n

* * *<\/p>\n

Browser Sandbox<\/strong><\/a><\/p>\n

Keine Installationen erforderlich. Testet jeden Browser sofort online mit einen Klick.<\/p>\n

\"Browser-Sandbox\"<\/a><\/p>\n

* * *<\/p>\n

Browsera<\/strong><\/a><\/p>\n

Das Werkzeug wird f\u00fcr die automatische Kompatibilit\u00e4tstests angewendet. Es pr\u00fcft und berichtet \u00fcber Cross-Browser-Layout-Unterschiede und Skriptfehler auf eurer Website.<\/p>\n

\"Browsera\"<\/a><\/p>\n

* * *<\/p>\n

Litmus<\/strong><\/a><\/p>\n

Litmus ist das richtige Werkzeug f\u00fcr einen One-Stop-Browser-Test. Es bietet einen Cross-Browser-Seite-Test zus\u00e4tzlich zu eurer E-Mail-Vorschau.<\/p>\n

\"Litmus\"<\/a><\/p>\n

* * *<\/p>\n

BrowseEmAll<\/strong><\/a><\/p>\n

Damit k\u00f6nnt ihr die mobilen Versionen testen: IOS, Android und Blackberry - alle drei in einer Anwendung. Das Tool erm\u00f6glicht die Kompatibilit\u00e4tsprobleme mit Leichtigkeit zu finden, sie direkt im Code\u00a0 zu sehen und bis zu 4 Browser parallel nebeneinander zu testen.<\/p>\n

\"BrowseEmAll\"<\/a><\/p>\n

* * *<\/p>\n

TestingBot<\/strong><\/a><\/p>\n

Haltet eure Website fehlerfrei mit diesem einfachen Service, der euch helfen wird, eure Website in verschiedenen Browsern 24 Stunden am Tag entweder automatisch oder manuell zu testen. Kostenlose Testversion verf\u00fcgbar!<\/p>\n

\"TestingBot\"<\/a><\/p>\n

* * *<\/p>\n

CSS & JS Debugging<\/h3>\n

JS Lint<\/strong><\/a><\/p>\n

Dies ist das JavaScript-Code-Qualit\u00e4tstool. Um es einfach auszudr\u00fccken, hebt es Probleme in JavaScript-Programmen. JSLint hilft euch, in einer besseren Sprache programmieren und die meisten Fehler vermeiden zu k\u00f6nnen.<\/p>\n

\"JS-Lint\"<\/a><\/p>\n

* * *<\/p>\n

CSS Lint<\/strong><\/a><\/p>\n

CSS Lint hat einen sehr ausdrucksvollen Slogan rausgebracht: \"Es wird eure Gef\u00fchle verletzen* (und euch helfen, besser zu codieren)\". F\u00fcgt die CSS in das Eingabefeld ein und checkt, ob etwas damit falsch ist.<\/p>\n

\"CSS-Lint\"<\/a><\/p>\n

* * *<\/p>\n

Online Javascript Compression Tool<\/strong><\/a><\/p>\n

Dies ist ein Online-JavaScript-Kompressor, der euch JavaScript-Dateien zu komprimieren und zu verkleinern erm\u00f6glicht. Sie werden typischerweise bis zu 30-90% reduziert. Solche JavaScript-Dateien sind ideal f\u00fcr Produktionsumgebungen. Der gr\u00f6\u00dfte Teil der Reduzierung der Dateigr\u00f6\u00dfe ist dank dem Entfernen der Kommentare und zus\u00e4tzlicher Leerzeichen m\u00f6glich, die nicht unbedingt so notwendig sind.<\/p>\n

\"Online-Javascript-Compression-Tool\"<\/a><\/p>\n

* * *<\/p>\n

Clean CSS<\/strong><\/a><\/p>\n

Hier findet ihr eine ganze Reihe von Tools, um\u00a0verschiedene Dateiformaten zu versch\u00f6nern, zu verkleinern, zu formatieren oder zu komprimieren.<\/p>\n

\"Clean-CSS\"<\/a><\/p>\n

* * *<\/p>\n

Zum Abschluss m\u00f6chten wir gerne euch einige Fragen stellen. Testet ihr immer die erstellten Layouts? Glaubt ihr, dass es wichtig ist? Habt ihr diesen Werkzeugsatz als hilfreich wahrgenommen? Vielleicht habt ihr einige der aufgelisteten Tools schon bereits benutzt und seid bereit, Ihr Feedback mit uns zu teilen? Wir freuen uns immer auf eure Kommentare!<\/p>\n

Dieser Artikel wurde aus dem Englischen \u00fcbersetzt. Das Original findet Ihr hier: Do You Make Mistakes in Your Code? Use Web Debugging Tools and Resources for Testing Layouts.<\/em><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Selbst die geschicktesten Web-Entwicklung-Profis machen von Zeit zu Zeit Fehler. Ihr wisst ja selbst, wie kompliziert die Codierung sein kann. Es gibt immer eine Chance, dass etwas schief geht und zwar genau in dem Augenblick, wenn man denkt, dass das Projekt endlich abgeschlossen ist. Also der Testprozess einer Website,\u00a0die bereits codiert ist und in einem […]<\/p>\n","protected":false},"author":1805543,"featured_media":4469,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[16,4],"tags":[43,54],"yoast_head":"\nWeb-Debugging-Tools und Ressourcen f\u00fcr die \u00dcberpr\u00fcfung eurer Layouts<\/title>\n<meta name=\"description\" content=\"In diesem Artikel wirst du 20 aktuelle Web-Debugging-Tools und Ressourcen f\u00fcr die \u00dcberpr\u00fcfung deiner Layouts kennenlernen,\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/de\/verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web-Debugging-Tools und Ressourcen f\u00fcr die \u00dcberpr\u00fcfung eurer Layouts\" \/>\n<meta property=\"og:description\" content=\"In diesem Artikel wirst du 20 aktuelle Web-Debugging-Tools und Ressourcen f\u00fcr die \u00dcberpr\u00fcfung deiner Layouts kennenlernen,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/de\/verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts\/\" \/>\n<meta property=\"og:site_name\" content=\"TemplateMonster Deutscher Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/templatemonster.de\/\" \/>\n<meta property=\"article:published_time\" content=\"2015-03-02T08:40:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-11-18T16:09:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2015\/02\/code_cat-900x538.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Olga Wirth\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TM_Deutschland\" \/>\n<meta name=\"twitter:site\" content=\"@TM_Deutschland\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Olga Wirth\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/de\/verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/de\/verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts\/\"},\"author\":{\"name\":\"Olga Wirth\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/e49572bf6360863c66e5b53b2cab591e\"},\"headline\":\"Macht ihr Fehler in eurem Code? Verwendet Web-Debugging-Tools und Ressourcen f\u00fcr die \u00dcberpr\u00fcfung eurer Layouts\",\"datePublished\":\"2015-03-02T08:40:35+00:00\",\"dateModified\":\"2015-11-18T16:09:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/de\/verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts\/\"},\"wordCount\":1200,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\"},\"keywords\":[\"Coding\",\"Plugins\"],\"articleSection\":[\"Webentwicklung\",\"Werkzeuge\"],\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/de\/verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/de\/verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts\/\",\"url\":\"https:\/\/monsterspost.com\/de\/verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts\/\",\"name\":\"Web-Debugging-Tools und Ressourcen f\u00fcr die \u00dcberpr\u00fcfung eurer Layouts\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#website\"},\"datePublished\":\"2015-03-02T08:40:35+00:00\",\"dateModified\":\"2015-11-18T16:09:46+00:00\",\"description\":\"In diesem Artikel wirst du 20 aktuelle Web-Debugging-Tools und Ressourcen f\u00fcr die \u00dcberpr\u00fcfung deiner Layouts kennenlernen,\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/de\/verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/de\/verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/de\/verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Macht ihr Fehler in eurem Code? Verwendet Web-Debugging-Tools und Ressourcen f\u00fcr die \u00dcberpr\u00fcfung eurer Layouts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/de\/#website\",\"url\":\"https:\/\/monsterspost.com\/de\/\",\"name\":\"TemplateMonster Deutscher Blog\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/de\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\",\"name\":\"MonsterPost Deutschland\",\"url\":\"https:\/\/monsterspost.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost Deutschland\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/channel\/UC19iEGcEhlFidO5ruNGE5yg\",\"https:\/\/www.facebook.com\/templatemonster.de\/\",\"https:\/\/twitter.com\/TM_Deutschland\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/e49572bf6360863c66e5b53b2cab591e\",\"name\":\"Olga Wirth\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/fd431cbc24e171c296d1c39748f17e2f?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/fd431cbc24e171c296d1c39748f17e2f?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Olga Wirth\"},\"description\":\"Hat sich Texterin auf den Bereich Webdesign und Online-Marketing spezialisiert. Olga auf Facebook.\",\"url\":\"https:\/\/monsterspost.com\/de\/author\/olgawirth\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web-Debugging-Tools und Ressourcen f\u00fcr die \u00dcberpr\u00fcfung eurer Layouts","description":"In diesem Artikel wirst du 20 aktuelle Web-Debugging-Tools und Ressourcen f\u00fcr die \u00dcberpr\u00fcfung deiner Layouts kennenlernen,","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/de\/verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts\/","og_locale":"de_DE","og_type":"article","og_title":"Web-Debugging-Tools und Ressourcen f\u00fcr die \u00dcberpr\u00fcfung eurer Layouts","og_description":"In diesem Artikel wirst du 20 aktuelle Web-Debugging-Tools und Ressourcen f\u00fcr die \u00dcberpr\u00fcfung deiner Layouts kennenlernen,","og_url":"https:\/\/monsterspost.com\/de\/verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts\/","og_site_name":"TemplateMonster Deutscher Blog","article_publisher":"https:\/\/www.facebook.com\/templatemonster.de\/","article_published_time":"2015-03-02T08:40:35+00:00","article_modified_time":"2015-11-18T16:09:46+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2015\/02\/code_cat-900x538.jpg","type":"image\/jpeg"}],"author":"Olga Wirth","twitter_card":"summary_large_image","twitter_creator":"@TM_Deutschland","twitter_site":"@TM_Deutschland","twitter_misc":{"Verfasst von":"Olga Wirth","Gesch\u00e4tzte Lesezeit":"6 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/de\/verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/de\/verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts\/"},"author":{"name":"Olga Wirth","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/e49572bf6360863c66e5b53b2cab591e"},"headline":"Macht ihr Fehler in eurem Code? Verwendet Web-Debugging-Tools und Ressourcen f\u00fcr die \u00dcberpr\u00fcfung eurer Layouts","datePublished":"2015-03-02T08:40:35+00:00","dateModified":"2015-11-18T16:09:46+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/de\/verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts\/"},"wordCount":1200,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/de\/#organization"},"keywords":["Coding","Plugins"],"articleSection":["Webentwicklung","Werkzeuge"],"inLanguage":"de-DE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/de\/verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/de\/verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts\/","url":"https:\/\/monsterspost.com\/de\/verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts\/","name":"Web-Debugging-Tools und Ressourcen f\u00fcr die \u00dcberpr\u00fcfung eurer Layouts","isPartOf":{"@id":"https:\/\/monsterspost.com\/de\/#website"},"datePublished":"2015-03-02T08:40:35+00:00","dateModified":"2015-11-18T16:09:46+00:00","description":"In diesem Artikel wirst du 20 aktuelle Web-Debugging-Tools und Ressourcen f\u00fcr die \u00dcberpr\u00fcfung deiner Layouts kennenlernen,","breadcrumb":{"@id":"https:\/\/monsterspost.com\/de\/verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/de\/verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/de\/verwendet-web-debugging-tools-und-ressourcen-fuer-die-ueberpruefung-eurer-layouts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/de\/"},{"@type":"ListItem","position":2,"name":"Macht ihr Fehler in eurem Code? Verwendet Web-Debugging-Tools und Ressourcen f\u00fcr die \u00dcberpr\u00fcfung eurer Layouts"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/de\/#website","url":"https:\/\/monsterspost.com\/de\/","name":"TemplateMonster Deutscher Blog","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/de\/#organization","name":"MonsterPost Deutschland","url":"https:\/\/monsterspost.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost Deutschland"},"image":{"@id":"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/channel\/UC19iEGcEhlFidO5ruNGE5yg","https:\/\/www.facebook.com\/templatemonster.de\/","https:\/\/twitter.com\/TM_Deutschland"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/e49572bf6360863c66e5b53b2cab591e","name":"Olga Wirth","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/fd431cbc24e171c296d1c39748f17e2f?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/fd431cbc24e171c296d1c39748f17e2f?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Olga Wirth"},"description":"Hat sich Texterin auf den Bereich Webdesign und Online-Marketing spezialisiert. Olga auf Facebook.","url":"https:\/\/monsterspost.com\/de\/author\/olgawirth\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/4463"}],"collection":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/users\/1805543"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/comments?post=4463"}],"version-history":[{"count":10,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/4463\/revisions"}],"predecessor-version":[{"id":6069,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/4463\/revisions\/6069"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/media\/4469"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/media?parent=4463"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/categories?post=4463"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/tags?post=4463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}