Question

获取错误：Uncaught TypeError: Cannot read property 'queryState' of undefined

如何从我的代码中运行扩展程序（https://developer.chrome.com/apps/idle）？

的manifest.json：

{
  "name" : "Idle - Simple Example",
  "version" : "1.0.1",
  "description" : "Demonstrates the Idle API",
  "background" : {
    "scripts": ["background.js"]
  },
  "permissions" : [ "idle" ],
  "browser_action" : {
    "default_icon" : "sample-19.png"
  },
  "icons" : {
    "16" : "sample-16.png",
    "48" : "sample-48.png",
    "128" : "sample-128.png"
  },
  "manifest_version": 2
}

background.js：

var history_log = [];
chrome.idle.onStateChanged.addListener(function(newstate) {
  var time = new Date();
  if (history_log.length >= 20) {
    history_log.pop();
  }
  history_log.unshift({'state':newstate, 'time':time});
});
chrome.browserAction.onClicked.addListener(function() {
  window.open('history.html', 'testwindow', 'width=700,height=600');
});

失败：在我的代码中获取chrome.idle.queryState，http://localhost/index.html：

<html>
<script>
document.addEventListener('DOMContentLoaded', function() {
  chrome.idle.queryState(5, function(state) {
    var time = new Date();
    alert("extension: " + state);
  });

});
</script>
</html>

编辑：

它仅在我用作chrome-extension时起作用：//但如果我尝试从http：//或https：//使用它，则无效。我的目标是让它从http：//或https：//开始工作（或者如果可能的话，iFrame会无形地打开chrome-extension？）

Answer 1

扩展程序打开网站并不会神奇地授予网站使用Chrome扩展程序API的权利。

最简单的方法是将index.html作为扩展程序文件的一部分。然后您可以使用API，但请注意Chrome's CSP（您不能使用内联脚本）。
如果您的目标是专门提供对Chrome API的网页访问权限，则该网页需要与该扩展程序进行通信。

有many methods for that，例如"externally_connectable"，或通过上下文脚本和共享DOM进行交谈。

在任何情况下：chrome.idle只能从扩展程序自己的页面调用，包括但不限于后台页面。

另外，请在扩展程序中使用chrome.windows.create或chrome.tabs.create代替window.open。它不需要特殊权限。

Google Chrome - 扩展程序chrome idle无法正常工作

1 个答案: