Zeigen Sie Ihre Web-App lokal in der Windsurf IDE oder im Browser in der Vorschau an – mit Elementauswahl, Fehlererfassung und direkter Integration mit Cascade für schnelle Iterationen.
Windsurf Previews ermöglichen es Ihnen, die lokale Bereitstellung Ihrer App entweder in der IDE oder im Browser (optimiert für Google Chrome, Arc und auf Chromium basierende Browser) mit Listenern anzuzeigen, sodass Sie schnell iterieren können, indem Sie Elemente und Fehler einfach als Kontext zurück an Cascade senden.Windsurf Previews werden über einen Tool-Call geöffnet. Bitten Sie Cascade einfach, Ihre Site zu previewen, um zu starten. Alternativ können Sie auch auf das Web-Icon in der Cascade-Toolbar klicken, um die natürlichsprachige Eingabeaufforderung automatisch an den Proxy zu übergeben.
Elemente an Cascade senden
In der Vorschau können Sie Elemente/Komponenten und Fehler direkt an Cascade senden. Klicken Sie einfach unten rechts auf die Schaltfläche „Element senden“ und wählen Sie anschließend das Element aus, das Sie senden möchten.Das ausgewählte Element wird als @ mention in Ihren aktuellen Cascade-Prompt eingefügt. Sie können im Prompt beliebig viele Elemente hinzufügen.
Vorschau im IDE
Windsurf kann eine Vorschau als neuen Tab in Ihrem Editor öffnen. Dies ist eine einfache Webansicht, mit der Sie eine Web-App neben Ihrem Cascade-Panel anzeigen können.Da diese Vorschauen lokal gehostet werden, können Sie sie auch in Ihrem Systembrowser öffnen – inklusive aller Listener sowie der Möglichkeit, Elemente auszuwählen und Elemente sowie Konsolenfehler an Cascade zu senden.
Die Listener und die Funktionen zum Senden von Elementen und Fehlern sind für Google Chrome, Arc und Chromium-basierte Browser optimiert.
Deaktivieren
Sie können Windsurf Previews über die Windsurf-Einstellungen deaktivieren. Dadurch wird verhindert, dass Cascade diesen Toolaufruf ausführt.
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Windsurf Docs","colors":{"primary":"#34E8BB","light":"#34E8BB","dark":"#34E8BB"},"logo":{"light":"https://mintcdn.com/codeium/Hr_wKmLaXZaiQOb6/assets/windsurf-black-logo.svg?fit=max\u0026auto=format\u0026n=Hr_wKmLaXZaiQOb6\u0026q=85\u0026s=9d8592a768328271378364064a81840f","dark":"https://mintcdn.com/codeium/Wq_VJcrav3XIkIsv/assets/windsurf-white-logo.svg?fit=max\u0026auto=format\u0026n=Wq_VJcrav3XIkIsv\u0026q=85\u0026s=cf2529c7ca0b084c690089bc03b55830","href":"https://windsurf.com"},"favicon":{"light":"https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/favicon.png?fit=max\u0026auto=format\u0026n=d8O4q6w3H2CjrirL\u0026q=85\u0026s=4d5b8948a5f906d0cbc35a86c11be09c","dark":"https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/favicon.png?fit=max\u0026auto=format\u0026n=d8O4q6w3H2CjrirL\u0026q=85\u0026s=4d5b8948a5f906d0cbc35a86c11be09c"},"navbar":{"links":[],"primary":{"type":"button","label":"Download","href":"https://windsurf.com/download"}},"footer":{"socials":{"twitter":"https://x.com/windsurf","discord":"https://discord.com/invite/3XFf78nAx5"}},"seo":{"metatags":{"og:image":"https://exafunction.github.io/public/hero/thumbnail_docs.png","twitter:image":"https://exafunction.github.io/public/hero/thumbnail_docs.png","twitter:site":"@windsurf","og:description":"Docs for Windsurf (formerly Codeium): your modern coding superpowers.","og:site_name":"Windsurf Docs","twitter:description":"Docs for Windsurf (formerly Codeium): your modern coding superpowers."},"indexing":"navigable"},"integrations":{"ga4":{"measurementId":"G-8183L9GV0M"}},"contextual":{"options":["copy","view"],"display":"header"},"styling":{"latex":true},"navigation":{"languages":[{"language":"en","href":"windsurf/getting-started"},{"language":"fr","href":"fr/windsurf/getting-started"},{"language":"es","href":"es/windsurf/getting-started"},{"language":"de","href":"de/windsurf/getting-started"},{"language":"pt-BR","href":"pt-BR/windsurf/getting-started"},{"language":"zh","href":"zh/windsurf/getting-started"},{"language":"ja","href":"ja/windsurf/getting-started"},{"language":"ro","href":"ro/windsurf/getting-started"}]}},"deployment":{"deploymentMetadataValue":{"subdomain":"codeium","hasAudioNarration":false,"actualSubdomain":"codeium","customDomains":["docs.windsurf.com"],"gitSource":{"type":"github","owner":"exafunction","repo":"codeium-docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"entitlements":{"AI_CHAT":{"status":"ENABLED"},"REMOVE_BRANDING":{"status":"ENABLED"},"CONTEXTUAL_FEEDBACK":{"status":"ENABLED"},"CODE_SNIPPET_FEEDBACK":{"status":"ENABLED"},"WEB_MCP":{"status":"ENABLED"},"NARRATION":{"status":"ENABLED"}},"buildId":"6ae921b9a7789b0d4de9976b:success","clientVersion":"0.0.4131","searchFilterCounts":[{"language":"en","tag":"Windsurf","count":57},{"language":"de","tag":"Windsurf","count":49},{"language":"es","tag":"Windsurf","count":49},{"language":"fr","tag":"Windsurf","count":49},{"language":"ja","tag":"Windsurf","count":49},{"language":"pt-BR","tag":"Windsurf","count":49},{"language":"ro","tag":"Windsurf","count":49},{"language":"zh","tag":"Windsurf","count":49},{"language":"en","tag":"Windsurf Plugins","count":44},{"language":"de","tag":"Windsurf Plugins","count":44},{"language":"es","tag":"Windsurf Plugins","count":44},{"language":"fr","tag":"Windsurf Plugins","count":44},{"language":"ja","tag":"Windsurf Plugins","count":44},{"language":"pt-BR","tag":"Windsurf Plugins","count":44},{"language":"ro","tag":"Windsurf Plugins","count":44},{"language":"zh","tag":"Windsurf Plugins","count":44},{"language":"en","tag":"Accounts","count":32},{"language":"de","tag":"Konten","count":30},{"language":"es","tag":"Cuentas","count":30},{"language":"fr","tag":"Comptes","count":30},{"language":"ja","tag":"アカウント","count":30},{"language":"pt-BR","tag":"Contas","count":30},{"language":"ro","tag":"Conturi","count":30},{"language":"zh","tag":"账户","count":30},{"language":"en","tag":"Teams \u0026 Enterprise","count":27},{"language":"de","tag":"Teams \u0026 Enterprise","count":26},{"language":"es","tag":"Teams y Enterprise","count":26},{"language":"fr","tag":"Teams et Enterprise","count":26},{"language":"pt-BR","tag":"Teams e Enterprise","count":26},{"language":"en","tag":"API Reference","count":18},{"language":"de","tag":"API-Referenz","count":18},{"language":"es","tag":"Referencia de la API","count":18},{"language":"fr","tag":"Référence de l’API","count":18},{"language":"ja","tag":"API リファレンス","count":18},{"language":"pt-BR","tag":"Referência da API","count":18},{"language":"zh","tag":"API 参考","count":18},{"language":"en","tag":"Editor","count":16},{"language":"de","tag":"Editor","count":14},{"language":"es","tag":"Editor","count":14},{"language":"fr","tag":"Éditeur","count":14},{"language":"ja","tag":"エディタ","count":14},{"language":"ja","tag":"Teams と Enterprise","count":14},{"language":"pt-BR","tag":"Editor","count":14},{"language":"ro","tag":"Editor","count":14},{"language":"ro","tag":"Teams și Enterprise","count":14},{"language":"zh","tag":"编辑器","count":14},{"language":"zh","tag":"Teams 与 Enterprise","count":14},{"language":"en","tag":"Troubleshooting","count":13},{"language":"de","tag":"Fehlerbehebung","count":13},{"language":"fr","tag":"Dépannage","count":13},{"language":"ja","tag":"トラブルシューティング","count":13},{"language":"ro","tag":"Depanare","count":13},{"language":"zh","tag":"故障排查","count":13},{"language":"en","tag":"Cascade","count":12},{"language":"de","tag":"Cascade","count":12},{"language":"es","tag":"Cascade","count":12},{"language":"fr","tag":"Cascade","count":12},{"language":"ja","tag":"Teams \u0026 Enterprise","count":12},{"language":"ja","tag":"Cascade","count":12},{"language":"pt-BR","tag":"Cascade","count":12},{"language":"ro","tag":"Teams \u0026 Enterprise","count":12},{"language":"ro","tag":"Cascade","count":12},{"language":"zh","tag":"Teams 和 Enterprise","count":12},{"language":"zh","tag":"Cascade","count":12},{"language":"en","tag":"Analytics API","count":10},{"language":"de","tag":"Analytics-API","count":10},{"language":"es","tag":"Analytics API","count":10},{"language":"fr","tag":"Analytics API","count":10},{"language":"ja","tag":"Analytics API(アナリティクス API)","count":10},{"language":"pt-BR","tag":"Analytics API","count":10},{"language":"ro","tag":"Analytics API","count":10},{"language":"zh","tag":"Analytics API","count":10},{"language":"ro","tag":"Referință API","count":9},{"language":"de","tag":"Erste Schritte","count":8},{"language":"es","tag":"Primeros pasos","count":8},{"language":"pt-BR","tag":"Primeiros passos","count":8},{"language":"es","tag":"Solución de problemas","count":7},{"language":"pt-BR","tag":"Solução de problemas","count":7},{"language":"en","tag":"Features","count":6},{"language":"fr","tag":"Fonctionnalités","count":6}]},"assistantConfig":{},"basePath":"","hasChatPermissions":true,"hasWebMcpPermissions":true,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-rbac-roles","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-metadata","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"de/windsurf/previews","slug":"/de/windsurf/previews","pageMetadata":{"title":"Windsurf-Previews","sidebarTitle":"Browser-Previews","description":"Zeigen Sie Ihre Web-App lokal in der Windsurf IDE oder im Browser in der Vorschau an – mit Elementauswahl, Fehlererfassung und direkter Integration mit Cascade für schnelle Iterationen.","keywords":["Vorschau","Browser","Web-App","lokale Entwicklung","Chrome","Elemente","Fehler","Debugging"],"href":"/de/windsurf/previews"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Zeigen Sie Ihre Web-App lokal in der Windsurf IDE oder im Browser in der Vorschau an – mit Elementauswahl, Fehlererfassung und direkter Integration mit Cascade für schnelle Iterationen.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={code:`code`,p:`p`,..._provideComponents(),...props.components},{Frame,Heading,OptimizedImage,Warning}=_components;if(!Frame)_missingMdxReference(`Frame`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Warning)_missingMdxReference(`Warning`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`Windsurf Previews ermöglichen es Ihnen, die lokale Bereitstellung Ihrer App entweder in der IDE oder im Browser (optimiert für Google Chrome, Arc und auf Chromium basierende Browser) mit Listenern anzuzeigen, sodass Sie schnell iterieren können, indem Sie Elemente und Fehler einfach als Kontext zurück an Cascade senden.`}),`\n`,_jsx(`video`,{autoPlay:true,muted:true,loop:true,playsInline:true,className:`mint-w-full mint-aspect-video`,src:`https://mintcdn.com/codeium/bVGscI7v3lPUsThV/assets/windsurf/previews/browser-preview-demo.mp4?fit=max\u0026auto=format\u0026n=bVGscI7v3lPUsThV\u0026q=85\u0026s=b3befa08affd8c5c10a84ae9259d0f15`,\"data-path\":`assets/windsurf/previews/browser-preview-demo.mp4`}),`\n`,_jsx(_components.p,{children:`Windsurf Previews werden über einen Tool-Call geöffnet. Bitten Sie Cascade einfach, Ihre Site zu previewen, um zu starten. Alternativ können Sie auch auf das Web-Icon in der Cascade-Toolbar klicken, um die natürlichsprachige Eingabeaufforderung automatisch an den Proxy zu übergeben.`}),`\n`,_jsx(Frame,{style:{border:`none`,background:`none`},children:_jsx(OptimizedImage,{src:`https://mintcdn.com/codeium/bVGscI7v3lPUsThV/assets/windsurf/previews/website-tools-icon.png?fit=max\u0026auto=format\u0026n=bVGscI7v3lPUsThV\u0026q=85\u0026s=6a607c6a7beaafe915760d80a78c8da6`,\"data-og-width\":`392`,width:`392`,\"data-og-height\":`216`,height:`216`,\"data-path\":`assets/windsurf/previews/website-tools-icon.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/codeium/bVGscI7v3lPUsThV/assets/windsurf/previews/website-tools-icon.png?w=280\u0026fit=max\u0026auto=format\u0026n=bVGscI7v3lPUsThV\u0026q=85\u0026s=7222fc826af6a55cb824fb3fce30ce84 280w, https://mintcdn.com/codeium/bVGscI7v3lPUsThV/assets/windsurf/previews/website-tools-icon.png?w=560\u0026fit=max\u0026auto=format\u0026n=bVGscI7v3lPUsThV\u0026q=85\u0026s=bfbfb672a37d24ef3f11a52c62ae050c 560w, https://mintcdn.com/codeium/bVGscI7v3lPUsThV/assets/windsurf/previews/website-tools-icon.png?w=840\u0026fit=max\u0026auto=format\u0026n=bVGscI7v3lPUsThV\u0026q=85\u0026s=bae2bad59e313d1fe53e47c3c9141f5b 840w, https://mintcdn.com/codeium/bVGscI7v3lPUsThV/assets/windsurf/previews/website-tools-icon.png?w=1100\u0026fit=max\u0026auto=format\u0026n=bVGscI7v3lPUsThV\u0026q=85\u0026s=a3cafe879660aa08f70dca8e269a3032 1100w, https://mintcdn.com/codeium/bVGscI7v3lPUsThV/assets/windsurf/previews/website-tools-icon.png?w=1650\u0026fit=max\u0026auto=format\u0026n=bVGscI7v3lPUsThV\u0026q=85\u0026s=038211eef5f4587cfced6ea316d62ec9 1650w, https://mintcdn.com/codeium/bVGscI7v3lPUsThV/assets/windsurf/previews/website-tools-icon.png?w=2500\u0026fit=max\u0026auto=format\u0026n=bVGscI7v3lPUsThV\u0026q=85\u0026s=9dff09c4af8de6a34ec980815bdc13cd 2500w`})}),`\n`,_jsx(`div`,{id:`send-elements-to-cascade`,children:_jsx(Heading,{level:`1`,id:`elemente-an-cascade-senden`,children:`Elemente an Cascade senden`})}),`\n`,_jsx(_components.p,{children:`In der Vorschau können Sie Elemente/Komponenten und Fehler direkt an Cascade senden. Klicken Sie einfach unten rechts auf die Schaltfläche „Element senden“ und wählen Sie anschließend das Element aus, das Sie senden möchten.`}),`\n`,_jsxs(_components.p,{children:[`Das ausgewählte Element wird als `,_jsx(_components.code,{children:`@ mention`}),` in Ihren aktuellen Cascade-Prompt eingefügt. Sie können im Prompt beliebig viele Elemente hinzufügen.`]}),`\n`,_jsx(`div`,{id:`in-ide-preview`,children:_jsx(Heading,{level:`1`,id:`vorschau-im-ide`,children:`Vorschau im IDE`})}),`\n`,_jsx(_components.p,{children:`Windsurf kann eine Vorschau als neuen Tab in Ihrem Editor öffnen. Dies ist eine einfache Webansicht, mit der Sie eine Web-App neben Ihrem Cascade-Panel anzeigen können.`}),`\n`,_jsx(_components.p,{children:`Da diese Vorschauen lokal gehostet werden, können Sie sie auch in Ihrem Systembrowser öffnen – inklusive aller Listener sowie der Möglichkeit, Elemente auszuwählen und Elemente sowie Konsolenfehler an Cascade zu senden.`}),`\n`,_jsx(Warning,{children:`Die Listener und die Funktionen zum Senden von Elementen und Fehlern sind für Google Chrome, Arc und Chromium-basierte Browser optimiert.`}),`\n`,_jsx(`div`,{id:`how-to-disable`,children:_jsx(Heading,{level:`1`,id:`deaktivieren`,children:`Deaktivieren`})}),`\n`,_jsx(_components.p,{children:`Sie können Windsurf Previews über die Windsurf-Einstellungen deaktivieren. Dadurch wird verhindert, dass Cascade diesen Toolaufruf ausführt.`})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Windsurf-Previews","sidebarTitle":"Browser-Previews","description":"Zeigen Sie Ihre Web-App lokal in der Windsurf IDE oder im Browser in der Vorschau an – mit Elementauswahl, Fehlererfassung und direkter Integration mit Cascade für schnelle Iterationen.","keywords":["Vorschau","Browser","Web-App","lokale Entwicklung","Chrome","Elemente","Fehler","Debugging"],"href":"/de/windsurf/previews"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Elemente an Cascade senden","slug":"elemente-an-cascade-senden","depth":1,"children":[]},{"title":"Vorschau im IDE","slug":"vorschau-im-ide","depth":1,"children":[]},{"title":"Deaktivieren","slug":"deaktivieren","depth":1,"children":[]}],"codeExamples":{}},"jsLinks":[],"dynamicCss":".mint-aspect-video {\n aspect-ratio: 16 / 9\n}\n.mint-w-full {\n width: 100%\n}","subdomain":"codeium","siteName":"Windsurf Docs","title":"Windsurf-Previews - Windsurf Docs","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{"en":{"href":"/windsurf/previews","matchLevel":1},"fr":{"href":"/fr/windsurf/previews","matchLevel":1},"es":{"href":"/es/windsurf/previews","matchLevel":1},"de":{"href":"/de/windsurf/previews","matchLevel":0},"pt-BR":{"href":"/pt-BR/windsurf/previews","matchLevel":1},"zh":{"href":"/zh/windsurf/previews","matchLevel":1},"ja":{"href":"/ja/windsurf/previews","matchLevel":1},"ro":{"href":"/ro/windsurf/previews","matchLevel":1}}},"lastModified":"2026-03-09T16:56:00.640Z","originalFileLocation":"de/windsurf/previews.mdx","locale":"de"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Zeigen Sie Ihre Web-App lokal in der Windsurf IDE oder im Browser in der Vorschau an – mit Elementauswahl, Fehlererfassung und direkter Integration mit Cascade für schnelle Iterationen.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Windsurf Docs\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/codeium/fpJcfiGfVrP-tNfE/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/codeium/fpJcfiGfVrP-tNfE/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/codeium/fpJcfiGfVrP-tNfE/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/codeium/fpJcfiGfVrP-tNfE/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/codeium/fpJcfiGfVrP-tNfE/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/codeium/fpJcfiGfVrP-tNfE/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/codeium/fpJcfiGfVrP-tNfE/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/codeium/fpJcfiGfVrP-tNfE/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/codeium/fpJcfiGfVrP-tNfE/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Windsurf-Previews - Windsurf Docs\">\u003cmeta data-mint-head property=\"og:description\" content=\"Docs for Windsurf (formerly Codeium): your modern coding superpowers.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Windsurf Docs\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.windsurf.com/de/windsurf/previews\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://exafunction.github.io/public/hero/thumbnail_docs.png\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Windsurf-Previews - Windsurf Docs\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Docs for Windsurf (formerly Codeium): your modern coding superpowers.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://exafunction.github.io/public/hero/thumbnail_docs.png\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/codeium/fpJcfiGfVrP-tNfE/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Windsurf Docs\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#34E8BB\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.windsurf.com/de/windsurf/previews\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/de/windsurf/previews.md\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"de\" href=\"https://docs.windsurf.com/de/windsurf/previews\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"en\" href=\"https://docs.windsurf.com/windsurf/previews\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"fr\" href=\"https://docs.windsurf.com/fr/windsurf/previews\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"es\" href=\"https://docs.windsurf.com/es/windsurf/previews\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"pt-BR\" href=\"https://docs.windsurf.com/pt-BR/windsurf/previews\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"zh\" href=\"https://docs.windsurf.com/zh/windsurf/previews\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"ja\" href=\"https://docs.windsurf.com/ja/windsurf/previews\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"ro\" href=\"https://docs.windsurf.com/ro/windsurf/previews\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"x-default\" href=\"https://docs.windsurf.com/windsurf/previews\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.windsurf.com/#organization\",\"name\":\"Windsurf Docs\",\"url\":\"https://docs.windsurf.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/codeium/Hr_wKmLaXZaiQOb6/assets/windsurf-black-logo.svg?fit=max\u0026auto=format\u0026n=Hr_wKmLaXZaiQOb6\u0026q=85\u0026s=9d8592a768328271378364064a81840f\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.windsurf.com#website\",\"name\":\"Windsurf Docs\",\"url\":\"https://docs.windsurf.com\",\"publisher\":{\"@id\":\"https://docs.windsurf.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.windsurf.com/de/windsurf/previews#webpage\",\"url\":\"https://docs.windsurf.com/de/windsurf/previews\",\"name\":\"Windsurf-Previews\",\"description\":\"Zeigen Sie Ihre Web-App lokal in der Windsurf IDE oder im Browser in der Vorschau an – mit Elementauswahl, Fehlererfassung und direkter Integration mit Cascade für schnelle Iterationen.\",\"dateModified\":\"2026-03-09T16:56:00.640Z\",\"isPartOf\":{\"@id\":\"https://docs.windsurf.com#website\"},\"breadcrumb\":{\"@id\":\"https://docs.windsurf.com/de/windsurf/previews#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.windsurf.com/de/windsurf/previews#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Editor\",\"item\":\"https://docs.windsurf.com/de/windsurf/getting-started\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Windsurf-Previews\",\"item\":\"https://docs.windsurf.com/de/windsurf/previews\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.windsurf.com/de/windsurf/previews#article\",\"headline\":\"Windsurf-Previews\",\"name\":\"Windsurf-Previews\",\"description\":\"Zeigen Sie Ihre Web-App lokal in der Windsurf IDE oder im Browser in der Vorschau an – mit Elementauswahl, Fehlererfassung und direkter Integration mit Cascade für schnelle Iterationen.\",\"url\":\"https://docs.windsurf.com/de/windsurf/previews\",\"mainEntityOfPage\":{\"@id\":\"https://docs.windsurf.com/de/windsurf/previews#webpage\"},\"image\":\"https://exafunction.github.io/public/hero/thumbnail_docs.png\",\"dateModified\":\"2026-03-09T16:56:00.640Z\",\"keywords\":\"Vorschau, Browser, Web-App, lokale Entwicklung, Chrome, Elemente, Fehler, Debugging\",\"publisher\":{\"@id\":\"https://docs.windsurf.com/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.windsurf.com#website\"}}]}\u003c/script>","agentPointerHref":"/de/windsurf/previews.md","siteName":"Windsurf Docs","nav":{"global":null,"languages":[{"language":"en","pages":[{"title":"en","href":"/windsurf/previews"}]},{"language":"fr","pages":[{"title":"fr","href":"/fr/windsurf/previews"}]},{"language":"es","pages":[{"title":"es","href":"/es/windsurf/previews"}]},{"language":"de","tabs":[{"tab":"Windsurf","groups":[{"group":"Editor","pages":[{"group":"Erste Schritte","pages":[{"title":"Willkommen bei Windsurf","sidebarTitle":"Einrichtung","href":"/de/windsurf/getting-started"},{"group":"Empfohlene Erweiterungen","pages":[{"title":"Empfohlene Erweiterungen","href":"/de/windsurf/recommended-extensions"},{"title":"C#, .NET und CPP","href":"/de/windsurf/csharp-cpp"}]}]},{"title":"AI-Modelle","sidebarTitle":"Modelle","href":"/de/windsurf/models"},{"title":"Windsurf Tab","sidebarTitle":"Tab","href":"/de/tab/overview"},{"title":"Command","sidebarTitle":"Command","href":"/de/command/windsurf-overview"},{"title":"Code Lenses","href":"/de/command/windsurf-related-features"},{"title":"Terminal","sidebarTitle":"Terminal","description":"Verwenden Sie das erweiterte Terminal von Windsurf mit Command-Modus, Cascade-Integration, Turbo-Modus für die automatische Ausführung sowie Allow- und Deny-Listen zur Befehlssteuerung.","href":"/de/windsurf/terminal"},{"title":"Windsurf-Previews","sidebarTitle":"Browser-Previews","href":"/de/windsurf/previews"},{"title":"KI-Commit-Nachrichten","description":"Erzeuge mit KI automatisch aussagekräftige Git-Commit-Nachrichten, indem du deine Codeänderungen mit nur einem Klick in Windsurf analysieren lässt.","href":"/de/windsurf/ai-commit-message"},{"title":"DeepWiki","sidebarTitle":"DeepWiki","href":"/de/windsurf/deepwiki"},{"title":"Codemaps","href":"/de/windsurf/codemaps"},{"title":"Vibe and Replace","sidebarTitle":"Vibe and Replace","href":"/de/windsurf/vibe-and-replace"},{"title":"Erweiterte Konfiguration","sidebarTitle":"Erweitert","href":"/de/windsurf/advanced"}]},{"group":"Cascade","pages":[{"title":"Cascade – Überblick","sidebarTitle":"Überblick","href":"/de/windsurf/cascade/cascade"},{"title":"Arena-Modus","sidebarTitle":"Arena-Modus","href":"/de/windsurf/cascade/arena"},{"title":"Cascade-Modi","sidebarTitle":"Modi","href":"/de/windsurf/cascade/modes"},{"title":"App Deploys","href":"/de/windsurf/cascade/app-deploys"},{"title":"Web- und Dokumentsuche","href":"/de/windsurf/cascade/web-search"},{"title":"Memories \u0026 Regeln","href":"/de/windsurf/cascade/memories"},{"title":"Skills","href":"/de/windsurf/cascade/skills"},{"title":"AGENTS.md","sidebarTitle":"AGENTS.md","href":"/de/windsurf/cascade/agents-md"},{"title":"Workflows","sidebarTitle":"Workflows","href":"/de/windsurf/cascade/workflows"},{"title":"Worktrees","sidebarTitle":"Worktrees","href":"/de/windsurf/cascade/worktrees"},{"title":"Model Context Protocol (MCP)","href":"/de/windsurf/cascade/mcp"},{"title":"Cascade Hooks","href":"/de/windsurf/cascade/hooks"}]},{"group":"Konten","pages":[{"title":"Pläne und Credit-Nutzung","sidebarTitle":"Nutzung","href":"/de/windsurf/accounts/usage"},{"title":"Analytics","href":"/de/windsurf/accounts/analytics"},{"group":"Teams \u0026 Enterprise","pages":[{"group":"Erste Schritte","pages":[{"title":"Erste Schritte mit Teams und Enterprise","sidebarTitle":"Erste Schritte","href":"/de/windsurf/accounts/teams-getting-started"},{"title":"Leitfaden für Administratoren","href":"/de/windsurf/guide-for-admins"}]},{"title":"Rollenbasierter Zugriff \u0026 Verwaltung","sidebarTitle":"Rollenbasierter Zugriff","href":"/de/windsurf/accounts/rbac-role-management"},{"group":"API-Referenz","pages":[{"title":"API-Referenz","href":"/de/windsurf/accounts/api-reference/api-introduction"},{"group":"Analytics-API","pages":[{"title":"Analytics-API","href":"/de/windsurf/accounts/api-reference/analytics-api-introduction"},{"title":"Seiten-Analytics für Benutzer abrufen","api":"POST https://server.codeium.com/api/v1/UserPageAnalytics","href":"/de/windsurf/accounts/api-reference/user-page-analytics"},{"title":"Cascade Analytics abrufen","api":"POST https://server.codeium.com/api/v1/CascadeAnalytics","href":"/de/windsurf/accounts/api-reference/cascade-analytics"},{"title":"Benutzerdefinierte Analytics-Abfrage","api":"POST https://server.codeium.com/api/v1/Analytics","href":"/de/windsurf/accounts/api-reference/custom-analytics"},{"title":"Fehlerbehandlung","href":"/de/windsurf/accounts/api-reference/errors"}]},{"group":"Nutzungs-API","pages":[{"title":"Nutzungskonfiguration einrichten","api":"POST https://server.codeium.com/api/v1/UsageConfig","href":"/de/windsurf/accounts/api-reference/usage-config"},{"title":"Nutzungskonfiguration abrufen","api":"POST https://server.codeium.com/api/v1/GetUsageConfig","href":"/de/windsurf/accounts/api-reference/get-usage-config"},{"title":"Guthabenstand des Teams abrufen","api":"POST https://server.codeium.com/api/v1/GetTeamCreditBalance","href":"/de/windsurf/accounts/api-reference/get-team-credit-balance"}]}]},{"title":"Einrichten von SSO \u0026 SCIM","sidebarTitle":"SSO \u0026 SCIM","href":"/de/windsurf/accounts/sso-scim"},{"title":"Domainverifizierung","sidebarTitle":"Domainverifizierung","href":"/de/windsurf/accounts/domain-verification"}]}]},{"group":"Kontextverständnis","pages":[{"title":"Kontextbewusstsein in Windsurf","sidebarTitle":"Übersicht","href":"/de/context-awareness/windsurf-overview"},{"title":"Fast Context","href":"/de/context-awareness/fast-context"},{"title":"Windsurf Ignore","href":"/de/context-awareness/windsurf-ignore"}]},{"group":"Fehlerbehebung","pages":[{"title":"Häufige Probleme mit Windsurf","sidebarTitle":"Häufige Probleme","href":"/de/troubleshooting/windsurf-common-issues"},{"title":"Proxy-Konfiguration im Windsurf-Editor","sidebarTitle":"Proxy-Konfiguration","href":"/de/troubleshooting/windsurf-proxy-configuration"},{"title":"Probleme mit TLS-/SSL-Inspektion in Windsurf","sidebarTitle":"SSL-Inspektion","href":"/de/troubleshooting/windsurf-ssl-inspection"},{"title":"Language Server schlägt unter Linux mit „No Space Left on Device“ fehl","sidebarTitle":"Linux-inotify-Grenzwerte","href":"/de/troubleshooting/windsurf-inotify-limits"},{"title":"Bekannte WSL-Probleme","sidebarTitle":"WSL-Probleme","href":"/de/troubleshooting/windsurf-wsl-performance"},{"title":"Windsurf-Logs sammeln","sidebarTitle":"Logs sammeln","href":"/de/troubleshooting/windsurf-gathering-logs"}]},{"group":"Sicherheit","pages":[{"title":"FedRAMP-Sicherheits-Admin-Handbuch","sidebarTitle":"FedRAMP-Sicherheits-Admin-Handbuch","href":"/de/security/security-admin-guide"},{"title":"Meldung von Sicherheitsbedenken","sidebarTitle":"Meldung","href":"/de/security/reporting"}]}]},{"tab":"Windsurf Plugins","pages":[{"title":"Windsurf Plugins","href":"/de/plugins/getting-started"}]}],"global":{"anchors":[{"anchor":"Discord-Community","icon":"discord","href":"https://discord.com/invite/3XFf78nAx5"},{"anchor":"Windsurf-Blog","icon":"newspaper","href":"https://windsurf.com/blog"},{"anchor":"Support","icon":"bug","href":"https://windsurf.com/support"}]}},{"language":"pt-BR","pages":[{"title":"pt-BR","href":"/pt-BR/windsurf/previews"}]},{"language":"zh","pages":[{"title":"zh","href":"/zh/windsurf/previews"}]},{"language":"ja","pages":[{"title":"ja","href":"/ja/windsurf/previews"}]},{"language":"ro","pages":[{"title":"ro","href":"/ro/windsurf/previews"}]}]},"basePath":"","title":"Windsurf-Previews - Windsurf Docs","buildId":"dpl_5joLUXmnJgwqjrHAS4dxZrQTdxgh","deploymentId":"dpl_5joLUXmnJgwqjrHAS4dxZrQTdxgh","dynamics":["07c022d89b","a74be98ba7"],"chunks":["Frame-B_503rGq.js","DynamicMarkdown-BfddVCX7.js","zoom-image-lightbox-B3yYlvdS.js","lightbox-handle-r17bVUz3.js"]}