{"id":50374,"date":"2024-07-24T11:50:33","date_gmt":"2024-07-24T09:50:33","guid":{"rendered":"https:\/\/community.simplifier.io\/doc\/debuggen\/debuggen-im-browser\/"},"modified":"2025-12-11T15:45:49","modified_gmt":"2025-12-11T13:45:49","slug":"debuggen-im-browser","status":"publish","type":"manual_documentation","link":"https:\/\/community.simplifier.io\/de\/doc\/debuggen\/debuggen-im-browser\/","title":{"rendered":"Debugging im Browser"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row row_content_display=&#8221;in_grid&#8221; row_content_display_align=&#8221;left&#8221; row_type=&#8221;row&#8221; stretch_row_type=&#8221;yes&#8221;][vc_column][vc_column_text]Sie k\u00f6nnen Simplifier Apps einfach debuggen, indem Sie die Web Developer Tools in Chrome \u00f6ffnen<\/p>\n<p>&nbsp;<\/p>\n<h2>Schritt 1 &#8211; Setze einen Haltepunkt im Process Designer<\/h2>\n<p>F\u00fcge ein neues Business Object hinzu und aktiviere den Client Side Switch auf der rechten Seite[\/vc_column_text][vc_single_image image=&#8221;50376&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; style=&#8221;vc_box_shadow&#8221; onclick=&#8221;link_image&#8221;][vc_column_text]W\u00e4hle das Business Object ITIZ_Utilities und die Funktion Debugger[\/vc_column_text][vc_single_image image=&#8221;50375&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; style=&#8221;vc_box_shadow&#8221; onclick=&#8221;link_image&#8221;][vc_column_text]Dies setzt automatisch einen festen Haltepunkt am Ende des Workflows dieser User Story.[\/vc_column_text][vc_single_image image=&#8221;50377&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; style=&#8221;vc_box_shadow&#8221; onclick=&#8221;link_image&#8221;][vc_column_text]<\/p>\n<h2>Schritt 2 \u2013 Simplifier App im Browser bereitstellen und \u00f6ffnen<\/h2>\n<p>Nachdem du die App bereitgestellt hast, \u00f6ffne die Chrome Developer Tools, indem du die folgenden Tasten auf der Tastatur dr\u00fcckst:<\/p>\n<table style=\"border-collapse: collapse; width: 100%;\" border=\"1\">\n<tbody>\n<tr style=\"height: 24px;\">\n<td style=\"width: 50%; height: 24px;\">Windows\/Linux<\/td>\n<td style=\"width: 50%; height: 24px;\"><kbd>F12<\/kbd> oder <kbd>Control<\/kbd>+<kbd>Shift<\/kbd>+<kbd>I<\/kbd><\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"width: 50%; height: 24px;\">Mac<\/td>\n<td style=\"width: 50%; height: 24px;\"><kbd>Command<\/kbd>+<kbd>Option<\/kbd>+<kbd>I<\/kbd><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Nachdem die Konsole auf dem Bildschirm sichtbar ist, f\u00fchre die entsprechende Konfiguration innerhalb der User Story aus, um den Haltepunkt zu erreichen.[\/vc_column_text][vc_single_image image=&#8221;50378&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; style=&#8221;vc_box_shadow&#8221; onclick=&#8221;link_image&#8221;][vc_column_text]Weitere Informationen zu den M\u00f6glichkeiten des Chrome Web Developer Debugging findest du in der <a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools\/javascript\/reference\">offiziellen Dokumentation.<\/a>[\/vc_column_text][vc_column_text]<\/p>\n<h2>Schritt 3 &#8211; Suche nach anderen User Stories<\/h2>\n<p>Du kannst auch direkt im Quellcode nach den anderen User Stories suchen<\/p>\n<p>Aktiviere die Suchfunktion<\/p>\n<table style=\"border-collapse: collapse; width: 100%;\" border=\"1\">\n<tbody>\n<tr>\n<td style=\"width: 50%;\">Windows\/Linux<\/td>\n<td style=\"width: 49.9287%;\"><kbd>Control<\/kbd>+<kbd>F<\/kbd><\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50%;\">Mac<\/td>\n<td style=\"width: 49.9287%;\"><kbd>Command<\/kbd>+<kbd>F<\/kbd><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Suche nach BEGIN Story[\/vc_column_text][vc_single_image image=&#8221;50379&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; style=&#8221;vc_box_shadow&#8221; onclick=&#8221;link_image&#8221;][vc_column_text]Du kannst direkt in den generierten Quellcode springen, indem du auf eines der Suchergebnisse klickst[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Debugge Simplifier Apps, indem du Haltepunkte im Process Designer setzt, die App bereitstellst und \u00f6ffnest und dann die Chrome Developer Tools verwendest. Suche im Quellcode nach User Stories. <\/p>\n","protected":false},"author":3005,"featured_media":0,"parent":50369,"menu_order":0,"template":"","format":"standard","class_list":["post-50374","manual_documentation","type-manual_documentation","status-publish","format-standard","hentry","manualdocumentationcategory-aktueller-release"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Debugging im Browser - Simplifier Makers Club<\/title>\n<meta name=\"description\" content=\"Debugge Simplifier Apps, indem du Haltepunkte im Process Designer setzt, die App bereitstellst und \u00f6ffnest und dann die Chrome Developer Tools verwendest. Suche im Quellcode nach User Stories.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/community.simplifier.io\/de\/doc\/debuggen\/debuggen-im-browser\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Debugging im Browser - Simplifier Makers Club\" \/>\n<meta property=\"og:description\" content=\"Debugge Simplifier Apps, indem du Haltepunkte im Process Designer setzt, die App bereitstellst und \u00f6ffnest und dann die Chrome Developer Tools verwendest. Suche im Quellcode nach User Stories.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/community.simplifier.io\/de\/doc\/debuggen\/debuggen-im-browser\/\" \/>\n<meta property=\"og:site_name\" content=\"Simplifier Makers Club\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/simplifier.io\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-11T13:45:49+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@simplifier_io\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/debuggen\\\/debuggen-im-browser\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/debuggen\\\/debuggen-im-browser\\\/\"},\"author\":{\"name\":\"Christian Kleinschroth\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#\\\/schema\\\/person\\\/f8c8f6d71ca92598e95bd53c9a6e0fc6\"},\"headline\":\"Debugging im Browser\",\"datePublished\":\"2024-07-24T09:50:33+00:00\",\"dateModified\":\"2025-12-11T13:45:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/debuggen\\\/debuggen-im-browser\\\/\"},\"wordCount\":344,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#organization\"},\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/debuggen\\\/debuggen-im-browser\\\/\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/debuggen\\\/debuggen-im-browser\\\/\",\"name\":\"Debugging im Browser - Simplifier Makers Club\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#website\"},\"datePublished\":\"2024-07-24T09:50:33+00:00\",\"dateModified\":\"2025-12-11T13:45:49+00:00\",\"description\":\"Debugge Simplifier Apps, indem du Haltepunkte im Process Designer setzt, die App bereitstellst und \u00f6ffnest und dann die Chrome Developer Tools verwendest. Suche im Quellcode nach User Stories.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/debuggen\\\/debuggen-im-browser\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/debuggen\\\/debuggen-im-browser\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/debuggen\\\/debuggen-im-browser\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Builder-Leitfaden\",\"item\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Debugging\",\"item\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/debuggen\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Debugging im Browser\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/\",\"name\":\"Simplifier Makers Club\",\"description\":\"Where Ideas become Digital Reality - Simplifier Documentation, Knowledgebase, Forum, Courses and Marketplace\",\"publisher\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#organization\",\"name\":\"Simplifier AG\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/simplifier-logo.png\",\"contentUrl\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/simplifier-logo.png\",\"width\":651,\"height\":150,\"caption\":\"Simplifier AG\"},\"image\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/simplifier.io\\\/\",\"https:\\\/\\\/x.com\\\/simplifier_io\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/simplifier-ag\\\/\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/Simplifier\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#\\\/schema\\\/person\\\/f8c8f6d71ca92598e95bd53c9a6e0fc6\",\"name\":\"Christian Kleinschroth\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/avatars\\\/3005\\\/1713534997-bpfull.png\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/avatars\\\/3005\\\/1713534997-bpfull.png\",\"contentUrl\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/avatars\\\/3005\\\/1713534997-bpfull.png\",\"caption\":\"Christian Kleinschroth\"},\"description\":\"Hi, I\u2019m Christian, CTO and Co-Founder of Simplifier. My passion lies in driving technological innovation to empower businesses with our low-code platform. I lead our technical teams to ensure that our solutions are cutting-edge, secure, and scalable, meeting the highest standards of quality and performance. At Simplifier, we are committed to transforming the way you develop applications, making it faster and more efficient to achieve your goals.\",\"sameAs\":[\"https:\\\/\\\/de.linkedin.com\\\/in\\\/christian-kleinschroth-a491a06b\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Debugging im Browser - Simplifier Makers Club","description":"Debugge Simplifier Apps, indem du Haltepunkte im Process Designer setzt, die App bereitstellst und \u00f6ffnest und dann die Chrome Developer Tools verwendest. Suche im Quellcode nach User Stories.","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:\/\/community.simplifier.io\/de\/doc\/debuggen\/debuggen-im-browser\/","og_locale":"de_DE","og_type":"article","og_title":"Debugging im Browser - Simplifier Makers Club","og_description":"Debugge Simplifier Apps, indem du Haltepunkte im Process Designer setzt, die App bereitstellst und \u00f6ffnest und dann die Chrome Developer Tools verwendest. Suche im Quellcode nach User Stories.","og_url":"https:\/\/community.simplifier.io\/de\/doc\/debuggen\/debuggen-im-browser\/","og_site_name":"Simplifier Makers Club","article_publisher":"https:\/\/www.facebook.com\/simplifier.io\/","article_modified_time":"2025-12-11T13:45:49+00:00","twitter_card":"summary_large_image","twitter_site":"@simplifier_io","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/community.simplifier.io\/de\/doc\/debuggen\/debuggen-im-browser\/#article","isPartOf":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/debuggen\/debuggen-im-browser\/"},"author":{"name":"Christian Kleinschroth","@id":"https:\/\/community.simplifier.io\/de\/#\/schema\/person\/f8c8f6d71ca92598e95bd53c9a6e0fc6"},"headline":"Debugging im Browser","datePublished":"2024-07-24T09:50:33+00:00","dateModified":"2025-12-11T13:45:49+00:00","mainEntityOfPage":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/debuggen\/debuggen-im-browser\/"},"wordCount":344,"commentCount":0,"publisher":{"@id":"https:\/\/community.simplifier.io\/de\/#organization"},"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/community.simplifier.io\/de\/doc\/debuggen\/debuggen-im-browser\/","url":"https:\/\/community.simplifier.io\/de\/doc\/debuggen\/debuggen-im-browser\/","name":"Debugging im Browser - Simplifier Makers Club","isPartOf":{"@id":"https:\/\/community.simplifier.io\/de\/#website"},"datePublished":"2024-07-24T09:50:33+00:00","dateModified":"2025-12-11T13:45:49+00:00","description":"Debugge Simplifier Apps, indem du Haltepunkte im Process Designer setzt, die App bereitstellst und \u00f6ffnest und dann die Chrome Developer Tools verwendest. Suche im Quellcode nach User Stories.","breadcrumb":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/debuggen\/debuggen-im-browser\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/community.simplifier.io\/de\/doc\/debuggen\/debuggen-im-browser\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/community.simplifier.io\/de\/doc\/debuggen\/debuggen-im-browser\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/community.simplifier.io\/de\/"},{"@type":"ListItem","position":2,"name":"Builder-Leitfaden","item":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/"},{"@type":"ListItem","position":3,"name":"Debugging","item":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/debuggen\/"},{"@type":"ListItem","position":4,"name":"Debugging im Browser"}]},{"@type":"WebSite","@id":"https:\/\/community.simplifier.io\/de\/#website","url":"https:\/\/community.simplifier.io\/de\/","name":"Simplifier Makers Club","description":"Where Ideas become Digital Reality - Simplifier Documentation, Knowledgebase, Forum, Courses and Marketplace","publisher":{"@id":"https:\/\/community.simplifier.io\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/community.simplifier.io\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/community.simplifier.io\/de\/#organization","name":"Simplifier AG","url":"https:\/\/community.simplifier.io\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/community.simplifier.io\/de\/#\/schema\/logo\/image\/","url":"https:\/\/community.simplifier.io\/wp-content\/uploads\/2024\/09\/simplifier-logo.png","contentUrl":"https:\/\/community.simplifier.io\/wp-content\/uploads\/2024\/09\/simplifier-logo.png","width":651,"height":150,"caption":"Simplifier AG"},"image":{"@id":"https:\/\/community.simplifier.io\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/simplifier.io\/","https:\/\/x.com\/simplifier_io","https:\/\/www.linkedin.com\/company\/simplifier-ag\/","https:\/\/www.youtube.com\/c\/Simplifier\/"]},{"@type":"Person","@id":"https:\/\/community.simplifier.io\/de\/#\/schema\/person\/f8c8f6d71ca92598e95bd53c9a6e0fc6","name":"Christian Kleinschroth","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/community.simplifier.io\/wp-content\/uploads\/avatars\/3005\/1713534997-bpfull.png","url":"https:\/\/community.simplifier.io\/wp-content\/uploads\/avatars\/3005\/1713534997-bpfull.png","contentUrl":"https:\/\/community.simplifier.io\/wp-content\/uploads\/avatars\/3005\/1713534997-bpfull.png","caption":"Christian Kleinschroth"},"description":"Hi, I\u2019m Christian, CTO and Co-Founder of Simplifier. My passion lies in driving technological innovation to empower businesses with our low-code platform. I lead our technical teams to ensure that our solutions are cutting-edge, secure, and scalable, meeting the highest standards of quality and performance. At Simplifier, we are committed to transforming the way you develop applications, making it faster and more efficient to achieve your goals.","sameAs":["https:\/\/de.linkedin.com\/in\/christian-kleinschroth-a491a06b"]}]}},"permalink_manager":null,"_links":{"self":[{"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs\/50374","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/types\/manual_documentation"}],"author":[{"embeddable":true,"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/users\/3005"}],"version-history":[{"count":5,"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs\/50374\/revisions"}],"predecessor-version":[{"id":74542,"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs\/50374\/revisions\/74542"}],"up":[{"embeddable":true,"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs\/50369"}],"wp:attachment":[{"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/media?parent=50374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}