试图做Chrome扩展开发。问题是我不知道如何使用JavaScript。
目前,我认为问题是,我不知道如何调用或定义函数。
调用page_PostData()将导致一个未定义的异常:
is 150:13异常未定义: ReferenceError: page_postData
此代码从示例扩展Chrome查询中略为修改:
https://developer.chrome.com/extensions/examples/api/devtools/panels/chrome-query.zip
devtools.js
function page_postData(variableData) {
console.log("Trying to do AJAX POST...");
};
function page_getData() {
try {
console.log("Trying to get data..");
// Not defined.
page_postData("Test1");
} catch (exception) {
console.log("Exception ocurred:\n" + exception.toString());
}
return $0;
};
chrome.devtools.panels.elements.createSidebarPane(
"Element Properties",
function(sidebar) {
function updateElementProperties() {
sidebar.setExpression("(" + page_getData + ")()");
}
updateElementProperties();
chrome.devtools.panels.elements.onSelectionChanged.addListener(
updateElementProperties);
});manifest.json
{
"manifest_version": 2,
"name": "Chrome Extension Test",
"version": "0.1",
"description": "Dev tools test extension",
"devtools_page": "devtools.html",
"background": {
"scripts": ["devtools.js"]
},
"permissions": [
"tabs",
"http://*/*",
"https://*/*"
]
}devtools.html
<html>
<body>
<script src="devtools.js"></script>
</body>
</html>如何正确定义'page_postData()‘?
如何从内部正确调用“page_postData()”“page_getData()”?
发布于 2016-04-01 09:29:48
上下文问题,因为表达式将在检查页面的上下文中计算,因此将没有page_postData的定义。
您可以创建一个IIEF来包装这两个函数,示例代码如下所示:
function run() {
function page_postData(variableData) {
console.log("Trying to do AJAX POST...");
}
return (function page_getData() {
try {
console.log("Trying to get data..");
page_postData("Test1");
} catch (exception) {
console.log("Exception ocurred:\n" + exception.toString());
}
return $0;
})();
}
chrome.devtools.panels.elements.createSidebarPane(
"Element Properties",
function(sidebar) {
function updateElementProperties() {
sidebar.setExpression('(' + run + ")()");
}
updateElementProperties();
chrome.devtools.panels.elements.onSelectionChanged.addListener(updateElementProperties);
}
);发布于 2016-04-01 09:00:38
要从page_postData()运行page_getData(),需要传递正确的上下文。您应该了解更多关于bind和apply函数的知识。在您的示例中,您应该以如下方式调用page_getData():page_getData.bind(this)()。
https://stackoverflow.com/questions/36351796
复制相似问题