Question

我想用JavaScript显示全屏弹出窗口？我在下面使用此代码，但它不适用于Firefox和Opera浏览器。

function detectVersion()
{
    version = parseInt(navigator.appVersion);
    return version;
}

function detectOS()
{
    if (navigator.userAgent.indexOf('Win') == -1) {
        OS = 'Macintosh';
    } else {
        OS = 'Windows';
    }
    return OS;
}

function detectBrowser()
{
    if (navigator.appName.indexOf('Netscape') == -1) {
        browser = 'IE';
    } else {
        browser = 'Netscape';
    }
    return browser;
}

function FullScreen(url){

    var adjWidth;
    var adjHeight;

    if ((detectOS() == 'Macintosh') && (detectBrowser() == 'Netscape')) {
        adjWidth = 20;
        adjHeight = 35;
    }
    if ((detectOS() == 'Macintosh') && (detectBrowser() == 'IE')) {
        adjWidth = 20;
        adjHeight = 35;
        winOptions = 'fullscreen=yes';
    }
    if ((detectOS() == 'Windows') && (detectBrowser() == 'Netscape')) {
        adjWidth = 30;
        adjHeight = 30;
    }
    if (detectVersion() < 4) {
        self.location.href = url;
    } else {
        var winWidth = screen.availWidth - adjWidth;
        var winHeight = screen.availHeight - adjHeight;
        var winSize = 'width=' + winWidth + ',height=' + winHeight;
        var thewindow = window.open(url, 'WindowName', winSize);
        thewindow.moveTo(0,0);
    }
}

function MakeItSo(url){
    if ((detectOS() == 'Windows') && (detectBrowser() == 'IE')) {
        window.open(url,'windowname','fullscreen=yes');
    } else {
        onload=FullScreen();
    }
}

我很感激帮助，

阮

Answer 1

1）大多数现代浏览器会阻止弹出窗口，因此您的工作将被禁用。

2）打开全屏弹出窗口公然侵入用户环境。如果它是一个你想要全屏运行的应用程序，最好包括一个注释来教育你的用户关于F11键（在Windows Fx，IE上）

Answer 2

您是否检查过HTML5全屏API？

document.body.requestFullscreen();

（别忘了供应商的前缀！）

如果浏览器不支持，您可以尝试使用全屏弹出窗口，或者只是提示用户自己进入全屏模式。

如何用JavaScript显示全屏弹出窗口？

2 个答案: