DeuAq.com >> Leben >  >> Elektronik

Links zu spezifischem Text auf Webseiten erstellen: Anleitung für Chrome und Edge auf PC & Mac

Das Teilen von Links erleichtert den Zugriff auf relevante Informationen wie nie zuvor. Bei textlastigen Webseiten ist es jedoch oft mühsam, den gewünschten Abschnitt zu finden. Mit Webbrowsern wie Chrome oder Edge können Sie präzise Links erstellen, die direkt zum markierten Text scrollen und diesen hervorheben – ideal zum Teilen mit Kollegen oder Freunden.

Links zu spezifischem Text auf Webseiten erstellen: Anleitung für Chrome und Edge auf PC & Mac

In dieser praxisnahen Anleitung, basierend auf jahrelanger Erfahrung mit Webtechnologien, zeigen wir Ihnen schrittweise, wie Sie solche Scroll-to-Text-Links in Chrome und Edge auf PC oder Mac erstellen. Die Methoden nutzen Standardfunktionen und bewährte Erweiterungen für maximale Kompatibilität.

Links zu spezifischem Text auf einer Webseite unter Windows (PC)

Auf Windows-PCs erstellen Sie mit zwei bewährten Methoden Links, die Empfänger direkt zu einem Satz oder Absatz führen: über Bookmarklets oder die Erweiterung "Link to Text Fragment".

Bookmarklet erstellen

Bookmarklets sind Lesezeichen mit JavaScript-Code, die eine Webseite öffnen und den ausgewählten Text hervorheben. Sie funktionieren zuverlässig in Chrome-basierten Browsern wie Google Chrome und Microsoft Edge.

Erstellen Sie ein Bookmarklet in Google Chrome so:

  1. Drücken Sie Strg + Umschalt + B, um die Lesezeichenleiste zu aktivieren.
    Links zu spezifischem Text auf Webseiten erstellen: Anleitung für Chrome und Edge auf PC & Mac
  2. Drücken Sie Strg + Umschalt + O oder gehen Sie über Einstellungen > Lesezeichen > Lesezeichen-Manager.
    Links zu spezifischem Text auf Webseiten erstellen: Anleitung für Chrome und Edge auf PC & Mac
    Links zu spezifischem Text auf Webseiten erstellen: Anleitung für Chrome und Edge auf PC & Mac
  3. Rechtsklick im Lesezeichen-Manager und wählen Sie Neues Lesezeichen hinzufügen.
    Links zu spezifischem Text auf Webseiten erstellen: Anleitung für Chrome und Edge auf PC & Mac
  4. Fügen Sie diesen Code in das URL-Feld ein:
    javascript:(function(){const selectedText=getSelection().toString();const newUrl=new URL(location);newUrl.hash=`:~:text=${encodeURIComponent(selectedText)}`;window.open(newUrl);})();
    Links zu spezifischem Text auf Webseiten erstellen: Anleitung für Chrome und Edge auf PC & Mac
  5. Benennen Sie es z. B. in "Text-Link teilen" um und speichern Sie.
    Links zu spezifischem Text auf Webseiten erstellen: Anleitung für Chrome und Edge auf PC & Mac

Nutzung des Bookmarklets:

  1. Öffnen Sie eine Webseite, markieren Sie Text und klicken Sie auf "Text-Link teilen".
    Links zu spezifischem Text auf Webseiten erstellen: Anleitung für Chrome und Edge auf PC & Mac
  2. Ein neues Fenster öffnet sich mit gelb hervorgehobenem Text.
    Links zu spezifischem Text auf Webseiten erstellen: Anleitung für Chrome und Edge auf PC & Mac
  3. Kopieren Sie die URL.

Empfänger in Chrome oder Edge scrollen automatisch zum markierten Text. Für Microsoft Edge wiederholen Sie ähnliche Schritte im Favoriten-Manager:

  1. Strg + Umschalt + O oder über Menü Favoriten > Favoriten verwalten.
    Links zu spezifischem Text auf Webseiten erstellen: Anleitung für Chrome und Edge auf PC & Mac
  2. Rechtsklick auf Favoriten.
  3. Favorit hinzufügen.
    Links zu spezifischem Text auf Webseiten erstellen: Anleitung für Chrome und Edge auf PC & Mac
  4. Eingabe des obigen JavaScript-Codes.
    Links zu spezifischem Text auf Webseiten erstellen: Anleitung für Chrome und Edge auf PC & Mac
  5. Name: "Text-Link teilen".
    Links zu spezifischem Text auf Webseiten erstellen: Anleitung für Chrome und Edge auf PC & Mac

Verwendung analog zu Chrome.

Erweiterung "Link to Text Fragment" nutzen

Diese Erweiterung vereinfacht das Erstellen von Text-Fragment-Links ohne manuelle Codes.

In Chrome oder Edge:

  1. Installieren Sie aus dem Chrome Web Store.
    Links zu spezifischem Text auf Webseiten erstellen: Anleitung für Chrome und Edge auf PC & Mac
  2. Zu Chrome hinzufügen.
    Links zu spezifischem Text auf Webseiten erstellen: Anleitung für Chrome und Edge auf PC & Mac
  3. Bestätigen mit Erweiterung hinzufügen.
    Links zu spezifischem Text auf Webseiten erstellen: Anleitung für Chrome und Edge auf PC & Mac
  4. Pin in der Symbolleiste.
    Links zu spezifischem Text auf Webseiten erstellen: Anleitung für Chrome und Edge auf PC & Mac
  5. Markieren Sie Text auf einer Seite.
    Links zu spezifischem Text auf Webseiten erstellen: Anleitung für Chrome und Edge auf PC & Mac
  6. Rechtsklick > Link zu ausgewähltem Text kopieren.
    Links zu spezifischem Text auf Webseiten erstellen: Anleitung für Chrome und Edge auf PC & Mac

Der Text wird gelb markiert – Link ist kopiert und funktioniert in Chrome/Edge.

Links zu spezifischem Text auf macOS (Mac)

Safari unterstützt keine nativen Text-Fragment-Links, aber Chrome und Edge auf Mac tun es einwandfrei mit der Erweiterung "Link to Text Fragment".

In Chrome:

  1. Chrome Web Store > Erweiterung installieren.
    Links zu spezifischem Text auf Webseiten erstellen: Anleitung für Chrome und Edge auf PC & Mac
  2. Zu Chrome hinzufügen.
    Links zu spezifischem Text auf Webseiten erstellen: Anleitung für Chrome und Edge auf PC & Mac
  3. Markieren und Rechtsklick > Link zu ausgewähltem Text kopieren.
    Links zu spezifischem Text auf Webseiten erstellen: Anleitung für Chrome und Edge auf PC & Mac

Analog in Edge. Der Link scrollt bei Chrome/Edge-Nutzern zum gelben Text.

Effizienter Informationsaustausch mit präzisen Links

In der digitalen Welt sparen Text-Fragment-Links Zeit. Nutzen Sie Chrome oder Edge auf PC/Mac mit Bookmarklets oder Erweiterungen. Welche Methode bevorzugen Sie? Teilen Sie Ihre Erfahrungen in den Kommentaren!