Ich habe kürzlich eine andere Frage mit der gleichen Anforderung beantwortet, Funktionen von Chrome anzupassen (und mich auch von @Paul inspirieren zu lassen ).
HINWEIS: Mit dieser Lösung können Sie eine bestimmte IP-Adresse oder IP-Liste blockieren, ohne dass Sie eine zusätzliche Bibliothek und keine zusätzlichen Skripts in Ihr Projekt laden müssen . Oft haben Sie vielleicht alle Javascript-Funktionen blockiert, aber das Steuerelement "noautofill" folgt dem Betrieb, um Kollisionen mit anderen Bibliotheken zu vermeiden. Dadurch können Sie auch die Verbrauchsgebühr und die Rendering-Zeit wirklich erkennen und Zeit sparen heute in verschiedenen Webprojekten.
Erstellen Sie eine Chrome-Erweiterung, die den "Match-Filter-Host" der Chrome-API verwendet, und filtern Sie Ihre benutzerdefinierten IP hostoder namehost. Dann setzen Sie das Attribut autocompleteauf off für alle „Input“ und „Form“ Tags.
Wir gehen mit diesen Schritten vor:
{
"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" ]
}
- Erstellen Sie in unserem neuen Ordner eine neue Datei mit dem Namen script.js und fügen Sie diesen Code hinzu:
(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');
}
});
})();
Wir gehen zu Chrome Menü »Einstellungen» Erweiterungen
Nun klicken wir auf den Button "Entpackte Extensions laden"
Zum Schluss markieren wir unseren Ordner und klicken auf den Öffnen-Button.
Das ist das Ergebnis:
Dieses System ist sehr einfach und Sie können die Datei script.js mit Ihrem eigenen Steuercode anpassen . In Zukunft können Sie weitere Skripte, CSS, Konfigurationsseiten usw. hinzufügen. Denken Sie daran, dass Sie das Plugin jedes Mal neu laden sollten, wenn Sie Änderungen an der Datei script.js vornehmenCtrlR .
Außerdem erhalten Sie eine detailliertere Anleitung zum Erstellen von Chrome-Erweiterungen .
