[TOC] > [參考](http://blog.haoji.me/chrome-plugin-develop.html#chang-lian-jie-he-duan-lian-jie) ## 長連接和短連接 Chrome插件中有2種通信方式， - 一個是短連接（chrome.tabs.sendMessage和chrome.runtime.sendMessage） - 一個是長連接（chrome.tabs.connect和chrome.runtime.connect） 而長連接類似WebSocket會一直建立連接，雙方可以隨時互發消息 ## 示例 ### 長連接 popup.js： ``` getCurrentTabId((tabId) => { var port = chrome.tabs.connect(tabId, {name: 'test-connect'}); port.postMessage({question: '你是誰啊？'}); port.onMessage.addListener(function(msg) { alert('收到消息：'+msg.answer); if(msg.answer && msg.answer.startsWith('我是')) { port.postMessage({question: '哦，原來是你啊！'}); } }); }); ``` content-script.js： ``` // 監聽長連接 chrome.runtime.onConnect.addListener(function(port) { console.log(port); if(port.name == 'test-connect') { port.onMessage.addListener(function(msg) { console.log('收到長連接消息：', msg); if(msg.question == '你是誰啊？') port.postMessage({answer: '我是你爸！'}); }); } }); ```