☰

Groß-/Kleinschreibung beachtende Suchen in Google Chrome

tag-icon • tag-icon google-chrome
Groß-/Kleinschreibung beachtende Suchen in Google Chrome

Gibt es eine Möglichkeit, bei der Seitensuche in Google Chrome die Groß-/Kleinschreibung zu berücksichtigen?

Screenshot des Browsers

Angenommen, ich suche nach „Baum“ und möchte alle Varianten wie „Baum“ oder „BAUM“ ausschließen, die nicht mit der Groß-/Kleinschreibung übereinstimmen, nach der ich suche. Ist das möglich?

Antwort1

TL;DR (Stand Februar 2022):

Noch nicht, Aberletztlich.

Ab 2022 gibt es in Chrome seit 2018 eine Groß-/Kleinschreibung beachtende Funktion zum Suchen auf der Seite, aber Google hat die Funktion noch nicht in der Benutzeroberfläche verfügbar gemacht.

Zeitleiste

Antwort2

DerEntwicklerwerkzeugeFenster in Chromium-basierten Browsern (Chrome, Edge, Opera,und so weiter) unterstützt die Groß-/Kleinschreibung beachtende Suche (und auch reguläre Ausdrücke!):

So öffnen Sie die Entwicklertools für die aktuelle Browserregisterkarte:

  • Unter Windows drücken Sie einfach F12einmal.
  • Für Nicht-Windows-Plattformen oder wenn F12nicht verfügbar ist, können Sie Ctrl+ Shift+ verwenden I
    (Das ist einGroßbuchstaben-Auge, keinKleinbuchstaben-ell)

Ab Chrome 97 (Februar 2022) können Sie das aktuelle Dokument mithilfe der Entwicklertools auf drei verschiedene Arten durchsuchen:

1: Verwenden Sie den Bereich „Suchen“

Bildbeschreibung hier eingeben

  • (Diese Funktion sollte meiner Meinung nach besser „In allen Dateien suchen“ heißen.)
  • Öffnen Sie zunächst das Fenster „Entwicklertools“ ( F12oder Ctrl+ Shift+ I)
  • Im Fenster „Entwicklertools“ können Sie es dann auf zwei Arten öffnen:
    1. Methode 1: Drücken Sie in einem beliebigen Tab die EscapeTaste , um die Konsolenschublade zu öffnen, und klicken Sie dann auf die drei Punkte, um dieMehr WerkzeugeMenü, dann "Suchen" wählen:
    2. Methode 2: Klicken Sie auf das Menü oben rechts und wählen SieMehr Werkzeuge, und wählen Sie „Suchen“:
  • Verwenden Sie nach dem Öffnen die Schaltflächen rund um das Suchtextfeld, um zwischen Groß- und Kleinschreibung und dem Modus für reguläre Ausdrücke umzuschalten.
  • Dieser Ansatz hat jedoch auch Nachteile:
    • Dieses Tool durchsucht die Rohtextquelle vonalle Dateienvon der aktuellen Seite verwendet, einschließlich anderer HTML-Dateien, JavaScript- .jsQuelle, CSS- .cssStyles-Text usw.), sodass die Suche nach einem Begriff wie „var“ oder „title“ viele irrelevante Ergebnisse liefert.
      • Glücklicherweise werden die Ergebnisse nach Datei gruppiert, sodass Sie die Nicht-HTML-Suchergebnisse einfach gedanklich herausfiltern können.
    • Die Suchergebnisse stimmen mit der Originalquelle einer HTML- oder JS-Datei überein und nicht mit der HTML-Darstellung des aktuellen DOM. Daher ist dieser Ansatz nicht für die Suche nach sogenanntenSingle-Page-Anwendungen(SPAs), da das Quell-HTML nur ein Stub-Loader ist und nicht den Textinhalt der aktuellen Seite enthält.
      • Da Suchvorgänge über Textquellen und nicht über das Live-DOM durchgeführt werden, können Sie auch nicht auf ein Suchergebnis doppelklicken, um das Hauptfenster des Browsers zum ausgewählten Element springen zu lassen. Stattdessen wird Ihnen durch Doppelklicken auf ein Ergebnis der Inhalt im Entwicklertool angezeigt.Quellenanstelle der Registerkarte „Elemente“.

