☰

Existe uma maneira de destacar o texto que corresponde a uma expressão regular no Chrome, mesmo após o redirecionamento da página?

tag-icon • tag-icon google-chrome regex
Existe uma maneira de destacar o texto que corresponde a uma expressão regular no Chrome, mesmo após o redirecionamento da página?

Existe uma maneira de destacar todas as palavras escritas em MAIÚSCULAS quando carrego determinadas páginas no Chrome?

Idealmente, a solução funcionaria para a página atual e, quando clico no botão do formulário, ela também precisa funcionar automaticamente nas páginas subsequentes.

Alguma sugestão?

Responder1

Editar

Baixe a extensãoAqui. As instruções de instalação são iguais às instruções encontradasaqui

Esta extensão simplesmente destaca todas as palavras maiúsculas em uma página

Resto da resposta

Presumo que você queira dizer que isso seja do lado do usuário, certo?

Pessoalmente, eu criaria uma extensão simples do Chrome para essa tarefa, provavelmente porque gosto de fazer as coisas de maneira mais ampla. Isso e tenho certeza de que não existe uma função no Chrome que permita isso (perdoe-me se estiver errado).

As extensões do Chrome são extremamente fáceis de criar, então não se sinta ameaçado. Aqui está uma coisinha que acabei de preparar que destaca todas as palavras em maiúsculas em uma página, com um botão liga/desliga.

Como vai funcionar

Esta pequena extensão do Chrome será executada silenciosamente no fundo de todas as páginas e destacará cada palavra com mais de duas letras e em maiúsculas com fundo amarelo. Ele funcionará em todas as páginas e pode ser desativado usando o recurso “ativar/desativar” no gerenciador de extensões do Chrome. Ele usa um script Jquery muito básico para funcionar.

Passo um

Você precisa criar uma pasta em algum lugar do seu disco rígido para todos os arquivos. Eu chamei de "capshighlighter"

Passo dois

Adicione alguns arquivos a esta pasta usando o Bloco de Notas. Abra o Bloco de notas, clique em "salvar como" em um documento em branco e salve-o como arquivo manifest.json.

Crie outro arquivo chamado jquery.jse outro chamadomyscript.js

Passo três

Adicione o seguinte 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 seja executado apenas em determinadas páginas, altere o valor de matchesno arquivo maifest.json. Separe cada página por uma vírgula. Por exemplo, se você quisesse que o script fosse executado apenas no Stackoverflow, Superuser e Google, você faria:

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

Observação

Certifique-se de usar o "http" ou "https" correto para os URLs nos quais deseja que funcione. A melhor maneira de fazer isso seria colocar o URL como um link “http” E um link “https”. Não se esqueça do *depois da barra final também. Se isso ficar muito complicado, é melhor usar o manifest.jsonarquivo original que digitei acima e desligar a extensão quando não precisar dela.

Próximo

Adicione o Jquery 2.1 ao jquery.js. Para fazer isso, você pode simplesmente copiar e colar tudo, desdeEsse link

Finalmente

Adicione o seguinte 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));
});

Etapa quatro – adicionar ao Chrome

Você fez uma extensão funcional com sucesso (nunca pensei que faria isso hoje, aposto). Agora você só precisa adicioná-lo ao Chrome. Para fazer isso, acesse chrome://extensionse marque a caixa "modo de desenvolvedor". Em seguida, clique em “carregar extensão descompactada” e escolha a pasta onde esses três arquivos serão mantidos. A extensão começará a funcionar no momento em que você carregar uma página. Para desabilitar a extensão, basta desmarcar a caixa na chrome://extensionspágina.

Espero que seja isso que você queria. Independentemente disso, foi uma coisa divertida de fazer ;)

Responder2

Achei esta extensão muito útil para destaque de regex e análise de log:

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

Você pode configurá-lo para destacar o texto de sua escolha nas páginas e aplicará automaticamente esta configuração nos domínios selecionados.

Exemplo de configuração

informação relacionada