--- url: 'https://dxpr.com/de/hc/documentation/learn-dxpr-builder/editing/preview-mode' title: 'Ihre Seite aus Besuchersicht ansehen | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-23T23:56:18+00:00' updated: '2026-10-24T06:23:17+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Preview blendet jede Steuerleiste und jeden Plus-Button aus, sodass Sie die Seite so sehen, wie Ihre Besucher sie sehen werden. Nutzen Sie es, um ein Layout vor dem Speichern zu prüfen: Es zeigt auch Ihre ungespeicherten Änderungen. Das Video zeigt eine Vorschau eines fertigen Abschnitts, wechselt zurück zur Bearbeitung, speichert und schaltet Preview dann per Tastatur ein.' tags: - 'Een pagina bewerken' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T06:23:17+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Ihre Seite aus Besuchersicht ansehen' description: 'Preview blendet jede Steuerleiste und jeden Plus-Button aus, sodass Sie die Seite so sehen, wie Ihre Besucher sie sehen werden. Nutzen Sie es, um ein Layout vor dem Speichern zu prüfen: Es zeigt auch Ihre ungespeicherten Änderungen. Das Video zeigt eine Vorschau eines fertigen Abschnitts, wechselt zurück zur Bearbeitung, speichert und schaltet Preview dann per Tastatur ein.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-23T23:56:18+0000' dateModified: '2026-10-24T06:23:17+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/de/hc/documentation/learn-dxpr-builder/editing/preview-mode' articleSection: 'Een pagina bewerken' - '@type': WebPage '@id': 'https://dxpr.com/de/hc/documentation/learn-dxpr-builder/editing/preview-mode' description: 'Preview blendet jede Steuerleiste und jeden Plus-Button aus, sodass Sie die Seite so sehen, wie Ihre Besucher sie sehen werden. Nutzen Sie es, um ein Layout vor dem Speichern zu prüfen: Es zeigt auch Ihre ungespeicherten Änderungen. Das Video zeigt eine Vorschau eines fertigen Abschnitts, wechselt zurück zur Bearbeitung, speichert und schaltet Preview dann per Tastatur ein.' breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Startseite item: 'https://dxpr.com/de' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: de --- [Help Center](/de/hc)/[Documentation](/de/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Een pagina bewerken](/hc/documentation/learn-dxpr-builder/editing) # Ihre Seite aus Besuchersicht ansehen. Learn DXPR BuilderBuild pagesEen pagina bewerken ## In this guide Related guides - [Ihre Seite speichern und veröffentlichen](/de/hc/documentation/learn-dxpr-builder/editing/save-and-publish) - [Eine Seite auf Smartphone oder Tablet bearbeiten](/de/hc/documentation/learn-dxpr-builder/editing/mobile-editing) - [Layout auf Telefonen lauffähig machen](/de/hc/documentation/learn-dxpr-builder/design/responsive-design) Preview blendet jede Steuerleiste und jeden Plus-Button aus, sodass Sie die Seite so sehen, wie Ihre Besucher sie sehen werden. Nutzen Sie es, um ein Layout vor dem Speichern zu prüfen: Es zeigt auch Ihre ungespeicherten Änderungen. Das Video zeigt eine Vorschau eines fertigen Abschnitts, wechselt zurück zur Bearbeitung, speichert und schaltet Preview dann per Tastatur ein. ## Zur Vorschau und zurück wechseln 1. Klicken Sie auf das **Augen-Symbol** in der DXPR-Symbolleiste und wählen Sie **Preview** aus dem Ansichtsmenü. 2. Prüfen Sie die Seite: Steuerleisten und Plus-Buttons sind ausgeblendet, wie für Besucher. 3. Öffnen Sie das Ansichtsmenü erneut und wählen Sie **Edit**, um weiterzuarbeiten. Ihre ungespeicherten Änderungen bleiben erhalten. 4. Klicken Sie auf **Speichern**, um die Seite zu speichern. Sie können auch **Strg+Umschalt+P** (**Cmd+Umschalt+P** auf dem Mac) drücken, um Preview ein- und auszuschalten. ## Was Sie sehen - **Keine Bearbeitungshilfen.** Steuerleisten, Hover-Konturen, Plus-Buttons und die Kontur des ausgewählten Elements sind weg. - **Ein rotes Auge in der Symbolleiste.** Solange Preview eingeschaltet ist, erscheint das Augen-Symbol in der DXPR-Symbolleiste rot durchgestrichen. Die Symbolleiste bleibt, sodass Sie jederzeit zurückwechseln können. - **Keine Textbearbeitung.** Ein Klick auf einen Text öffnet den Texteditor nicht, bis Sie erneut **Edit** wählen. Der Builder merkt sich Ihre Wahl in diesem Browser. Wenn Sie eine Seite in Preview verlassen, öffnet sich auch die nächste Seite, die Sie bearbeiten, in Preview. ## Schmale Bildschirme prüfen Wechseln Sie zu Preview und verengen Sie Ihr Browserfenster. Neue Rows ordnen ihre Spalten ab Tablet-Breite nebeneinander an und stapeln sie auf Smartphones. Prüfen Sie, ob sich jede gestapelte Spalte weiterhin gut liest. [Responsives Design](/de/hc/documentation/learn-dxpr-builder/design/responsive-design) zeigt, wie Sie dies pro Bildschirmgröße ändern. ## Vorschau oder veröffentlichte Seite Preview zeigt, was gerade im Editor steht, gespeichert oder nicht. Besucher sehen die zuletzt gespeicherte Version und erst, wenn die Seite veröffentlicht ist. Um die Seite exakt so zu sehen wie Besucher, öffnen Sie sie in einem privaten Browserfenster. ## Wenn Sie die Vorschau nicht sehen - **Die Seite öffnet sich ohne Steuerleisten.** Sie haben die letzte Seite in Preview verlassen und der Builder hat diese Wahl behalten. Öffnen Sie das Ansichtsmenü und wählen Sie **Edit**. - **Das Kürzel tut nichts.** Kürzel pausieren, solange Ihr Cursor in einem Text steht, den Sie bearbeiten. Klicken Sie neben den Text und drücken Sie dann erneut **Strg+Umschalt+P**. - **Besucher sehen nicht, was Preview zeigt.** Preview enthält ungespeicherte Änderungen und Besucher sehen nur eine veröffentlichte Seite. Klicken Sie auf **Speichern** und veröffentlichen Sie die Seite dann wie unter [Ihre Seite speichern und veröffentlichen](/de/hc/documentation/learn-dxpr-builder/editing/save-and-publish) beschrieben. ## Wie geht es weiter? - [Ihre Seite speichern und veröffentlichen](/de/hc/documentation/learn-dxpr-builder/editing/save-and-publish): Ihre Änderungen speichern und für Besucher sichtbar machen. - [Eine Seite auf Smartphone oder Tablet bearbeiten](/de/hc/documentation/learn-dxpr-builder/editing/mobile-editing): Was sich im Editor auf einem Touchscreen ändert. - [Responsives Design](/de/hc/documentation/learn-dxpr-builder/design/responsive-design): Steuern, wie sich Ihr Layout an jede Bildschirmgröße anpasst.