Recentemente, respondi a outra pergunta com o mesmo requisito de personalizar recursos do Chrome (e também inspirada no @Paul ).
NOTA: Esta solução permite bloquear um endereço IP específico ou uma lista de IPs, sem precisar carregar nenhuma biblioteca adicional e nenhum script adicional no seu projeto. De fato, muitas vezes você pode ter bloqueado todos os recursos Javascript, mas o controle "noautofill" segue em operação, evitando colisões com outras bibliotecas, permitindo também um reconhecimento real da taxa de consumo e do tempo de renderização, o que pode se traduzir em economia de tempo no dia de depuração hoje, em diferentes projetos da web.
Crie uma extensão do Chrome que use o "host do filtro de correspondência" da API do Chrome e filtre o seu IP hostou namehost. Em seguida, defina o atributo autocompletecomo off para todas as tags "input" e "form".
Prosseguimos com estas etapas:
Crie uma nova pasta chamada ex. noautofill
Crie em nossa nova pasta, um novo arquivo chamado manifest.json e adicione este código dentro:
{
"name": "No Autofill",
"version": "1.0",
"manifest_version": 2,
"description": "No Autofill.",
"content_scripts": [ {
"all_frames": true,
"exclude_globs": [ ],
"include_globs": [ "*" ],
"js": [ "script.js" ],
"matches": [
"http://192.168.1.100/",
"http://127.0.0.1/",
"http://10.0.1.100/",
"http://localhost/",
"http://wp.local/",
"http://192.168.1.100/*",
"http://127.0.0.1/*",
"http://10.0.1.100/*",
"http://localhost/*",
"http://wp.local/*"
],
"run_at": "document_start"
} ],
"permissions": [ "tabs", "http://*/", "https://*/", "https://*/*", "http://*/*", "contextMenus" ]
}
- Em nossa nova pasta, crie um novo arquivo chamado script.js e adicione este código dentro de:
(function(){
chrome.extension.sendRequest({
autofill:'off'
},function(){
var inputnodes = document.getElementsByTagName('input');
for(var i=0;i<inputnodes.length;i++){
inputnodes[i].setAttribute('autocomplete','off');
}
var formnodes = document.getElementsByTagName("form");
for(var i=0;i<formnodes.length;i++){
formnodes[i].setAttribute('autocomplete','off');
}
});
})();
Vamos ao menu do Chrome »Configurações» Extensões
Agora clicamos no botão "Carregar extensões descompactadas"
Finalmente, marcamos nossa pasta e clicamos no botão Abrir.
Este é o resultado:
Esse sistema é muito simples e você pode personalizar o arquivo script.js com seu próprio código de controle. No futuro, você poderá adicionar outros scripts, CSS, páginas de configuração, etc. Lembre-se de que toda vez que fizer alterações no arquivo script.js, deverá recarregar o plug-in CtrlR.
Além disso, você pode obter um guia mais detalhado sobre como criar extensões do Chrome .
