diff --git a/hello-chrome/background.js b/hello-chrome/background.js index 542a8c8..f2aca3c 100644 --- a/hello-chrome/background.js +++ b/hello-chrome/background.js @@ -1 +1,26 @@ -console.log("background.js") \ No newline at end of file +console.log("background.js") +chrome.runtime.onConnect.addListener((port) => { + console.log("runtime onConnect: ", port) + port.onMessage.addListener((message) => { + console.log("runtime port onMessage: ", message) + port.postMessage(message + "*bg") + }) + port.onDisconnect.addListener(() => { + console.log("runtime port onDisconnect") + }) +}) +chrome.runtime.onMessage.addListener((message) => { + console.log("runtime onMessage: ", message) +}) +// chrome.tabs.onConnect.addListener((port) => { +// console.log("tabs onConnect: ", port) +// port.onMessage.addListener((message) => { +// console.log("port onMessage: ", message) +// }) +// port.onDisconnect.addListener(() => { +// console.log("port onDisconnect") +// }) +// }) +// chrome.tabs.onMessage.addListener((message) => { +// console.log("tabs onMessage: ", message) +// }) \ No newline at end of file diff --git a/hello-chrome/devtools.html b/hello-chrome/devtools.html index 488881e..a3a924e 100644 --- a/hello-chrome/devtools.html +++ b/hello-chrome/devtools.html @@ -6,5 +6,7 @@ devtools + +
diff --git a/hello-chrome/devtools.js b/hello-chrome/devtools.js index fe6f5e5..d3fb822 100644 --- a/hello-chrome/devtools.js +++ b/hello-chrome/devtools.js @@ -1 +1,43 @@ -console.log("devtools.js"); \ No newline at end of file +console.log("devtools.js"); +debugger + +// const tabsConnect = chrome.tabs.connect({ name: "devtoos" }); +// tabsConnect.onMessage.addListener((message) => { +// console.log("tabsConnect Message: ", message) +// }) +// tabsConnect.onDisconnect.addListener(() => { +// console.log("tabsConnect disconnect") +// }) +const runtimeConnect = chrome.runtime.connect({ name: "devtools" }) +runtimeConnect.onDisconnect.addListener(() => { + console.log(`runtimeConnect disconnect`,) +}); +runtimeConnect.onMessage.addListener((message) => { + console.log('runtimeConnect Message: ', message) + text.innerText = message; +}); +// view +const text = document.getElementById('text') +const send2bg = document.getElementById('send2bg') +if (send2bg) { + send2bg.addEventListener('click', () => { + const message = ("devtools send to background") + runtimeConnect.postMessage(message) + // tabsConnect.sendMessage(message); + // chrome.runtime.sendMessage(message); + }) +} + + +chrome.devtools.panels.create("Hello World", "icon.png", "devtools.html", (panel) => { + console.log("panel created"); + panel.onShown.addListener(() => { + console.log("panel shown"); + }); + panel.onHidden.addListener(() => { + console.log("panel hidden"); + }); + panel.onSearch.addListener((query) => { + console.log("panel search", query); + }); +}); \ No newline at end of file