2: HTML-Quellcodesuche:

Bildbeschreibung hier eingeben

  • CtrlWährend die Chrome-Funktion „Quelltext anzeigen …“ die Verwendung von + zum Durchsuchen des ursprünglichen HTML-Quelltexts ermöglicht F, fehlen immer noch die von uns gewünschten Suchoptionen mit Groß- und Kleinschreibung und regulären Ausdrücken.
    • Allerdings ist das Fenster EntwicklertoolsQuellenhat eine eigene separate Ctrl+ FSuchfunktion, dietutunterstützt Groß-/Kleinschreibung und Regex-Modi.
  • Wie beim Suchfenster wird hier nicht der aktuelleliveDOM-Baum, daher funktioniert dieser Ansatz nicht für Webseiten, bei denen das ursprüngliche HTML weit vom Live-DOM entfernt ist, wie es auf der Registerkarte „Elemente“ angezeigt wird, wie z. B. SPAs.

3: Live-DOM-Suche (mit Case-Sensitive-XPath):

Die Live-DOM-Suche unterstützt nur Textsuchen ohne Berücksichtigung der Groß-/Kleinschreibung ...

Bildbeschreibung hier eingeben

...aber es unterstützt auch Case-Sensitive-XPath-Abfragen:

Bildbeschreibung hier eingeben

  • ImElementeund drücken Sie Ctrl+ F. Damit können Sie den gesamten DOM-Text des Dokuments (einschließlich HTML-Attribute) durchsuchen.

  • Da hierdurch das Live-DOM durchsucht wird, funktioniert es mit SPA-Webseiten und anderen Seiten mit vielen Skripts.

  • Das Suchfeld hat 3 Modi:

    1. Textsuche (leider wird hier nur die Groß-/Kleinschreibung beachtet)
    2. CSS-Selektorsuche (unterstützt Groß- und Kleinschreibung beachtende und nicht beachtende Selektoren, jedoch nur für HTML-Elementnamenund Attribute: Sie können keinen CSS-Selektor verwenden, um DOM-Text abzugleichen).
      • Um eine Groß-/Kleinschreibung beachtende HTML-Attributsuche durchzuführen, verwenden Sie elementName[attributeName="value"s].
      • Um eine HTML-Attributsuche ohne Berücksichtigung der Groß-/Kleinschreibung durchzuführen, verwenden Sie elementName[attributeName="value"i].
    3. XPath-Modus(das Groß-/Kleinschreibung beachtende Suchen unterstützt).
      • Bei XPath-Abfragen wird zwischen Groß- und Kleinschreibung unterschieden. Mit einigen XPath-Funktionen können Sie Suchvorgänge ohne Berücksichtigung der Groß- und Kleinschreibung durchführen.
      • Sie können jede beliebige XPath-Abfrage verwenden. Versuchen Sie es beispielsweise mit //*[contains(text(),'Developer Tools')](wie im Screenshot oben).
      • Wenn Sie nicht die erwarteten Ergebnisse erhalten, können Sie die XPath-Abfrage $x()beispielsweise mit der in die Developer Tools-Konsole integrierten Funktion testen $x("//*[contains(text(),'Developer Tools')]")(siehe auch den Screenshot oben).

  • Ab Chrome 97Es werden immer noch keine Groß- und Kleinschreibung sowie reguläre Ausdrücke unterstützt.für Textsuchen, was den Sinn dieses Ansatzes weitgehend zunichte macht, es sei denn, Sie möchten XPath lernen, aber ich erwähne es für den Fall, dass Google in Zukunft Optionen zur Groß-/Kleinschreibung hinzufügt... vielleicht... irgendwann... eines Tages, hoffe ich.

  • Ein weiterer Vorteil dieses Ansatzes besteht darin, dass Sie durch einen Doppelklick auf den Elementknoten, der den gewünschten Text enthält, direkt zu den Suchergebnissen in Ihrem ursprünglichen Webbrowser-Tab springen können. Dies ist mit den oben genannten Quelltextsuchansätzen nicht möglich.

