Browser für Einsteiger einfach erklärt

 

Ein Browser ist das Programm, mit dem Sie Webseiten ansehen, zum Beispiel Chrome, Firefox, Safari oder Edge. Sie tippen eine Adresse ein oder klicken auf einen Link, der Browser holt die Seite von einem Rechner im Internet, dem Webserver, und zeigt sie Ihnen an. Mehr müssen Sie zum Surfen nicht wissen. Wer eine eigene Bildergalerie ins Netz stellt, hat mit dem Browser allerdings gleich dreimal zu tun: Die Besucher sehen die Fotos darin, Sie selbst pflegen die Galerie darüber, und nach jeder Änderung am Design dient er Ihnen als Prüfgerät. Diese Seite erklärt den Browser für Einsteiger deshalb in zwei Stufen: zuerst die Handgriffe, die Sie jeden Tag brauchen, danach das, was beim Aufruf einer Galerie im Hintergrund passiert.

Was ist ein Browser einfach erklärt: Browserfenster mit Adresszeile und Tabs als Fenster ins Internet

Browser für Einsteiger: die wichtigsten Bedienelemente

Ganz oben im Fenster steht die Adresszeile. Sie ist zugleich das Suchfeld. Tippen Sie eine vollständige Adresse wie bildergalerie-script.de ein und drücken die Eingabetaste, öffnet der Browser genau diese Seite. Tippen Sie dagegen Wörter wie „Bildergalerie Script“, schickt er sie an die eingestellte Suchmaschine und zeigt eine Trefferliste. Kennen Sie die Adresse, geben Sie sie direkt ein. Über den Suchtreffern stehen oft Anzeigen, und manche davon führen auf ähnlich klingende fremde Seiten.

  • Tabs: Strg und T öffnet einen neuen Tab, Strg und W schließt den aktuellen, am Mac jeweils mit der Befehlstaste. Ein Klick mit dem Mausrad auf einen Link öffnet ihn in einem neuen Tab, die bisherige Seite bleibt stehen.
  • Lesezeichen: Strg und D (am Mac Befehl und D) merkt sich die aktuelle Seite. Lesezeichen, die Sie oft brauchen, legen Sie in die Lesezeichenleiste unter der Adresszeile.
  • Verlauf: Strg und H zeigt, welche Seiten Sie in den letzten Tagen und Wochen besucht haben. So finden Sie eine Seite wieder, deren Adresse Sie vergessen haben.
  • Zwischenspeicher (Cache): Der Browser behält Bilder und Gestaltungsdateien einer Seite auf Ihrem Gerät, damit der nächste Besuch schneller geht. Die Kehrseite: Nach einer Änderung sehen Sie manchmal noch die alte Fassung.
  • Cookies: Kleine Notizen, die eine Website in Ihrem Browser ablegt, etwa dass Sie angemeldet sind oder welche Datenschutz-Auswahl Sie getroffen haben. Löschen Sie die Cookies, sind Sie überall abgemeldet.

Verlauf, Zwischenspeicher und Cookies löschen Sie in Chrome, Edge und Firefox über dieselbe Tastenkombination: Strg, Umschalt und Entf. Es öffnet sich ein Fenster, in dem Sie Zeitraum und Art der Daten wählen. Wollen Sie nur frische Dateien sehen, genügt das Häkchen bei den Bildern und Dateien im Cache. Mit den Cookies verschwinden auch alle Anmeldungen. In Safari am Mac finden Sie dasselbe im Menü „Verlauf“ unter „Verlauf löschen“.

Als Browser für Einsteiger taugt jeder der vier großen, auch der, der auf Ihrem Gerät schon installiert ist. Welcher davon startet, wenn Sie in einer Mail auf einen Link klicken, legt der Standardbrowser fest. Unter Windows 11 wählen Sie ihn in den Einstellungen unter „Apps“ › „Standard-Apps“: Browser anklicken, dann „Als Standard festlegen“. Am Mac steht die Auswahl in den Systemeinstellungen unter „Schreibtisch & Dock“ beim Punkt „Standard-Webbrowser“. Auf iPhone und Android-Handy suchen Sie in den Einstellungen nach „Standard-Apps“, der genaue Weg hängt von Version und Hersteller ab.

Was beim Aufruf einer Galerieseite passiert

