Extensão do Chrome para alterar as tags HTML automaticamente ao carregar páginas?

Question

Existe alguma extensão do Chrome que intercepta o carregamento de uma página e converte tags específicas antes de exibir a página final? Por exemplo, se alguma página contiver <br> e eu quiser que ela seja <p> antes de mostrá-la?

    

Answer 1

Usando o jQuery, você faria um script como (não testado):

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><scripttype="text/javascript">
$(function()
{$('body').html($('body').html().replace(/<br>\*/g,"<p></p>"));});
</script>

Outra ferramenta é Greasemonkey , que no Chrome é o Extensão do Tampermonkey .
Uma ideia de amostra para um script é (não testada):

bps = document.getElementsByTagName("bp");
if (bps.length > 0) {
  for (i = 0, j = bps.length; i < j; i++) {
     var p = document.createElement("p");
     p.innerHTML = bps[i].innerHTML
     bps[i].parentNode.replaceChild(p, bps[i]);
  }
}

    

Answer 2

Eu só posso imaginar esse conceito com uma extensão que permite modificar geralmente o CSS / JavaScript de uma página. Uma dessas extensões é chamada de JavaScript personalizado para websites . Também permite usar o jQuery, o que torna a tarefa muito mais fácil.

Substituir <br> por <p> não funciona realmente, eles não são o mesmo tipo de elemento. Se você quiser quebras de linha mais amplas, substitua por <br><br> .

O StackOverflow tem várias respostas sobre como substituir tags, como aqui: link

Além disso, existem algumas extensões de substituição RegEx, que podem permitir que você faça isso. Você pode escrever o RegEx substituir em JavaScript também.