ฉันเพิ่งตอบคำถามอื่นที่มีความต้องการเดียวกันกับคุณสมบัติการปรับแต่งของ Chrome (และยังได้รับแรงบันดาลใจจาก@Paul )
หมายเหตุ: วิธีนี้ช่วยให้คุณสามารถบล็อกที่อยู่ IP หรือรายการ IP ที่ต้องการโดยไม่ต้องโหลดไลบรารีเพิ่มเติมและไม่มีสคริปต์เพิ่มเติมในโครงการของคุณ บ่อยครั้งที่คุณอาจปิดกั้นคุณสมบัติ Javascript ทั้งหมด แต่การควบคุม "noautofill" เป็นไปตามการดำเนินการหลีกเลี่ยงการชนกับไลบรารีอื่น ๆ ช่วยให้คุณได้รับการยอมรับอย่างแท้จริงเกี่ยวกับการสิ้นเปลืองค่าใช้จ่ายและเวลาในการเรนเดอร์ ในวันนี้ในโครงการเว็บต่างๆ
สร้างส่วนขยายของ Chrome ที่ใช้ "การแข่งขันเป็นเจ้าภาพกรอง" ของ API ของ Chrome และกรองของคุณเองหรือIP host namehostจากนั้นตั้งค่าแอตทริบิวต์autocompleteเป็นoff แท็ก "input" และ "form" ทั้งหมด
เราดำเนินการตามขั้นตอนเหล่านี้:
{
"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" ]
}
- ในโฟลเดอร์ใหม่ของเราสร้างไฟล์ใหม่ชื่อscript.jsและเพิ่มรหัสนี้ภายใน:
(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');
}
});
})();
เราไปที่เมนูของ Chrome »การตั้งค่า»ส่วนขยาย
ตอนนี้เราคลิกปุ่ม "โหลดส่วนขยายที่คลายการแพค"
ในที่สุดเราก็ทำเครื่องหมายโฟลเดอร์ของเราและคลิกที่ปุ่มเปิด
นี่คือผลลัพธ์ที่ได้:
ระบบนี้ง่ายมากและคุณสามารถปรับแต่งไฟล์script.jsด้วยรหัสควบคุมของคุณเอง ในอนาคตคุณอาจเพิ่มสคริปต์อื่น ๆ , CSS, หน้าการกำหนดค่าและอื่น ๆ โปรดจำไว้ว่าทุกครั้งที่คุณทำการเปลี่ยนแปลงในไฟล์script.jsคุณควรโหลดปลั๊กอินCtrlRอีกครั้งด้วย
นอกจากนี้คุณจะได้รับคู่มือ detiled เพิ่มเติมเกี่ยวกับวิธีการสร้างส่วนขยายของ
