phát hiện tập lệnh nội dung mở rộng của Chrome đã được tiêm/tập lệnh nội dung bao gồm bảo vệ

Question

Tôi muốn thực thi chức năng tập lệnh nội dung bất cứ khi nào tab được cập nhật. Vấn đề là, đôi khi cập nhật tab là ajax (không cần tải lại trang), trong khi vẫn thay đổi url của trang. Do đó, tập lệnh nội dung cũ được tiêm vẫn tồn tại trên trang. Kết quả là nhiều phiên bản của tập lệnh nội dung được tiêm và chạy trên cùng một trang.

Vì vậy, tôi đang tìm kiếm một cơ chế để chèn tập lệnh nội dung, chỉ khi không có tập lệnh nội dung nào tương tự được chèn trước đó. Ý tưởng nào?

Answer 1

Bạn có thể thử gửi tin nhắn tới tập lệnh nội dung (Message Passing). Nếu tập lệnh nội dung trả về thành công một câu trả lời thì điều đó có nghĩa là tập lệnh nội dung đã có sẵn nếu không trả lời trống, bạn có thể kiểm tra phản hồi trống và chèn tập lệnh nội dung.

Bối cảnh:

chrome.tabs.query({active: true, currentWindow: true}, function(tabs) { 
    chrome.tabs.sendMessage(tabs[0].id, {greeting: "hello"}, function(response) { 
     if (response) { 
      console.log("Already there"); 
     } 
     else { 
      console.log("Not there, inject contentscript"); 
     } 
    }); 
}); 

ContentScript:

chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse) { 
     if (request.greeting == "hello") 
      sendResponse({message: "hi"}); 
}); 

Answer 2

Thực hiện một bao gồm bảo vệ là vô cùng đơn giản:

(function() { 
    if (window.hasRun) return; 
    window.hasRun = true; 
    // Rest of code 
})(); 

Nếu bạn muốn programatically tiêm một content script, xem xét sử dụng một trong những webNavigation sự kiện (ví dụ onCommitted) thay vì chrome.tabs.onUpdated. Không giống như sự kiện tabs, các sự kiện webNavigation cũng được kích hoạt để điều hướng trong các khung và cung cấp một cách để khai báo trước một bộ lọc URL.