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