Eine Webseite kommt nicht als ein Stück beim Browser an, sondern in vielen Einzelteilen, die er nacheinander anfordert und zusammensetzt. Nehmen wir an, eine Besucherin tippt auf den Link zu Ihrer Kategorie „Herbst“ mit 24 Fotos, Adresse bildergalerie.php?kid=3. Ihr Browser arbeitet dann diese Schritte ab:

  1. Er fragt beim Server die Seite selbst an und bekommt das HTML zurück, ein paar Kilobyte Text mit Überschriften, Bildadressen und Verweisen auf weitere Dateien. Zu sehen ist noch fast nichts.
  2. Er holt die zwei Stylesheets css/layout.css und css/lightbox.css, die Farben, Abstände und das Raster festlegen, und die fünf Skripte für die große Ansicht aus dem Ordner js/, zusammen unkomprimiert gut 200 KB (201.635 Byte).
  3. Sobald das Skript der großen Ansicht läuft, lädt es zwei kleine Grafiken aus images/ nach, die Ladeanzeige und den Knopf „Schließen“. Gleichzeitig kommen die 24 Vorschaubilder aus bilder/tn/.
  4. Klickt die Besucherin auf ein Vorschaubild, legt die Galerie einen dunklen Schleier über die Seite und fordert erst jetzt die große Fassung des Fotos an.

Bis das Raster fertig dasteht, sind das 34 einzelne Anfragen: 1 HTML, 2 Stylesheets, 5 Skripte, 2 Grafiken und 24 Vorschaubilder. Ein heutiger Browser stellt mehrere davon gleichzeitig und beginnt schon mit dem Zeichnen, bevor das letzte Vorschaubild da ist. Deshalb sehen Sie manchmal kurz Lücken im Raster, die sich von oben nach unten füllen. Beim nächsten Besuch fällt ein großer Teil weg, weil Stylesheets, Skripte und Vorschaubilder im Zwischenspeicher des Geräts liegen. Das Diagramm zeigt die vier Schritte nacheinander.

Animiertes Ablaufdiagramm: Der Browser holt für eine Galerieseite zuerst das HTML, dann zwei Stylesheets und fünf Skripte, dann zwei Grafiken und 24 Vorschaubilder, zusammen 34 Anfragen, und lädt erst beim Klick die große Ansicht
Erst HTML, dann Stylesheets und Skripte, dann Grafiken und Vorschaubilder: 34 Anfragen bis zum fertigen Raster, die große Ansicht folgt erst beim Klick.

Für das Verständnis reicht die Arbeitsteilung: HTML liefert die Bausteine und die Bildadressen, CSS ordnet sie zum Raster mit Kacheln und Abständen, JavaScript wartet im Hintergrund auf den ersten Klick. Wie der Code aussieht, den der Browser dabei liest, zeigt der Beitrag Was ist ein Quelltext einfach erklärt.

Drei Motoren und was das für Ihre Galerie heißt

Der Teil eines Browsers, der aus HTML und CSS ein Bild rechnet, heißt Render-Engine. Davon gibt es heute nur noch drei große, und fast jeder Browser auf dem Markt baut auf einer davon auf. Für Sie als Betreiber ist das eine gute Nachricht: Sie müssen nicht zehn Programme ausprobieren, drei Motoren genügen.

Enginesteckt inWarum sich ein Blick dort lohnt
BlinkChrome, Edge, Opera und viele Android-BrowserDie meisten Besucher am Rechner und unter Android sehen Ihre Galerie mit dieser Engine.
GeckoFirefoxFirefox setzt Schrift mit eigenen Regeln. Ein langer Kategoriename kann hier an anderer Stelle umbrechen als in Chrome.
WebKitSafari am Mac und auf dem iPhone, dort meist auch in den anderen BrowsernFast alle iPhone-Besucher sehen Ihre Galerie mit dieser Engine, gleich welchen Browser sie geöffnet haben.

Dass Chrome und Edge Ihre Seite praktisch gleich darstellen, liegt am gemeinsamen Motor: zwei Firmen, ein Rechenwerk. Firefox und Safari weichen in Kleinigkeiten ab. Eine Schrift läuft ein paar Pixel breiter, ein Kategoriename bricht eine Zeile früher um, ein Dateiauswahlfeld sieht anders aus. Kaputt ist dabei nichts. Ärgerlich wird es erst, wenn ein Text durch den früheren Umbruch aus seiner Kachel rutscht. Wer seine Galerie in einem Blink-Browser und in Firefox ansieht und dazu einmal kurz am iPhone, hat alle drei Motoren abgedeckt.

Eine Sonderrolle hat Apple: Auf dem iPhone nutzen auch Chrome und Firefox in aller Regel WebKit, weil Apple das lange so vorgeschrieben hat. Ein Fehler, der nur am iPhone auftritt, ist deshalb meist ein WebKit-Thema und kein Problem eines bestimmten Browsers.

Fünf Werkzeuge, die Galeriebetreiber kennen sollten

