Tiện ích mở rộng của Chrome: Lỗi cổng: Không thể thiết lập kết nối. Kết thúc nhận không tồn tại.

Question

Khi cố gắng để giao tiếp giữa trang nội dung và Bối cảnh của tôi Script tôi nhận được các lỗi sau đây:

Port error: Could not establish connection. Receiving end does not exist. 
Error in event handler for 'undefined': Cannot read property 'message' of undefined  
TypeError: Cannot read property 'message' of undefined 

background.js

function onRequest(request, sender, callbackFunction) { 
    console.log("Me (BS) became this Message:" + request.message); 
    sendResponse({message: request.message}) 
}; 
chrome.extension.onRequest.addListener(onRequest); 

streamcloud.js

function contactBackground(nachricht){ 
    chrome.extension.sendMessage({message: nachricht}, function(response) { 
     console.log("The Background Script got the following Message: " + response.message); 
    }); 
} 

và số manifest.jso của tôi n

{ 
    "name": "InstantWatch - Dev", 
    "manifest_version": 2, 
    "version": "0.7", 
    "permissions": ["tabs", "http://*/", "https://*/"], 
    "background": { 
    "scripts": ["background.js"] 
    }, 
    "browser_action": { 
    "default_title": "InstantWatch", 
    "default_icon" : "icon.ico" 
    }, 
    "content_scripts": [ 
    { 
     "matches": ["http://*/*", "http://*/*"], 
     "js": ["jquery.js", "streamcloud.js"] 
    } 
    ] 
} 

tôi tìm thấy giải pháp cho thêm một BACKGROUND_PAGE: "background.html" với một background.html trống rỗng, nhưng kể từ khi BACKGROUND_PAGE không được hỗ trợ từ manifest_version: 2, tôi không thể sử dụng.

Answer 1

sendMessage và onRequest là không tương thích.

Nếu bạn cần hỗ trợ Chrome 19 và trước đó, sử dụng onRequest và sendRequest:

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) { 
    // Warning: Chrome 19- [receiver] 
}); 
chrome.extension.sendRequest(message, optional_sendResponse); 

---

Đối Chrome 20-25, sử dụng chrome.extension.onMessage và chrome.extension.sendMessage:

chrome.extension.onMessage.addListener(function(request, sender, sendResponse) { 
    // Chrome 20+ 
}); 
chrome.extension.sendMessage(message, optional_sendResponse); 

---

Đối Chrome hơn 26, sử dụng chrome.runtime.onMessage và chrome.runtime.sendMessage.

---

Lưu ý: Kể từ Chrome 26, phương pháp không dùng nữa vẫn được hỗ trợ, mặc dù không có giấy tờ. Nếu bạn có cơ hội, hãy cập nhật tiện ích của bạn để sử dụng các phương pháp mới, để đảm bảo rằng tiện ích mở rộng của bạn sẽ vẫn hoạt động trong tương lai.
Xem this answer để tạo mã tương thích với Chrome 20+.

Answer 2

Thay vì

chrome.extension.onRequest.addListener(onRequest); 

Sử dụng

chrome.extension.onMessage.addListener(onRequest); 

Vì bạn đang sử dụng SendMessage và không sendRequest.

Phân tích cú pháp thư đã được cập nhật trong phiên bản Chrome mới. sendRequest và onRequest không được chấp nhận. Bạn nên đi với sendMessage và onMessage.

Tham khảo tài liệu cho message parsing between Content Script and Background.