Darstellung von Dateien in einem BrowserWindow | Electron Zum Hauptteil springen Electron Dokumentation API Blog Tools * Electron Forge * Elektro-Fiddle Community * Kontrolle * Showcase * Ressourcen Veröffentlichungen Deutsch * English * Deutsch * Español * Français * 日本語 * Português * Русский * 中文 Suche * Loslegen * Prozesse in Electron * Bewährte Verfahren * Beispiele * Nachtmodus * Device Access * In-App Purchases * * Tastenkürzel * Deep Links * Desktop Launcher Actions * * Menus * Multithreading * Natives Datei Drag & Drop * Navigationsverlauf * Benachrichtigungen * Offscreen Rendering * Online/Offline Ereigniserkennung * Progress Bars * Kürzliche Dokumente * * * Darstellung von Dateien in einem BrowserWindow * * Rechtschreibprüfung * Web Embeds * Taskbar Customization * * Window Customization * Entwicklung * Native Node Modules * Distribution * Testen und Debuggen * References * Beitragen * * Beispiele * Darstellung von Dateien in einem BrowserWindow Auf dieser Seite Darstellung von Dateien in einem BrowserWindow Übersicht ​ Unter macOS kannst du eine repräsentierte Datei für jedes Fenster in deiner Anwendung festlegen. Das Symbol der dargestellten Datei wird in der Titelleiste angezeigt, und wenn Nutzer Command-Klickt oder Control-Klickt , wird ein Pop-up-Fenster mit dem Pfad zu der Datei angezeigt. HINWEIS: Der obige Screenshot ist ein Beispiel, in dem diese Funktion verwendet wird, um die aktuell geöffnete Datei im Atom-Texteditor anzuzeigen. Du kannst auch den Bearbeitungsstatus für ein Fenster festlegen, sodass das Dateisymbol anzeigt, ob das Dokument in diesem Fenster geändert worden ist. To set the represented file of window, you can use the BrowserWindow.setRepresentedFilename and BrowserWindow.setDocumentEdited APIs. Beispiel ​ docs/fiddles/features/represented-file ( 43.4.0 ) Open in Fiddle * main.js * index.html const { app , BrowserWindow } = require ( 'electron/main' ) const os = require ( 'node:os' ) function createWindow ( ) { const win = new BrowserWindow ( { width : 800 , height : 600 } ) win . setRepresentedFilename ( os . homedir ( ) ) win . setDocumentEdited ( true ) win . loadFile ( 'index.html' ) } app . whenReady ( ) . then ( ( ) => { createWindow ( ) app . on ( 'activate' , ( ) => { if ( BrowserWindow . getAllWindows ( ) . length === 0 ) { createWindow ( ) } } ) } ) app . on ( 'window-all-closed' , ( ) => { if ( process . platform !== 'darwin' ) { app . quit ( ) } } ) <! DOCTYPE html > < html > < head > < meta charset = " UTF-8 " > < title > Hello World! </ title > < meta http-equiv = " Content-Security-Policy " content = " script-src 'self' 'unsafe-inline'; " /> < link rel = " stylesheet " type = " text/css " href = " ./styles.css " > </ head > < body > < h1 > Hello World! </ h1 > < p > Click on the title with the < pre > Command </ pre > or < pre > Control </ pre > key pressed. You should see a popup with the represented file at the top. </ p > </ body > </ body > </ html > Nach dem Start der Electron-Anwendung klicke auf den Titel, mit gedrückter Command - oder Control -Taste gedrückt. Du solltest ein Popup-Fenster mit der dargestellten Datei am oberen Rand sehen. In diesem Leitfaden ist dies das Heimatverzeichnis des aktuellen Benutzers: Diese Seite bearbeiten Vorherige Kürzliche Dokumente Nächste Rechtschreibprüfung * Übersicht * Beispiel Dokumentation * Erste Schritte * API-Referenz Checklisten * Performance * Sicherheit Tools * Electron Forge * Elektro-Fiddle Community * Kontrolle * Ressourcen * Discord * Bluesky * X * Mastodon * Stack Overflow Mehr * GitHub * Open Collective * Infrastruktur Dashboard Copyright OpenJS Foundation und Electron Mitwirkenden. Alle Rechte vorbehalten. Die OpenJS Foundation hat eingetragene Marken und verwendet Marken. Für eine Liste der Marken der OpenJS Foundation , lesen Sie bitte unsere Markenrichtlinie und Markenliste . Marken und Logos nicht auf der Liste der Marken der OpenJS Foundation sind Marken™ oder eingetragene® Marken ihrer jeweiligen Inhaber. Der Gebrauch von ihnen impliziert keine Zugehörigkeit oder Zustimmung von ihnen. Die OpenJS Foundation | Nutzungsbedingungen | Datenschutzrichtlinie | Satzung | | | Markenrichtlinie | Markenliste | Cookie Policy Hosting and infrastructure graciously provided by