Di recente ho risposto a un'altra domanda con lo stesso requisito di personalizzazione delle funzionalità di Chrome (e anche ispirato a @Paul ).
NOTA: questa soluzione consente di bloccare un indirizzo IP specifico o un elenco di IP, senza dover caricare alcuna libreria aggiuntiva e nessuno script aggiuntivo nel progetto. Infatti spesso potresti aver bloccato tutte le funzionalità di Javascript, ma il controllo "noautofill" segue il funzionamento, evitando collisioni con altre librerie, consentendo anche di avere un reale riconoscimento dei costi di consumo e dei tempi di rendering, e questo può tradursi in risparmi di tempo nel debugging del giorno oggi, su diversi progetti web.
Crea un'estensione di Chrome che utilizza il "match filter host" dell'API di Chrome e filtra i tuoi personalizzati IP hosto namehost. Quindi imposta l'attributo autocompletesu off per tutti i tag "input" e "form".
Procediamo con questi passaggi:
Crea una nuova cartella denominata ex. noautofill
Crea nella nostra nuova cartella, un nuovo file chiamato manifest.json e aggiungi questo codice all'interno:
{
"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" ]
}
- Nella nostra nuova cartella, crea un nuovo file chiamato script.js e aggiungi questo codice all'interno:
(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');
}
});
})();
Andiamo al menu di Chrome »Impostazioni» Estensioni
Ora facciamo clic sul pulsante "Carica estensioni non compresse"
Infine segniamo la nostra cartella e facciamo clic sul pulsante Apri.
Questo è il risultato:
Questo sistema è molto semplice e puoi personalizzare il file script.js con il tuo codice di controllo. In futuro potresti aggiungere altri script, CSS, pagine di configurazione, ecc. Ricorda che ogni volta che apporterai modifiche nel file script.js dovrai ricaricare il plugin con CtrlR.
Inoltre puoi ottenere una guida più dettagliata su come creare estensioni di Chrome .
