{"id":34541,"date":"2025-04-29T12:32:35","date_gmt":"2025-04-29T10:32:35","guid":{"rendered":"https:\/\/www.studioenns.eu\/wordpress\/aktuell\/?p=34541"},"modified":"2025-04-29T12:32:35","modified_gmt":"2025-04-29T10:32:35","slug":"kurz-erklaert-wie-funktioniert-das-seitenansehen-tool-technisch-keine-angst-es-ist-einfach","status":"publish","type":"post","link":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/kurz-erklaert-wie-funktioniert-das-seitenansehen-tool-technisch-keine-angst-es-ist-einfach\/studioenns\/onair","title":{"rendered":"Kurz erkl\u00e4rt: Wie funktioniert das Seitenansehen-Tool technisch? (Keine Angst, es ist einfach!)"},"content":{"rendered":"<!-- RS_MODULE_CODE_2.5.0-C --><div id=\"readspeaker_button34541\" class=\"rs_skip rsbtn rs_preserve\"><a class=\"rsbtn_play\" title=\"Um den Text anzuh&ouml;ren, verwenden Sie bitte ReadSpeaker\" accesskey=\"L\" href=\"https:\/\/app-eu.readspeaker.com\/cgi-bin\/rsent?customerid=13430&amp;lang=de_de&amp;readid=rspeak_read_34541&amp;url=https%3A%2F%2Fwww.studioenns.eu%2Fwordpress%2Fvon2016bisjetzt%2Fwp-json%2Fwp%2Fv2%2Fposts%2F34541\"><span class=\"rsbtn_left rsimg rspart\"><span class=\"rsbtn_text\"><span>Vorlesen<\/span><\/span><\/span><span class=\"rsbtn_right rsimg rsplay rspart\"><\/span><\/a><\/div><div id=\"rspeak_read_34541\"><div class=\"wordpress-post\" style=\"border: 1px solid #ccc; padding: 20px; margin-bottom: 20px; background-color: #f9f9f9;\">\n<h2>Kurz erkl\u00e4rt: Wie funktioniert das Seitenansehen-Tool technisch? (Keine Angst, es ist einfach!)<\/h2>\n<p>Sie nutzen das Studio Enns Seitenansehen-Tool (<a href=\"https:\/\/studioenns.eu\/seiteansehen\/\" target=\"_blank\">testen Sie es hier<\/a>) und fragen sich vielleicht, wie es eigentlich funktioniert, dass eine komplette Webseite pl\u00f6tzlich in einem kleinen Fenster innerhalb einer anderen Seite erscheint? Die Antwort liegt in einer einfachen, aber m\u00e4chtigen HTML-Technologie: dem iFrame.<\/p>\n<p><strong>Was ist ein iFrame?<\/strong><\/p>\n<p>Stellen Sie sich einen iFrame (Inline Frame) wie ein **Fenster oder einen Bilderrahmen auf Ihrer Webseite** vor. In dieses Fenster k\u00f6nnen Sie eine komplett andere, eigenst\u00e4ndige Webseite laden lassen. Das Seitenansehen-Tool ist im Grunde eine sehr einfache Webseite, die haupts\u00e4chlich aus einem Eingabefeld, einem Button und einem gro\u00dfen, leeren iFrame besteht. Wenn Sie einen Pfad eingeben (z.B. `kontakt`) und auf &#8222;Seite laden&#8220; klicken, sagt ein kleines Skript im Hintergrund dem iFrame: &#8222;Lade jetzt bitte die Seite, die unter der Adresse `https:\/\/studioenns.eu\/kontakt` zu finden ist&#8220;. Der iFrame tut das dann, und Sie sehen die Kontaktseite in dem &#8222;Fenster&#8220;.<\/p>\n<p><strong>Warum ist das n\u00fctzlich f\u00fcr das Tool?<\/strong><\/p>\n<p>Diese Technik ist ideal f\u00fcr das Seitenansehen-Tool, weil:<\/p>\n<ul>\n<li>Es sehr einfach umzusetzen ist.<\/li>\n<li>Es erlaubt, beliebige Seiten *derselben Domain* (hier studioenns.eu) schnell und ohne Neuladen der Haupt-Tool-Seite anzuzeigen.<\/li>\n<li>Es eine echte Vorschau der Seite liefert, so wie sie auch normal im Browser aussehen w\u00fcrde.<\/li>\n<\/ul>\n<p><strong>Die &#8222;Schnellprofiansicht&#8220; und der Entwicklungsprozess:<\/strong><\/p>\n<p>Die iFrame-Technik ist besonders wertvoll, wenn es darum geht, **Seiten anzuzeigen, die noch nicht fertig oder \u00fcberarbeitet sind**. Der iFrame l\u00e4dt einfach das, was unter der angegebenen URL verf\u00fcgbar ist \u2013 egal ob final oder nicht. Das erm\u00f6glichte es Studio Enns, das Tool intern f\u00fcr eine **&#8220;Schnellprofiansicht&#8220; von Entwicklungsst\u00e4nden** zu nutzen. Man konnte sich schnell einen professionellen Eindruck verschaffen, wie eine Seite aussehen *wird*, auch wenn sie noch nicht bereit f\u00fcr die \u00d6ffentlichkeit war.<\/p>\n<p>Dies **verschafft Zeit** im Entwicklungsprozess. Man kann visuelles Feedback geben und erhalten, lange bevor eine Seite offiziell &#8222;fertig&#8220; ist. Das passt perfekt zur Philosophie, **keine &#8222;Ho-Ruck&#8220;-Jobs** zu machen, sondern \u00fcberlegt und qualit\u00e4tsorientiert zu arbeiten. Der iFrame ist hier das simple technische Mittel, das diesen professionellen, iterativen Ansatz unterst\u00fctzt.<\/p>\n<p>Obwohl die Technik einfach ist, erm\u00f6glicht sie also m\u00e4chtige Anwendungsf\u00e4lle, die weit \u00fcber das reine Betrachten fertiger Seiten hinausgehen.<\/p>\n<p>#StudioEnns, #TechnikErkl\u00e4rt, #iFrame, #WebentwicklungBasics, #FrontendTechnologie, #SeitenansehenTool, #WieFunktionierts, #WebseitenTechnik, #EinfachErkl\u00e4rt, #HinterDenKulissen, #WorkInProgress, #PreviewFeature, #Entwicklungsprozess<\/p>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p><!-- RS_MODULE_CODE_2.5.0-C --><\/p>\n<div id=\"readspeaker_button34541\" class=\"rs_skip rsbtn rs_preserve\"><a class=\"rsbtn_play\" title=\"Um den Text anzuh&ouml;ren, verwenden Sie bitte ReadSpeaker\" accesskey=\"L\" href=\"https:\/\/app-eu.readspeaker.com\/cgi-bin\/rsent?customerid=13430&amp;lang=de_de&amp;readclass=post-34541&amp;url=https%3A%2F%2Fwww.studioenns.eu%2Fwordpress%2Fvon2016bisjetzt%2Fwp-json%2Fwp%2Fv2%2Fposts%2F34541\"><span class=\"rsbtn_left rsimg rspart\"><span class=\"rsbtn_text\"><span>Vorlesen<\/span><\/span><\/span><span class=\"rsbtn_right rsimg rsplay rspart\"><\/span><\/a><\/div>\n<div id=\"rspeak_read_34541\"> Kurz erkl\u00e4rt: Wie funktioniert das Seitenansehen-Tool technisch? (Keine Angst, es ist einfach!) Sie nutzen das Studio Enns Seitenansehen-Tool (testen Sie es hier) und fragen sich vielleicht, wie es eigentlich funktioniert, dass eine komplette Webseite <a class=\"mh-excerpt-more\" href=\"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/kurz-erklaert-wie-funktioniert-das-seitenansehen-tool-technisch-keine-angst-es-ist-einfach\/studioenns\/onair\" title=\"Kurz erkl\u00e4rt: Wie funktioniert das Seitenansehen-Tool technisch? (Keine Angst, es ist einfach!)\">[&#8230;]<\/a><\/div>\n<\/div>","protected":false},"author":1,"featured_media":32502,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":2,"footnotes":""},"categories":[28],"tags":[8796,7367,8814,5419,3001,8815,8797,53,8128,8816,8817,8818,8813],"class_list":["post-34541","post","type-post","status-publish","format-standard","has-post-thumbnail","category-noch-nicht-im-archiv","tag-einfacherklaert","tag-entwicklungsprozess","tag-frontendtechnologie","tag-hinterdenkulissen","tag-iframe","tag-previewfeature","tag-seitenansehentool","tag-studioenns","tag-technikerklaert","tag-webentwicklungbasics","tag-webseitentechnik","tag-wiefunktionierts","tag-workinprogress"],"_links":{"self":[{"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/posts\/34541","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/comments?post=34541"}],"version-history":[{"count":0,"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/posts\/34541\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/media\/32502"}],"wp:attachment":[{"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/media?parent=34541"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/categories?post=34541"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/tags?post=34541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}