Yêu cầu chặn trong Chrome

Question

Tôi đang cố chặn một số yêu cầu trong ứng dụng Chrome.

Tôi tạo ra một người biết lắng nghe Javascript mà không xác nhận điều này:

chrome.webRequest.onBeforeRequest.addListener(
    { 
     urls: ["*://site.com/test/*"] 
    }, 
    ["blocking"] 
); 

Nhưng các yêu cầu không được ngăn chặn. Tôi đã bỏ lỡ điều gì đó trong mã này?

manifest của tôi:

"background": { 
     "scripts": ["listener.js"], 
     "persistent": true 
    }, 
"permissions": ["tabs", "http://*/*"], 
    "manifest_version": 2, 

Answer 1

Dường như bạn hiểu lầm ý nghĩa của "chặn" ở đây.

https://developer.chrome.com/extensions/webRequest.html#subscription

Nếu mảng opt_extraInfoSpec tùy chọn chứa chuỗi 'chặn' (chỉ được phép cho các sự kiện cụ thể), chức năng gọi lại được xử lý cách đồng bộ. Điều đó có nghĩa là yêu cầu bị chặn cho đến khi hàm trả về trả về. Trong trường hợp này, cuộc gọi lại có thể trả lại BlockingResponse xác định vòng đời tiếp theo của yêu cầu .

Để chặn yêu cầu (hủy), hãy trả lại {cancel: true} trong trình xử lý sự kiện của bạn.

Ví dụ:

chrome.webRequest.onBeforeRequest.addListener(
    function() { 
     return {cancel: true}; 
    }, 
    { 
     urls: ["*://site.com/test/*"] 
    }, 
    ["blocking"] 
); 

này sẽ chặn tất cả các URL khớp *://site.com/test/*.

Cũng nhớ kê khai cả hai quyền webRequest và webRequestBlocking trong tệp kê khai của bạn.

Answer 2

Bạn có thể làm như sau:

1. Create a new directory.
2. Tạo các tệp bên dưới.
3. Tải phần mở rộng giải nén ở chế độ nhà phát triển thông qua chrome://extensions/

background.js

chrome.webRequest.onBeforeRequest.addListener(
    function(){ return {cancel: true}; }, 
    { 
    urls: ["<all_urls>"], // Change this to a more specific pattern 
    types: ["script"] 
    }, 
    ["blocking"] 
); 

manifest.json

{ 
    "name": "Block request", 
    "version": "1.0", 
    "manifest_version": 2, 
    "background": { 
     "scripts": ["background.html"] 
    }, 
    "permissions": [ 
     "webRequest", 
     "webRequestBlocking", 
     "<all_urls>" 
    ] 
} 

Answer 3

Từ Chrome 59 bạn có thể Blo ck yêu cầu cụ thể từ tab Mạng của công cụ nhà phát triển.

https://developers.google.com/web/updates/2017/04/devtools-release-notes#block-requests

Nhấp chuột phải vào yêu cầu trong bảng điều khiển Mạng và chọn Chặn URL yêu cầu. Một tab Chặn yêu cầu mới xuất hiện trong Ngăn kéo, cho phép bạn quản lý các yêu cầu bị chặn.