无法使ExtensionSidebarPane.setObject工作
fer*_*oze 0 google-chrome-extension google-chrome-devtools
我正在尝试修改debugtools元素面板以添加我自己的自定义数据.该数据与正在检查的页面的网页DOM无关.我想把自己的东西放在那里.
所以,我做了以下事情:
function createDebug(token)
{
console.log("createDebug() " + token);
chrome.devtools.panels.elements.createSidebarPane(
"Token Details: " + token,
function(sidebar) {
function updateElementProperties() {
console.log("updateElementProperties()");
var data = {};
data.token = token;
var s = JSON.stringify(data);
console.log(s);
sidebar.setObject(s, "DATA");
}
console.log("createSidebarPane() callback");
updateElementProperties();
});
}
当我打开devtools时,我只看到我在"Token Details"面板的"DATA"子项目上设置的对象.
我究竟做错了什么？
我想文档很混乱,extensionSidebarPane.setObject(string jsonObject, string rootTitle, function callback)它必须是一些东西extensionSidebarPane.setObject( jsonObject, string rootTitle, function callback).
因此,您使用JSON.stringify()显式将其转换为字符串
var data = {};
data.token = token;
var s = JSON.stringify(data);
console.log(s);
我已经删除了最后一行var s = JSON.stringify(data);
console.log(s);,它正在工作.
示范
使用您的功能我使用以下代码.
的manifest.json
注册devtools.html到清单
{
"name": "Dev Tools",
"description":"This demonstrates dev tools API",
"version": "1.0",
"manifest_version":2,
"devtools_page": "devtools.html"
}
devtools.html
琐碎的devtools.html使用devtools.js
<html>
<head>
<script src="devtools.js"></script>
</head>
<body>
</body>
</html>
devtools.js
消除了显式字符串标记化.
function createDebug(token){
console.log("createDebug() " + token);
chrome.devtools.panels.elements.createSidebarPane(
"Token Details: " + token,
function(sidebar) {
function updateElementProperties() {
console.log("updateElementProperties()");
var data = {};
data.token = token;
//Commenting out explicit string conversion
//var s = JSON.stringify(data);
//console.log(s);
sidebar.setObject(data, "DATA");
}
console.log("createSidebarPane() callback");
updateElementProperties();
});
}
document.addEventListener("DOMContentLoaded",function (){
createDebug("Trivial Token one");
});
如果您需要更多信息,请与我们联系
| 归档时间： |
|
| 查看次数： |
345 次 |
| 最近记录： |