Javascript-未定义引用错误x（函数）_Javascript_Google Chrome Extension_Google Chrome Devtools

Javascript-未定义引用错误x（函数）

javascript google-chrome-extension google-chrome-devtools

Javascript-未定义引用错误x（函数）,javascript,google-chrome-extension,google-chrome-devtools,Javascript,Google Chrome Extension,Google Chrome Devtools,尝试进行Chrome扩展开发。问题是我不知道如何使用JavaScript 目前我认为问题在于我不知道如何调用或定义函数调用page_PostData（）会导致未定义的异常： VM150:13发生异常： ReferenceError:未定义页面\u postData 此代码在示例扩展Chrome查询中稍作修改： devtools.js function page_postData(variableData) { console.log("Trying to do AJAX POST.

尝试进行Chrome扩展开发。问题是我不知道如何使用JavaScript

目前我认为问题在于我不知道如何调用或定义函数

调用page_PostData（）会导致未定义的异常：

VM150:13发生异常： ReferenceError:未定义页面\u postData

此代码在示例扩展Chrome查询中稍作修改：

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\u getData（）”内部正确调用“page\u postData（）”？

要从

page\u getData（）

运行

page\u postData（）

，需要传递正确的上下文。您应该了解有关

bind

和

apply

函数的更多信息。在您的示例中，您应该以如下方式调用

page\u getData（）

：

page\u getData.bind（this）（

上下文问题，因为表达式将在所检查页面的上下文中求值，

page\u postData

将没有定义

您可以创建一个包装这两个函数的示例代码，如下所示：

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

此示例代码有效，但$0的返回方式与以前不同（侧边栏现在为空，而不是用当前选定的元素属性填充）。有什么解决办法吗？非常感谢你的帮助。也谢谢你的帮助，我会进一步研究这些。