浏览器全屏设置时如何创建弹出窗口?

时间:2016-02-09 15:58:04

标签: javascript google-chrome google-chrome-extension

我正在开发一个chrome扩展程序,可以帮助开发人员测试多个屏幕(Iphone,Android和Ipad等)。我正在使用chrome.windows.create api根据所选的视口设置正确的视口。我在chrome.windows.create api面临着一个奇怪的错误。

 chrome.windows.create({
        url: url,
        type: "popup",
        width: width,
        height: height,
        left: left,
        top: top,
        focused: true
 });

https://developer.chrome.com/extensions/windows#method-create

如果用户已将浏览器设置为全屏,则还会以全屏模式打开创建新窗口。它不尊重给定的width, height, left and top选项。

如果用户以全屏模式打开浏览器,如何创建给定大小的弹出窗口?

1 个答案:

答案 0 :(得分:0)

窗口对象将引用您的浏览器,而屏幕对象指的是您的实际屏幕,因此您可以通过

检查浏览器是否全屏显示
if (window.innerHeight === screen.height &&
    window.innerWidth === screen.width)