☰

Búsquedas que distinguen entre mayúsculas y minúsculas en Google Chrome

tag-icon • tag-icon google-chrome
Búsquedas que distinguen entre mayúsculas y minúsculas en Google Chrome

¿Existe alguna forma de distinguir entre mayúsculas y minúsculas en búsquedas de páginas en Google Chrome?

captura de pantalla del navegador

Digamos que estoy buscando "Árbol" y quiero excluir todas las variantes como "árbol" o "ÁRBOL" que no coinciden con el caso que estoy buscando. es posible?

Respuesta1

TL;DR (a febrero de 2022):

Aún no, peroeventualmente.

A partir de 2022, la función de búsqueda en página que distingue entre mayúsculas y minúsculas existe en Chrome desde 2018, pero Google aún no ha expuesto la funcionalidad en la interfaz de usuario.

Línea de tiempo

  • A partir del 6 de abril de 2011, estesolicitud de funcióncon Chromium (la base de código fuente abierto de Chrome) ha sidorechazado:

    2011-04-06: jeff******@google.com

    Discutido con clientes potenciales de la interfaz de usuario: sería bueno tener esto, pero no estamos dispuestos a agregar las opciones a la interfaz de usuario en este momento.

  • En 2017el problema se reabrió como problema 687552y, a partir del primer trimestre de 2022, este problema aún permanece abierto.

  • En 2018, se agregó compatibilidad con búsqueda en página que distingue entre mayúsculas y minúsculas al motor Blink subyacente.(junto con otras opciones como "hacer coincidir la palabra completa"). Pero esta funcionalidad aún no está expuesta en la propia interfaz de usuario de Chrome.

  • A partir del 31 de enero de 2022, todavía estamos esperando que Google asigne un equipo de UI/UX para diseñar e implementar los cambios en el cuadro emergente Buscar en la página para admitir estas opciones.

Respuesta2

ElHerramientas de desarrolloventana en navegadores basados ​​en Chromium (Chrome, Edge, Opera,etcétera) admite búsquedas que distinguen entre mayúsculas y minúsculas (¡y también expresiones regulares!):

Para abrir las Herramientas de desarrollador para la pestaña del navegador actual:

  • En Windows, simplemente presione F12una vez.
  • Para plataformas que no sean Windows, o si F12no está disponible, puede usar Ctrl+ Shift+ I
    (Esa es unamayúscula-ojo, No unell minúscula)

A partir de Chrome 97 (febrero de 2022), puedes buscar el documento actual usando las herramientas para desarrolladores de tres maneras diferentes:

1: Utilice el panel "Buscar"

ingrese la descripción de la imagen aquí

  • (Esta función sería mejor denominada "Buscar en todos los archivos", en mi opinión).
  • Primero, abra la ventana Herramientas de desarrollador ( F12o Ctrl+ Shift+ I)
  • Luego, desde la ventana Herramientas de desarrollador, hay dos formas de abrirla:
    1. Método 1: En cualquier pestaña, presione la Escapetecla para abrir el cajón de la Consola, luego haga clic en los tres puntos para abrir elMás herramientasmenú, luego elija "Buscar":
    2. Método 2: Haga clic en el menú de la esquina superior derecha, elijaMás herramientasy elija "Buscar":
  • Una vez abierto, use los botones alrededor del cuadro de texto de búsqueda para alternar entre mayúsculas y minúsculas y el modo de expresión regular.
  • Sin embargo, existen desventajas al utilizar este enfoque:
    • Esta herramienta busca la fuente de texto sin formato detodos los archivosutilizado por la página actual, incluidos otros archivos HTML, .jsfuente JavaScript, .csstexto de estilos CSS, etc.), por lo que la búsqueda de un término como "var" o "título" arrojará muchos resultados irrelevantes.
      • Afortunadamente, los resultados están agrupados por archivo, así que simplemente filtre mentalmente los resultados de búsqueda que no sean HTML.
    • Los resultados de la búsqueda coincidirán con la fuente original de un archivo HTML o JS en lugar de la representación HTML del DOM actual, por lo que este enfoque no es útil para buscar los llamadosaplicaciones de una sola página(SPA), ya que el HTML fuente es solo un cargador de código auxiliar y no contendrá el contenido textual de la página actual.
      • Debido a que las búsquedas se realizan sobre la fuente de texto en lugar del DOM en vivo, también significa que no se puede hacer doble clic en un resultado de búsqueda para que la ventana principal del navegador salte al elemento seleccionado. En lugar de hacer doble clic en un resultado, se mostrará el contenido en la herramienta para desarrolladores.Fuentesen lugar de la pestaña Elementos.

2: Búsqueda de fuente HTML:

ingrese la descripción de la imagen aquí

  • Si bien la función "Ver fuente..." de Chrome le permite usar Ctrl+ Fpara buscar en la fuente HTML sin formato original, todavía carece de las opciones de búsqueda que distinguen entre mayúsculas y minúsculas y expresiones regulares que buscamos.
    • Sin embargo, la ventana Herramientas de desarrolladorFuentesEl panel tiene su propia función de búsqueda Ctrl+ separada queFhaceAdmite modos de distinción entre mayúsculas y minúsculas y expresiones regulares.
  • Al igual que con el panel de búsqueda, esto no busca el actualvivirÁrbol DOM, por lo que este enfoque no funcionará para páginas web donde el HTML original está muy alejado del DOM activo como se muestra en la pestaña Elementos, como los SPA.

3: Búsqueda DOM en vivo (con XPath que distingue entre mayúsculas y minúsculas):

La búsqueda Live DOM solo admite búsquedas de texto que no distinguen entre mayúsculas y minúsculas...

ingrese la descripción de la imagen aquí

...pero también admite consultas XPath que distinguen entre mayúsculas y minúsculas:

ingrese la descripción de la imagen aquí

  • En elElementospestaña, presione Ctrl+ F. Esto le permite realizar una búsqueda en todo el texto DOM del documento (incluidos los atributos HTML).

  • Mientras busca en el DOM en vivo, funciona con páginas web SPA y otras páginas con muchos scripts.

  • El cuadro de búsqueda tiene 3 modos:

    1. Búsqueda de texto (desafortunadamente, esto solo distingue entre mayúsculas y minúsculas)
    2. Búsqueda de selector CSS (admite selectores que distinguen entre mayúsculas y minúsculas, pero solo para nombres de elementos HTMLy atributos: no se puede utilizar un selector CSS para hacer coincidir el texto DOM).
      • Para realizar una búsqueda de atributos HTML que distinga entre mayúsculas y minúsculas, utilice elementName[attributeName="value"s].
      • Para realizar una búsqueda de atributos HTML que no distinga entre mayúsculas y minúsculas, utilice elementName[attributeName="value"i].
    3. Modo XPath(que admite búsquedas que distinguen entre mayúsculas y minúsculas).
      • Las consultas XPath distinguen entre mayúsculas y minúsculas y puede utilizar algunas funciones XPath para realizar búsquedas que no distingan entre mayúsculas y minúsculas.
      • Puede utilizar cualquier consulta XPath. Por ejemplo, intente usar //*[contains(text(),'Developer Tools')](según la captura de pantalla anterior).
      • Si no obtiene los resultados que espera, puede probar la consulta XPath con la $x()función integrada en la consola de herramientas de desarrollador, por ejemplo $x("//*[contains(text(),'Developer Tools')]")(según la captura de pantalla anterior también).

  • Sin embargo, a partir de Chrome 97todavía no admite distinción entre mayúsculas y minúsculas o expresiones regularespara búsquedas de texto, lo que anula en gran medida el sentido de usar este enfoque por completo a menos que quieras aprender XPath, pero lo menciono en caso de que Google agregue opciones de distinción entre mayúsculas y minúsculas en el futuro... tal vez... eventualmente... Algún día, espero.

  • Otra ventaja de este enfoque es que puede saltar directamente a los resultados de búsqueda en la pestaña de su navegador web original simplemente haciendo doble clic en el nodo del elemento que contiene el texto que desea. Esto no es posible con los métodos de búsqueda de texto fuente antes mencionados.

Comparación:

Opción que distingue entre mayúsculas y minúsculas Toda palabra Modo de expresión regular Modo XPath Compatible con SPA
Ctrl+F en la página web No No No No Sí
Ver código fuente > Ctrl+F No No No No No
Herramientas de desarrollo > Buscar Sí No Sí No No
Herramientas de desarrollo > Elementos > Ctrl+F Sólo con XPath No No Sí Sí
Herramientas de desarrollo > Fuentes > Ctrl+F Sí No Sí No No

Respuesta3

Aquí hay una función que solicita una palabra y realiza una búsqueda que distingue entre mayúsculas y minúsculas:

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++;
})();

Se puede guardar como un marcador para facilitar el acceso.

Referencias

Bookmarklet de búsqueda de expresiones regulares

Resaltar marcador de expresiones regulares

Respuesta4

Puedes usarBuscar y reemplazar para edición de textoobuscar+ | Herramienta de búsqueda en página de expresiones regulares,GitHuboBuscarRExtensiones para búsqueda que distingue entre mayúsculas y minúsculas en Chrome.

Esto se puede abrir fácilmente con cualquier método abreviado de teclado que prefiera. También puede realizar expresiones regulares, buscar palabras completas, buscar y reemplazar texto, etc., etc.

información relacionada