Als Betreiber nutzen Sie dieselben Bedienelemente gezielter, dazu kommen zwei Werkzeuge, die beim reinen Surfen kaum jemand braucht. Diese fünf Handgriffe sollten sitzen:

  • Adresszeile: Hier kopieren Sie die Adresse einer Kategorie samt Nummer, etwa bildergalerie.php?kid=3, und setzen sie als Link auf Ihre Startseite oder in einen Beitrag.
  • Zwei Tabs: Links die Verwaltung, rechts die Galerie. Nach dem Hochladen wechseln Sie in den zweiten Tab und laden neu, statt sich durch die Menüs zurückzuklicken.
  • Hart neu laden: Strg und F5 (am Mac Befehl, Umschalt und R) holt alle Dateien frisch vom Server. Das brauchen Sie nach jeder Änderung an css/layout.css.
  • Lesezeichen auf admin/: Die Verwaltung erreichen Sie über den Ordner admin/ Ihrer Galerie. Ein Lesezeichen spart das Tippen und Vertippen.
  • Entwicklerwerkzeuge: Die Taste F12 öffnet ein Fenster mit allen Anfragen der Seite. Dort sehen Sie, welche Datei fehlt, wie groß jedes Vorschaubild ist und wie lange es braucht.

Dazu kommt das private Fenster. Es startet ohne gespeicherte Dateien und ohne Anmeldung, Sie sehen Ihre Galerie darin also so, wie ein neuer Besucher sie sieht, und merken sofort, ob eine Änderung schon angekommen ist.

Am Handy: derselbe Ablauf im engen Fenster

Am Smartphone laufen dieselben Schritte ab, nur unter härteren Bedingungen. Das Fenster ist rund 390 Pixel breit statt 1.400, und die Verbindung im Mobilfunknetz schwankt. Damit der Browser die Seite nicht einfach winzig verkleinert, muss im HTML eine Angabe zur Bildschirmbreite stehen. In der Vorlage der Galerie ist sie enthalten. Den Rest regelt das Stylesheet: Bis 600 Pixel Fensterbreite stehen die Vorschaubilder immer in zwei Spalten, ausgelegt ist die Galerie bis hinunter zu 390 Pixeln.

Spürbar wird der Unterschied beim Datenvolumen. Ein Handyfoto mit 4.000 mal 3.000 Pixeln hat als JPEG rund 4 MB. Müsste der Browser dieses Original für die große Ansicht laden, wartet die Besucherin im schwachen Netz mehrere Sekunden auf ein Bild, das am Ende auf einem 390 Pixel breiten Schirm landet. Das Bildergalerie-Script legt deshalb für die große Ansicht eine Kopie mit standardmäßig höchstens 1024 mal 1024 Pixeln an, meist nur einige hundert Kilobyte groß. Prüfen Sie Ihre Galerie trotzdem einmal unterwegs mit abgeschaltetem WLAN. Was sich dort zäh anfühlt, erleben viele Ihrer Besucher genauso.

Sicher surfen, sicher verwalten

Der wichtigste Sicherheitstipp ist zugleich der einfachste: Lassen Sie Updates zu, denn sie schließen Lücken, die Angreifer bereits kennen. Der beste Browser für Einsteiger ist deshalb schlicht der aktuelle. Alle großen Browser laden sie selbst herunter und warten nur auf einen Neustart. Wer seinen Browser seit Wochen nicht geschlossen hat, läuft womöglich noch mit der alten Fassung. Achten Sie in der Adresszeile auf https://, bevor Sie ein Passwort eintippen, und geben Sie Ihr Galerie-Passwort nur auf der Anmeldeseite Ihrer eigenen Domain ein.

Erweiterungen verdienen einen zweiten Blick. Ein Werbeblocker oder Passwortverwalter sieht jede Seite, die Sie öffnen, also auch Ihre Verwaltung. Installieren Sie nur, was Sie wirklich nutzen, und nur aus dem offiziellen Katalog Ihres Browsers. Am fremden Rechner, etwa im Urlaub, melden Sie sich nach der Arbeit ab und schließen den Browser ganz. Ein gespeichertes Passwort im Browser eines Hotels hat dort nichts verloren.

Was der Browser im Bildergalerie-Script übernimmt

Mit dem Bildergalerie-Script brauchen Sie für die tägliche Arbeit außer dem Browser kein weiteres Programm, eine eigene App gibt es nicht. Installation, Hochladen und Pflege laufen komplett im Browser, Sie rufen dafür nur den Ordner admin/ Ihrer Galerie auf. Lediglich für den ersten Upload der Dateien und für große Bildmengen kommt ein FTP-Programm dazu. Die Tabelle zeigt, was der Browser dabei jeweils erledigt.

