在很多网站上(Dropbox 就是一个很好的例子)，当你点击一个文档来下载它时，它会打开一个新的窗口/标签，然后出现下载提示，然后标签/窗口立即自行关闭(而提示保持打开状态)。

如何使用 javascript 复制此行为？

我认为一种方法是检测下载提示的出现，然后使用 window.close()。但是，我不确定如何检测该特定提示。

首选跨浏览器解决方案，但非常感谢任何能在 Firefox 中运行的解决方案。

说明

1. 我在 Greasemonkey 脚本中执行此操作
2. 在新选项卡中打开的“链接”不一定是指向文档的直接链接。有时它是一个简单的页面，在后台开始下载。我指的是具有特殊“下载”页面的网站类型...那些说“您的下载将很快开始，如果没有开始，请单击此处”之类的网站。

更多说明:关于上面说明 2 中提到的网站类型，我想做的是点击下载链接，在新窗口中加载该特定下载页面，然后下载开始后关闭窗口。

最佳答案

您想要的包含三个基本部分:

1. 您必须拦截下载链接。
2. 您必须在单击时将链接发送到新选项卡，而不仅仅是使用 target="_blank" 修改它。该选项卡必须使用 javascript 打开，以便在适当的时候允许 javascript 关闭它。
3. 您的脚本还必须运行/处理“弹出”选项卡，以便它可以检测何时关闭弹出窗口。

对于此讨论，请参阅 this test page at jsFiddle . 它的结构如下:

<div id="downloadLinks">
  <ul>
    <li><a class="dwnPageLink" href="http://fiddle.jshell.net/cDTKj/show/">
            Test file, download page at jsFiddle
        </a>
    </li>
    <li><a class="dwnPageLink" href="http://dw.com.com/redir...">
            TextPad (a great text editor), download page at CNET / Download
        </a>
    </li>
  </ul>
</div>

每个 a.dwnPageLink 链接都会打开一个“下载页面”——短暂延迟后会自动开始文件下载。

拦截下载链接(a.dwnPageLink):

我们像这样拦截链接:

$("#downloadLinks a.dwnPageLink").each (interceptLink);

function interceptLink (index, node) {
    var jNode   = $(node);
    jNode.click (openInNewTab);
    jNode.addClass ("intercepted");
}

请注意，我们还添加了一个 CSS 类，以便我们可以快速查看哪些链接受到了影响。
openInNewTab 下面会详细介绍。它必须打开一个选项卡，并且必须停止正常的链接操作。

将链接发送到新标签:

我们必须使用window.open() 来处理链接。如果页面不是通过 window.open 打开的，我们的脚本将无法关闭它。

请注意 GM_openInTab()不能使用，因为它不会导致 window.opener 被正确设置，否则不会提供关闭打开的选项卡的机制。

新标签页在 openInNewTab 中启动，如下所示:

function openInNewTab (zEvent) {
    //-- Optionally adjust the href here, if needed.
    var targURL     = this.href;
    var newTab      = window.open (targURL, "_blank");

    //--- Stop the link from doing anything else.
    zEvent.preventDefault ();
    zEvent.stopPropagation ();
    return false;
}

处理“弹出”选项卡:

无法从启动页面监视文件对话框。所以我们必须将脚本设置为也在“弹出”选项卡上运行。相应地添加 @include 指令。

我们脚​​本的弹出部分可以通过监视 beforeunload 事件来检测文件对话框。浏览器将在打开"file"对话框之前触发 beforeunload 事件(以及在选项卡关闭之前，但我们可以忽略它)。

但是，我们不能在对话框出现时就关闭选项卡。这样做也会关闭对话框。所以我们添加了一个小的时间延迟和一个“确认”对话框，这样选项卡将保持打开状态，直到文件对话框关闭。要清除“确认”对话框，只需再按一次 Enter(或单击确定)。

代码如下所示:

$(window).bind ("beforeunload",  function (zEvent) {
    //-- Allow time for the file dialog to actually open.
    setTimeout ( function () {
            /*-- Since the time it takes for the user to respond
                to the File dialog can vary radically, use a confirm
                to keep the File dialog open long enough for the user 
                to act.
            */
            var doClose = confirm ("Close this window?");
            if (doClose) {
                window.close ();
            }
        },
        444 // 0.444 seconds
    );
} );

注意事项:

1. 由于脚本将在“列表”页面和“下载”页面上运行，我们可以通过检查 window.opener 来判断哪个是哪个。在由 javascript 打开的页面上，这将具有非空值。
2. 此问题并未询问有关在后台加载选项卡的问题。这是可以做到的，取得不同程度的成功，但涉及更多。为此提出一个新问题。

完整脚本:

此脚本适用于 the test page和 CNET / Download pages :

// ==UserScript==
// @name        _Download page, auto closer
// @namespace   _pc
// ******** Includes for "List pages" that have the links we might click...
// @include     http://YOUR_SERVER.COM/YOUR_LIST-PAGE_PATH/*
// @include     http://jsbin.com/ozofom/*
// @include     http://fiddle.jshell.net/qy3NP/*
// @include     http://download.cnet.com/*
// ******** Includes for "Popup pages" that do the actual downloads...
// @include     http://YOUR_SERVER.COM/YOUR_POPUP-PAGE_PATH/*
// @include     http://fiddle.jshell.net/cDTKj/*
// @include     http://dw.com.com/redir?*
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
// @grant       GM_addStyle
// @grant       GM_openInTab
// ==/UserScript==
/*- Important: The @include or @match directives must for for both the pages
    that list the download links, AND the pages that do the actual downloading.

    The @grant directive is needed to work around a design change
    introduced in GM 1.0.   It restores the sandbox.
*/

var bPageNotOpenedByJavascript = window.opener ? false : true;
if (bPageNotOpenedByJavascript) {
    /***** "Normal" page, which might contain links to special download pages.
    */
    //--- Intercept links to the download pages:
    // For our jsFiddle Test page:
    $("#downloadLinks a.dwnPageLink").each (interceptLink);

    // For CNET/Download:
    $("#downloadLinks div.dlLinkWrapper a").each (interceptLink);

    GM_addStyle ( "                                 \
        a.intercepted {                             \
            background:         lime;               \
        }                                           \
    " );
}
else {
    /***** Page opened by JS in either a popup or new tab.
        This was *most likely* done by us, using window.open.
    */
    $(window).bind ("beforeunload",  function (zEvent) {
        //-- Allow time for the file dialog to actually open.
        setTimeout ( function () {
                /*-- Since the time it takes for the user to respond
                    to the File dialog can vary radically, use a confirm
                    to keep the File dialog open long enough for the user
                    to act.
                */
                var doClose = confirm ("Close this window?");
                if (doClose) {
                    window.close ();
                }
            },
            444 // 0.444 seconds
        );
    } );
}

function interceptLink (index, node) {
    var jNode   = $(node);
    jNode.click (openInNewTab);
    jNode.addClass ("intercepted");
}

function openInNewTab (zEvent) {
    //-- Optionally adjust the href here, if needed.
    var targURL     = this.href;
    var newTab      = window.open (targURL, "_blank");

    //--- Stop the link from doing anything else.
    zEvent.preventDefault ();
    zEvent.stopPropagation ();
    return false;
}

关于javascript - 下载时打开和关闭新标签页，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13695537/