如何将选定元素从 devTools 页面发送到 chrome 侧边栏页面答案

【问题标题】：How to I send selected element from devTools page to chrome sidebar page如何将选定元素从 devTools 页面发送到 chrome 侧边栏页面
【发布时间】：2014-09-27 11:54:51
【问题描述】：

我正在开发 chrome devTools 扩展。基本上，我在元素面板中添加了一个侧边栏窗格。 devtools.js

chrome.devtools.panels.elements.createSidebarPane("ChromeTrast", function(sidebar) {
  sidebar.setPage('devTools/chromeTrastDevTools.html');
}

chrometrastDevTools.html

<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
</head>
<body>
  <p id="devTool-report"></p>
  <script src="../resources/jquery.js"></script>
  <script src="../resources/mustache.js"></script>
  <script src="../element/chromeTrastElement.js"></script>
  <script src="../element/RGB.js"></script>
  <script src="chromeTrastSidebar.js"></script>
</body>
</html>

在 devtools.js 中，我需要获取所选元素 ($0) 并将其发送到 chrometrastSidebar.js。

基本上，我希望从 devtools.js > chrometrastSidebar.js 传递数据

chrometrastSidebar.js 是来自侧边栏 html 页面的源文件。

我尝试使用 chrome.devtools.inspectedWindow.eval() 但它不起作用。

我做了一些研究，但都是从内容脚本到免费页面的消息传递。

感谢您的帮助

【问题讨论】：

标签： javascript google-chrome google-chrome-devtools

【解决方案1】：

You would preferably use to get and receive as below accordingly.

chrome.extension.sendMessage({greeting: "hello"}, function(response) {
  console.log(response.farewell);
});


chrome.extension.onMessage.addListener(
 function(request, sender, sendResponse) {
 if (request.greeting == "hello") sendResponse({farewell: JSON.stringify(sender)});
});

【讨论】：