Existe uma maneira de realçar o texto que corresponde a uma expressão regular no Chrome, mesmo no redirecionamento de página?

Question

Existe uma maneira de destacar todas as palavras escritas em TODAS AS CAPS quando carrego determinadas páginas no Chrome?

O ideal é que a solução funcione para a página atual e, quando clico no botão do formulário, ele também precisa trabalhar nas páginas subsequentes automaticamente.

Alguma sugestão?

    

Answer 1

Editar

Faça o download da extensão aqui . As instruções de instalação são as mesmas que as instruções encontradas aqui

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

Resto de resposta

Eu suponho que você quer dizer que isso é do lado do usuário, certo?

Eu, pessoalmente, criaria uma extensão simples do Chrome para essa tarefa, provavelmente porque gosto de fazer as coisas do mesmo jeito. Isso e eu tenho certeza que não há uma função no Chrome permitindo isso (me perdoe se eu estiver errado).

As extensões do Chrome são extremamente fáceis de fazer, por isso não se sinta ameaçado. Aqui está uma pequena coisa que acabei de criar, que destaca todas as palavras em maiúsculas em uma página, com uma alternância de ligar / desligar.

Como vai funcionar

Esta pequena extensão do Google Chrome será executada silenciosamente no plano de fundo de todas as páginas e destacará todas as palavras com mais de duas letras e maiúsculas com fundo amarelo. Ele funcionará em todas as páginas e poderá ser desativado com o recurso "Ativar / Desativar" no gerenciador de extensões do Chrome. Ele usa um script JQuery muito básico para funcionar.

Etapa 1

Você precisa criar uma pasta em algum lugar do 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 manifest.json .

Crie outro arquivo chamado jquery.js e outro chamado myscript.js

Terceiro passo

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

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

Nota

Certifique-se de usar o "http" ou "https" correto para os URLs nos quais deseja trabalhar. Uma maneira melhor de fazer isso seria colocar o URL como um link "http" e um link "https". Não se esqueça do * após a barra final também. Se isso ficar muito complicado, seria melhor apenas usar o arquivo manifest.json original que eu digitei acima e simplesmente desligar a extensão quando você não precisar dela.

Próximo

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

Finalmente

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

Passo quatro - adicionando ao Chrome

Você conseguiu uma extensão de trabalho (nunca pensou que você estaria fazendo isso hoje, aposto). Agora você só precisa adicioná-lo ao Chrome. Para fazer isso, vá para chrome://extensions e marque a caixa "modo de desenvolvedor". Em seguida, clique em "carregar extensão descompactada" e escolha a pasta onde esses três arquivos são mantidos. A extensão começará a funcionar no momento em que você carregar uma página. Para desativar a extensão, basta desmarcar a caixa na página chrome://extensions .

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