如何将选定元素从devTools页面发送到chrome侧边栏页面
[英]How to I send selected element from devTools page to chrome sidebar page
问题描述
I'm working on a chrome devTools extension. 
我正在研究chrome devTools扩展。 Basically I have a sidebar pane added to the Element panel. 基本上我有一个侧栏窗格添加到元素面板。 devtools.js devtools.js
chrome.devtools.panels.elements.createSidebarPane("ChromeTrast", function(sidebar) {
sidebar.setPage('devTools/chromeTrastDevTools.html');
}
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>
Within devtools.js, I need to get the selected element ($0) and send it to chrometrastSidebar.js. 在devtools.js中，我需要获取所选元素（$ 0）并将其发送到chrometrastSidebar.js。
basically, I am looking to pass data from devtools.js > chrometrastSidebar.js 基本上，我希望从devtools.js> chrometrastSidebar.js传递数据
chrometrastSidebar.js is a source file from the html page of the sidebar. chrometrastSidebar.js是侧栏的html页面中的源文件。
I tried using chrome.devtools.inspectedWindow.eval() but it didn't work. 我尝试使用chrome.devtools.inspectedWindow.eval（）但它没有用。
I did some research but all are messaging from contentscript to bacground page. 我做了一些研究，但都是从contentcript到bacground页面的消息。
thanks for any help 谢谢你的帮助
1 个解决方案
解决方案1
0 2016-04-25 13:13:56
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)});
});
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.