我如何在谷歌Chrome上打开一个新的弹出窗口，它可以在不经过Windows'任务栏

How can I open a new popup window on Google Chrome that adjusts to any screen without going over Windows' taskbar?

本文关键字：窗口 经过 任务栏 Windows Chrome 谷歌 一个      更新时间：2023-09-26

我一直在尝试创建一个适合屏幕而不重叠Windows任务栏的弹出式启动程序，我做了一些研究，甚至创建了HTML文件，但它不能正常工作，它与任务栏重叠，甚至超出了任务栏。如何实现这样的任务，我做错了什么？

代码：（在桌面上运行） 

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>winds</title>
  </head>
  <body>
    <script>
      function fc()
      {
        window.open('http://www.google.com.br','window','menubar=yes,screenX=0,screenY=0,top=0,left=0,location=no,status=no,toolbar=no,scrollbars=yes,resizable=no,width=' + (screen.width - 10) + ',height=' + screen.availHeight);
      }
    </script>
    <a href="JavaScript:fc()">Chrome</a>
  </body>
</html>

事实证明，window.outerWidth和window.outerHeight已经存在了一段时间，但直到IE9才出现在IE中。

下面的代码示例打开一个具有最大大小但没有任务栏的窗口，方法是首先以最小大小打开窗口，然后调整打开的窗口的大小以占据所有可用区域。

function splashOpen(url)
{
    var winFeatures = 'screenX=0,screenY=0,top=0,left=0,scrollbars,width=100,height=100';
    var winName = 'window';
    var win = window.open(url,winName, winFeatures); 
    var extraWidth = win.screen.availWidth - win.outerWidth;
    var extraHeight = win.screen.availHeight - win.outerHeight;
    win.resizeBy(extraWidth, extraHeight);
    return win;
}
// and test
splashOpen("javascript:'hello folks and world'");

注意：

  • 窗口功能字符串的MDN wiki示例似乎不正确：包含所需功能的名称，而忽略不需要的功能。

  • 用户可能有选择地禁用了禁用寡妇打开功能。（在Mozilla Firefox中，请参阅dom.disable_window_open_feature下的about:config，以防止弹出窗口隐藏位置详细信息或禁用其他有用功能。）

相关文章：