Gần đây tôi đã trả lời một câu hỏi khác với cùng yêu cầu tùy chỉnh các tính năng của Chrome (và cũng được lấy cảm hứng từ @Paul ).
LƯU Ý: Giải pháp này cho phép bạn chặn một địa chỉ IP hoặc danh sách IP cụ thể mà không phải tải bất kỳ thư viện bổ sung nào và không có tập lệnh bổ sung nào trong dự án của bạn. Thực tế bạn có thể đã chặn tất cả các tính năng Javascript, nhưng điều khiển "noautofill" tuân theo hoạt động, tránh va chạm với các thư viện khác, cho phép bạn nhận ra thực sự về phí tiêu thụ và thời gian kết xuất, và điều này có thể giúp tiết kiệm thời gian gỡ lỗi trong ngày ngày nay, trên các dự án web khác nhau.
Tạo tiện ích mở rộng Chrome sử dụng "máy chủ bộ lọc đối sánh" của API Chrome và lọc tùy chỉnh của bạn IP hosthoặc namehost. Sau đó thiết lập các thuộc tính autocompleteđể off cho tất cả "đầu vào" và "hình thức" thẻ.
Chúng tôi tiến hành các bước sau:
Tạo một thư mục mới có tên ex. noautofill
Tạo vào thư mục mới của chúng tôi, một tệp mới có tên là manifest.json và thêm mã này vào bên trong:
{
"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" ]
}
- Trong thư mục mới của chúng tôi, tạo một tệp mới có tên script.js và thêm mã này vào bên trong:
(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');
}
});
})();
Chúng tôi đi tới menu của Chrome »Cài đặt» Tiện ích mở rộng
Bây giờ chúng tôi nhấp vào nút "Tải tiện ích mở rộng đã giải nén"
Cuối cùng, chúng tôi đánh dấu thư mục của chúng tôi và nhấp vào nút mở.
Đây là kết quả:
Hệ thống này rất đơn giản và bạn có thể tùy chỉnh tệp script.js bằng mã điều khiển của riêng bạn. Trong tương lai, bạn có thể thêm các tập lệnh, CSS, trang cấu hình khác, v.v ... Hãy nhớ rằng mỗi khi bạn thực hiện thay đổi trong tập tin script.js, bạn nên tải lại plugin bằng CtrlR.
Ngoài ra, bạn có thể nhận được hướng dẫn chi tiết hơn về cách tạo tiện ích mở rộng Chrome .
