tin nhắn giữa kịch bản nội dung và trang nền trong một phần mở rộng chrome không hoạt động vì nó được coi là

Question

tôi post đoạn code dưới đây:

manifest.json

{ 
    "manifest_version": 2, 

    "name": "Demo", 
    "description": "all_frames test", 
    "version": "1.0", 

    "background": { 
    "scripts": ["background.js"] 
    }, 

    "content_scripts": [{ 
     "matches": ["*://*/*"], 
     "js":   ["content.js"], 
     "all_frames": true 
    }], 

    "permissions": [ 
      "tabs", 
      "*://*/*" 
    ] 
} 

background.js

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) { 
    var tabStatus = changeInfo.status; 

    if (tabStatus == 'complete') { 

     function return_msg_callback() { 
      console.log('Got a msg from cs...') 
     } 

     chrome.tabs.sendMessage(tabId, { 
      text: 'hey_cs' 
     }, return_msg_callback); 
    } 

}); 

content.js

/* Listen for messages */ 
chrome.runtime.onMessage.addListener(function(msg, sender, sendResponse) { 
    /* If the received message has the expected format... */ 
    if (msg.text && (msg.text == 'hey_cs')) { 
     console.log('Received a msg from bp...') 
     sendResponse('hey_bp'); 
    } 
}); 

Sau đó, nếu tôi truy cập trang web bao gồm iFrames nhiều dòng gốc, ví dụ: http://www.sport.es/ bạn sẽ thấy rằng tất cả iFrames trong trang đều nhận được thông báo từ trang nền nhưng chỉ một trong số đó có thể phản hồi lại. Đây có phải là hành vi bình thường không?

Cảm ơn trước vì câu trả lời của bạn.

Answer 1

Bạn chỉ gửi một tin nhắn có gọi lại trực tiếp để Chrome có thể sử dụng tính năng gọi lại phản hồi này chỉ một lần (đó là kết nối một lần với một thực thể, có thể là trang hoặc khung nội tuyến).

• Giải pháp 1: gửi nhiều thông điệp cho mỗi iframe một cách rõ ràng:

  manifest.json, quyền bổ sung:

  "permissions": [ 
      "webNavigation" 
  ], 
  

  background.js

  chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) { 
      ............. 
      // before Chrome 49 it was chrome.webNavigation.getAllFrames(tabId, ..... 
      // starting with Chrome 49 tabId is passed inside an object 
      chrome.webNavigation.getAllFrames({tabId: tabId}, function(details) { 
       details.forEach(function(frame) { 
        chrome.tabs.sendMessage(
         tabId, 
         {text: 'hey_cs'}, 
         {frameId: frame.frameId}, 
         function(response) { console.log(response) } 
        ); 
       }); 
      }); 
  }); 
  

• Dung dịch 2: làm lại logic tập lệnh nền của bạn để kịch bản nội dung dẫn đầu trong giao tiếp và để cho nó gửi tin nhắn khi nó được tải.

  content.js

  chrome.runtime.sendMessage({text: "hey"}, function(response) { 
      console.log("Response: ", response); 
  }); 
  

  background.js

  chrome.runtime.onMessage.addListener(function(msg, sender, sendResponse) { 
      console.log("Received %o from %o, frame", msg, sender.tab, sender.frameId); 
      sendResponse("Gotcha!"); 
  }); 
  

Answer 2

Thay vì nhắn tin, bạn có thể sử dụng executeScript cho mục đích của bạn. Trong khi lập luận của callback hiếm khi được sử dụng (và tôi không nghĩ rằng nhiều biết làm thế nào nó hoạt động), nó hoàn hảo ở đây:

chrome.tabs.executeScript(tabId, {file: "script.js"}, function(results) { 
    // Whichever is returned by the last executed statement of script.js 
    // is considered a result. 
    // "results" is an Array of all results - collected from all frames 
}) 

Bạn có thể chắc chắn rằng, ví dụ, rằng tuyên bố thực thi cuối cùng là một cái gì đó giống như

// script.js 
/* ... */ 
result = { someFrameIdentifier: ..., data: ...}; 
// Note: you shouldn't do a "return" statement - it'll be an error, 
// since it's not a function call. It just needs to evaluate to what you want. 

Đảm bảo bạn thực hiện script.js có thể thực thi nhiều lần trong cùng một ngữ cảnh.

Đối với số nhận dạng khung, bạn có thể đưa ra thuật toán của riêng mình. Có lẽ một URL là đủ, có lẽ bạn có thể sử dụng frame's position in the hierarchy.