Thay đổi biểu tượng tiện ích mở rộng Chrome

Question

Tôi mới sử dụng các tiện ích mở rộng của Google Chrome và tôi đã tạo một trang web cho trang web của chúng tôi để kiểm tra nội dung của trang bạn đang truy cập và căn cứ vào ID của máy chủ (chúng tôi có webfarm với 4 máy ảo). Bây giờ sử dụng ID máy chủ, tôi không thể thay đổi biểu tượng tiện ích mở rộng để hiển thị số ở đó. Tôi đã cố gắng sử dụng:

chrome.browserAction.setIcon({ 
    path : folder + icons[2], 
    tabId: tab.id 
}); 

Nhưng tôi nhận được lỗi này: chrome.browserAction is not available: You do not have permission to access this API. Ensure that the required permission or manifest property is included in your manifest.json.

Tôi đã thử googling lỗi và đã được tìm kiếm thông qua các tài liệu, nhưng không thể tìm thấy những gì đang gây ra điều này ...

Answer 1

Tập lệnh nội dung không có quyền truy cập vào hầu hết các API tiện ích. Thay vào đó, bạn sẽ cần phải sử dụng message passing để cảnh báo về nội dung tập lệnh thông báo cho trang nền về những việc cần làm.

kịch bản nội dung của bạn nên gửi một tin nhắn bằng chrome.runtime.sendMessage, và trang nền nên nghe bằng chrome.runtime.onMessage.addListener:

kịch bản nội dung:

if(shouldChangeIcon) { 
    // send message to background script 
    chrome.runtime.sendMessage({ "newIconPath" : folder + icons[2] }); 
} 

trang Background:

chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse) { 
     // read `newIconPath` from request and read `tab.id` from sender 
     chrome.browserAction.setIcon({ 
      path: request.newIconPath, 
      tabId: sender.tab.id 
     }); 
    });