Zum Inhalt springen
skrabi.comProjekt starten ↗

Webentwicklung / Fachratgeber

Ratgeber: Filterlinks mit Leerzeichen und Umlauten zuverlässig aufbauen

Plane wiederherstellbare Filterzustände und teste geteilte Adressen mit Leerzeichen, Umlauten und mehreren Kategorien.

Zwei Laptops tauschen strukturierte digitale Informationen aus

Ein Suchlink muss die Auswahl erhalten

Eine kleine Bibliotheksseite soll einen Link für „Nähen & Reparieren“ weitergeben. Wird die Adresse von Hand aus Textstücken zusammengesetzt, können Sonderzeichen die Bedeutung der Parameter verändern. Für solche Aufgaben stellt der Browser URLSearchParams bereit. Die folgende Einordnung nutzt die bestehende MDN-Referenz und ist keine Meldung über eine neue Veröffentlichung.

Mit dieser Schnittstelle lassen sich Suchparameter lesen und setzen. get liefert bei wiederholten Namen den ersten Wert, getAll alle Werte. set ersetzt die Werte eines Namens; append fügt einen weiteren hinzu. Die Ausgabe als Zeichenfolge übernimmt die passende Kodierung. Diese Unterschiede sind relevant, sobald ein Filter mehrere Kategorien gleichzeitig zulässt.

Eine konkrete Filterregel festlegen

Entscheide zuerst, ob deine Bibliothek genau ein Thema oder mehrere Themen auswählen lässt. Für ein einzelnes Thema könnte der Zustand „thema = Nähen & Reparieren“ lauten. Ergänze eine Seitennummer. Beschreibe im Bauauftrag, dass ein Themenwechsel auf die erste Ergebnisseite zurückführt und ein geteilter Link dieselbe Auswahl wiederherstellt.

Bei mehreren Themen muss die Anwendung dagegen eine gemeinsame Regel für wiederholte Parameter verwenden. Sonst zeigt die Oberfläche zwei Haken, während der Link nur einen davon enthält. Verlange eine verständliche Behandlung unbekannter Werte, etwa eine sichtbare Rückkehr zur ungefilterten Liste. Die URL-Verarbeitung allein bestätigt keine Berechtigung und keine fachliche Gültigkeit der Auswahl.

Mit schwierigen Eingaben prüfen

Teste ein Thema mit Leerzeichen, eines mit Umlaut und eines mit dem kaufmännischen Und. Erzeuge jeweils den Link über die Anwendung und öffne ihn in einem neuen Tab. Vergleiche nicht nur den sichtbaren Adresstext, sondern auch die angezeigte Auswahl und die Treffer. Eine technisch kodierte Adresse darf anders aussehen als die Beschriftung im Filter.

Probiere außerdem einen leeren Filter und eine nicht vorhandene Kategorie. Beobachte, ob die Seite eine verständliche Antwort zeigt. In privaten Suchanwendungen gehören persönliche Notizen oder vertrauliche Namen nicht ohne bewusste Entscheidung in teilbare Adressen.

Ein klares Abnahmekriterium

Ein Filterlink ist gelungen, wenn eine zweite Person ihn öffnet und denselben beabsichtigten Listenstand erkennt. Halte deshalb Beispieladresse, erwartete Auswahl und erwartete Reaktion auf einen ungültigen Wert zusammen fest. Das macht den Test wiederholbar und verhindert, dass Sonderzeichenfehler erst nach dem Versand einer Einladung oder eines Kataloglinks auffallen.

Quellen & Aktualität

Quellen geprüft am 2026-10-03. Herstellerangaben sind als solche eingeordnet. Produktdetails können sich nach diesem Stand ändern.