☰

¿Hay alguna manera de resaltar texto que coincida con una expresión regular en Chrome incluso al redirigir la página?

tag-icon • tag-icon google-chrome regex
¿Hay alguna manera de resaltar texto que coincida con una expresión regular en Chrome incluso al redirigir la página?

¿Hay alguna manera de resaltar todas las palabras escritas TODAS EN MAYÚSCULAS cuando cargo ciertas páginas en Chrome?

Idealmente, la solución funcionaría para la página actual y, cuando hago clic en el botón del formulario, también debe funcionar automáticamente en las páginas siguientes.

¿Alguna sugerencia?

Respuesta1

Editar

Descarga la extensiónAquí. Las instrucciones de instalación son las mismas que las que se encuentranaquí

Esta extensión simplemente resalta todas las palabras mayúsculas de una página.

resto de respuesta

Supongo que te refieres a que esto sea del lado del usuario, ¿verdad?

Yo personalmente crearía una extensión de Chrome simple para esta tarea, probablemente porque me gusta hacer las cosas a lo largo. Eso y estoy bastante seguro de que no hay una función en Chrome que lo permita (perdónenme si me equivoco).

Las extensiones de Chrome son extremadamente fáciles de crear, así que no te sientas amenazado. Aquí hay una pequeña cosa que acabo de crear y que resalta todas las palabras en mayúsculas en una página, con un interruptor de encendido/apagado.

¿Cómo funcionará?

Esta pequeña extensión de Chrome se ejecutará silenciosamente en el fondo de todas las páginas y resaltará cada palabra que tenga más de dos letras y esté en mayúsculas con un fondo amarillo. Funcionará en todas las páginas y se puede desactivar utilizando la función "activar/desactivar" en el administrador de extensiones de Chrome. Utiliza un script Jquery muy básico para funcionar.

Paso uno

Debe crear una carpeta en algún lugar de su disco duro para todos los archivos. Lo llamé "resaltador de mayúsculas"

Segundo paso

Agregue algunos archivos a esta carpeta usando el Bloc de notas. Abra el Bloc de notas, haga clic en "guardar como" en un documento en blanco y guárdelo como manifest.json.

Crea otro archivo llamado jquery.jsy otro llamadomyscript.js

Paso tres

Agregue lo siguiente amanifest.json

{
    "manifest_version": 2,
    "name": "Capslight",
    "description": "Highlight capital words",
    "version": "1.0",
"content_scripts": 
    [
        {
            "matches": ["http://*/*","https://*/*"],
            "js":["jquery.js", "myscript.js"],
            "run_at": "document_end"
        }
    ]

}

Opcional

Para permitir que este script se ejecute solo en determinadas páginas, cambie el valor de matchesen el archivo maifest.json. Separe cada página con una coma. Por ejemplo, si quisieras que el script solo se ejecutara en Stackoverflow, Superuser y Google, harías:

"matches": ["http://www.stackoverflow.com/*","http://www.superuser.com/*","https://google.co.uk/*"],

Nota

Asegúrese de utilizar el "http" o "https" correcto para las URL en las que desea que funcione. Una mejor manera de hacerlo sería poner la URL como un enlace "http" Y un enlace "https". No olvides *también lo que sigue a la barra diagonal. Si esto se vuelve demasiado complicado, sería mejor usar el manifest.jsonarchivo original que escribí arriba y desactivar la extensión cuando no la necesite.

Próximo

Agregue Jquery 2.1 a jquery.js. Para hacer esto, simplemente puede copiar y pegar todo desdeEste enlace

Finalmente

Agregue lo siguiente amyscript.js

$('body').each(function(){
    var pattern = /([A-Z]{3,})/g;
    var before = '<span style="background: yellow;">';
    var after = '</span>';
    $(this).html($(this).html().replace(pattern, before+"$1"+after));
});

Paso cuatro: agregar a Chrome

Has creado con éxito una extensión funcional (apuesto a que nunca pensé que harías eso hoy). Ahora simplemente debes agregarlo a Chrome. Para hacer esto, vaya chrome://extensionsy marque la casilla "modo de desarrollador". Luego haga clic en "cargar extensión descomprimida" y elija la carpeta donde se guardan estos tres archivos. La extensión comenzará a funcionar en el momento en que cargue una página. Para deshabilitar la extensión, simplemente desmarque la casilla en la chrome://extensionspágina.

Espero que esto sea lo que querías. De todos modos, fue algo divertido de hacer;)

Respuesta2

Esta extensión me ha resultado muy útil para resaltar expresiones regulares y analizar registros:

https://chrome.google.com/webstore/detail/rex-regex-highlight-or-co/eejlhekkafpkffbhpidchepheodkgnib

Puede configurarlo para resaltar el texto de su elección en las páginas y aplicará automáticamente esta configuración en los dominios seleccionados.

Ejemplo de configuración

información relacionada