Vergleich:

Option „Groß-/Kleinschreibung beachten“ Ganze Welt Regex-Modus XPath-Modus SPA-kompatibel
Strg+F auf der Webseite NEIN NEIN NEIN NEIN Ja
Quelltext anzeigen > Strg+F NEIN NEIN NEIN NEIN NEIN
Entwicklertools > Suche Ja NEIN Ja NEIN NEIN
Entwicklertools > Elemente > Strg+F Nur mit XPath NEIN NEIN Ja Ja
Dev Tools > Quellen > Strg+F Ja NEIN Ja NEIN NEIN

Antwort3

Hier ist eine Funktion, die zur Eingabe eines Wortes auffordert und eine Groß-/Kleinschreibung beachtende Suche durchführt:

var searches = searches || 0;

(function () {
var count = 0,
    text;
text = prompt('Search:', '');
if (text == null || text.length === 0) return;

function searchWithinNode(node, re) {
    var pos, skip, acronym, middlebit, endbit, middleclone;
    skip = 0;
    if (node.nodeType === 3) {
        pos = node.data.search(re);
        if (pos >= 0) {
            acronym = document.createElement('ACRONYM');
            acronym.title = 'Search ' + (searches + 1) + ': ' + re.toString();
            acronym.style.backgroundColor = backColor;
            acronym.style.borderTop = '1px solid ' + borderColor;
            acronym.style.borderBottom = '1px solid ' + borderColor;
            acronym.style.fontWeight = 'bold';
            acronym.style.color = borderColor;
            middlebit = node.splitText(pos);
            endbit = middlebit.splitText(RegExp.lastMatch.length);
            middleclone = middlebit.cloneNode(true);
            acronym.appendChild(middleclone);
            middlebit.parentNode.replaceChild(acronym, middlebit);
            count++;
            skip = 1;
        }
    } else if (node.nodeType == 1 && node.childNodes && node.tagName.toUpperCase() != 'SCRIPT' && node.tagName.toUpperCase != 'STYLE') for (var child = 0; child < node.childNodes.length; ++child) child = child + searchWithinNode(node.childNodes[child], re);
    return skip;
}
var borderColor = '#' + (searches + 8).toString(2).substr(-3).replace(/0/g, '3').replace(/1/g, '6');
var backColor = borderColor.replace(/3/g, 'c').replace(/6/g, 'f');
if (searches % 16 / 8 >= 1) {
    var tempColor = borderColor;
    borderColor = backColor;
    backColor = tempColor;
}
searchWithinNode(document.body, text);
window.status = 'Found ' + count + ' match' + (count == 1 ? '' : 'es') + ' for ' + text + '.';
if (count > 0) searches++;
})();

Es kann für den einfachen Zugriff als Bookmarklet gespeichert werden.

Verweise

Bookmarklet für die Suche mit regulären Ausdrücken

Markieren Sie Regex-Bookmarklet

Antwort4

Sie könnenSuchen und Ersetzen zur Textbearbeitungoderfinden+ | Regex-Suchtool auf der Seite,GithuboderFindRErweiterungen für die Groß-/Kleinschreibung beachtende Suche in Chrome.

Dies lässt sich ganz einfach mit jeder beliebigen Tastenkombination öffnen. Sie können auch RegEx ausführen, nach ganzen Wörtern suchen, Text suchen und ersetzen usw. usw.

verwandte Informationen