AufgabeWas der Browser dabei tut
Große AnsichtEr führt die Lightbox per JavaScript aus und verkleinert Bilder, die größer als das Fenster sind. Pfeil rechts oder N blättert weiter, Pfeil links oder P zurück, Esc schließt. Am Handy tippen Besucher auf die rechte oder linke Bildhälfte, Wischgesten kennt die Lightbox nicht.
HochladenEr prüft Ihre Dateiauswahl schon vor dem Absenden gegen die Grenzen, die die Seite „Bilder hochladen“ anzeigt. Ohne JavaScript erscheint das normale Dateifeld, geprüft wird dann auf dem Server.
Neue VorschaubilderDie Galerie hängt an jede Vorschau einen Zeitstempel wie ?v=1728720000. Wird eine Vorschau neu erzeugt, ändert sich die Zahl, und der Browser lädt die neue Fassung statt der gespeicherten.
AnmeldungEr hält Sie über ein Sitzungscookie angemeldet, das beim Schließen des Browsers verfällt.

Für die Verwaltung muss der Browser Cookies annehmen, denn die Sitzung läuft ausschließlich über ein Cookie und nie über die Adresse. Blockiert eine Datenschutz-Erweiterung oder eine strenge Einstellung Cookies für Ihre Domain, kommen Sie nach der Anmeldung nicht weiter. Setzen Sie dann für Ihre Galerie eine Ausnahme. Zwei weitere Abmeldungen überraschen anfangs: Nach 60 Minuten ohne Klick endet die Sitzung mit der Meldung „Sie wurden nach längerer Inaktivität abgemeldet.“ Und wechselt das Handy zwischen WLAN und Mobilfunk, ändert sich die IP-Adresse, worauf die Galerie die Sitzung aus Sicherheitsgründen ebenfalls beendet. Melden Sie sich in beiden Fällen einfach neu an.

Praxistest: Ihre Galerie in zwei Engines

Öffnen Sie eine Kategorie Ihrer Galerie in Chrome und in Firefox. Ziehen Sie das Fenster schmal, bis die Vorschaubilder auf zwei Spalten springen, oder schalten Sie in den Entwicklerwerkzeugen die Gerätesimulation auf 390 Pixel Breite. Klicken Sie dann ein Querformatfoto an: Die große Ansicht sollte es mit 10 Pixeln Abstand zum Fensterrand zeigen und darunter einen Zähler wie „Bild 2 von 4“. Sieht beides in den zwei Engines gleich aus, passt die Darstellung für fast alle Besucher. Wer das selbst ausprobieren möchte, kann das Bildergalerie-Script kostenlos herunterladen und auf dem eigenen Webspace testen.

Häufige Fragen zum Browser für Einsteiger

Die Fragen reichen von der Wahl des Programms bis zum Zwischenspeicher nach einer Designänderung.

Gibt es einen besonderen Browser für Einsteiger?

Nein, einen eigenen Browser für Einsteiger gibt es nicht. Chrome, Firefox, Safari und Edge lassen sich gleich einfach bedienen, und der Browser, der auf Ihrem Gerät schon installiert ist, reicht für den Anfang völlig aus. Wichtiger als die Marke ist, dass Sie Updates zulassen.

Warum stellen Chrome und Edge Webseiten fast gleich dar?

Weil in beiden derselbe Motor arbeitet, die Engine Blink. Sie rechnet HTML und CSS in das Bild um, das Sie sehen. Firefox nutzt Gecko, Safari WebKit, deshalb gibt es dort kleine Abweichungen bei Schriftbreite und Abständen. Für einen Test Ihrer Galerie reicht je ein Browser pro Engine.

Welcher Browser ist am sichersten?

Der, den Sie aktuell halten. Zwischen den großen Browsern sind die Unterschiede gering, ein veralteter Browser ist dagegen ein echtes Risiko. Starten Sie ihn regelmäßig neu, damit wartende Updates greifen, und halten Sie die Zahl der Erweiterungen klein, denn jede davon sieht Ihre besuchten Seiten.

Brauche ich mehrere Browser?

Zum Surfen nicht. Betreiben Sie eine Galerie, lohnt sich ein zweiter Browser mit anderer Engine, zum Beispiel Firefox neben Chrome. Sie sehen Ihre Seite dann so, wie ein Teil Ihrer Besucher sie sieht, und finden Umbrüche oder verrutschte Texte, bevor jemand anderes sie entdeckt.

Warum sehe ich nach dem Ändern von layout.css noch das alte Design?

Ihr Browser verwendet die Datei aus seinem Zwischenspeicher. Laden Sie die Seite mit Strg und F5 neu oder öffnen Sie sie in einem privaten Fenster. Zeigt auch das private Fenster den alten Stand, ist die geänderte Datei vermutlich nicht im richtigen Ordner auf dem Webspace gelandet.

Verwandte Themen

Wenn Sie verstehen wollen, welche Bausteine der Browser zusammensetzt und wie Ihre Galerie auf jedem Gerät gut aussieht, führen diese Artikel weiter.