Como substituir a origem da página da web “on the fly”?

Question

Estou procurando uma maneira de substituir o conteúdo da página da Web no caminho. O que quero dizer é:

1. Preciso definir um padrão para a página da web: onde & o código-fonte HTML para substituir
2. Carregue esta página da Web e veja o resultado.

Por exemplo, para alterar a cor de fundo no site por conta própria.

Eu sei, existem algumas maneiras possíveis de fazer isso, como desenvolver extensões do Chrome que podem ter permissões para fazer isso, mas também acho que já construí essas extensões, mas não funcionou e está desatualizado.

Então, talvez você saiba métodos para fazer isso?

Ou talvez exista uma maneira de chamar funções Javascript ou executar o script JS na página de trabalho (não salva).

    

Answer 1

Existem várias abordagens possíveis para isso:

• Uma extensão do navegador que intercepta a página e permite inserir seus próprios elementos (incluindo scripts). Greasemonkey é o mais popular para JavaScript.
• Um aplicativo de proxy que é executado no seu PC e dificulta o tráfego entre o seu navegador e a Internet. Exemplos incluem Fiddler (multiplataforma) e Charles Proxy para Mac.
• Inserindo código manualmente usando as ferramentas de desenvolvimento da web do navegador (pressione F12 para mostrá-las), você pode precisar de alguns complementos para aprimorar as ferramentas para permitir que você mexa com o CSS / HTML / JS.