Javascript 如何从内部扩展弹出窗口检测浏览器屏幕大小

Javascript 如何从内部扩展弹出窗口检测浏览器屏幕大小,javascript,google-chrome-extension,Javascript,Google Chrome Extension,我正在做一个分机。扩展使用popup.html和popup.js 我的清单加载以下权限: "permissions": [ "activeTab", "tabs", "storage" ] 我目前没有使用任何背景脚本 我试图在加载和调整大小时检测浏览器屏幕大小。我试过使用 window.addEventListener('resize',函数(e) window.innerWidth 和 window

我正在做一个分机。扩展使用popup.html和popup.js

我的清单加载以下权限:

"permissions": [
  "activeTab",
  "tabs",
  "storage"
] 
我目前没有使用任何背景脚本

我试图在加载和调整大小时检测浏览器屏幕大小。我试过使用

window.addEventListener('resize',函数(e)
window.innerWidth
window.outerWidth

我也尝试过其他几种方法,但无论我尝试什么,返回的值都是弹出窗口的高度和宽度,而不是整个浏览器窗口。由于此原因,也无法检测到浏览器调整大小,因为实际弹出窗口的大小未随浏览器调整

最后一点注意:我使用的是纯js而不是jquery,所以jquery解决方案对我没有帮助


如何从popup.html内部获取浏览器的高度/宽度?

该弹出窗口是一个独立的窗口,与网页无关,因此
窗口
指的是弹出窗口

在弹出脚本中使用API:

chrome.windows.getCurrent(wnd=>{
控制台日志(wnd);
});
返回的对象不是JS
窗口,而是与
chrome
API不同的类型,有关更多信息,请参阅上面链接的文档。通常回调是异步的,因此应该在内部使用该值

另外请注意,由于弹出窗口是一个单独的窗口,console.log将在弹出窗口的devtools中打印:右键单击弹出窗口内部并在菜单中选择“inspect”。在Firefox中,它是