javascript - 如何将所选元素从 devTools 页面发送到 chrome 侧边栏页面

标签 javascript google-chrome google-chrome-devtools

我正在开发 chrome devTools 扩展。基本上我有一个侧边栏 Pane 添加到元素面板。 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() 但它没有用。

我做了一些研究,但都是从 contentscript 到 bacground 页面的消息传递。

谢谢你的帮助

最佳答案

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)});
});

关于javascript - 如何将所选元素从 devTools 页面发送到 chrome 侧边栏页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25128330/

相关文章:

google-chrome - 我如何构建一个 Chrome 扩展来模仿 Safari 的后退/前进页面幻灯片动画?

javascript - 变量在 Chrome 调试器中显示为既有值又未定义?

javascript - 如何在 Chrome 或 Firefox 开发者工具控制台中使用 RxJS Observable?

javascript - 您可以在 Internet Explorer 上捕获这些单选按钮事件吗?

javascript - 获取包含数组所有 id 的数据

html - Chrome 中不显示背景图片

debugging - Chrome Dev Tools中如何回到当前调试位置?

javascript - 悬停事件不针对 child

Javascript正则表达式查找后跟 'px' 或 '%' 的数字

javascript - 粘性页脚 chrome 不适用于动态内容