L'ouverture et la fermeture d'un nouvel onglet lors du téléchargement

Il y a trois éléments de base de ce que vous voulez:

1. Vous devez Intercepter les liens de téléchargement.
2. Vous devez envoyer le lien à un nouvel onglet, lorsqu'il est cliqué, et pas seulement le modifier avec target="_blank". L'onglet doit être ouvert avec javascript, ainsi que javascript soit autorisé à fermer le moment venu.
3. Votre script doit également exécuter et de gérer le "popup" de l'onglet, de sorte qu'il puisse détecter le moment où pour fermer la fenêtre contextuelle.

Pour cette discussion, reportez-vous à cette page de test à jsFiddle. Il est structuré comme ceci:

<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>

où la a.dwnPageLink liens chaque ouvrir une "page de Téléchargement", ce qui lance automatiquement le téléchargement d'un fichier après un court délai.

Intercepter les liens de téléchargement (a.dwnPageLink):

Nous intercepter les liens comme ceci:

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

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

Noter que nous avons également ajouter une classe CSS, de sorte que nous pouvons rapidement voir quels liens ont été touchés.

openInNewTab sera détaillé ci-dessous. Il doit à la fois ouvrir un onglet, et cela doit cesser le lien normal de l'action.

Envoyer le lien à un nouvel onglet:

Nous devons utiliser window.open() pour gérer le lien. Si la page n'est pas ouvert par window.open, notre script ne sera pas en mesure de le fermer.

Noter que GM_openInTab() ne peut pas être utilisé car il ne cause pas de window.opener être réglé correctement et ne fournit pas un mécanisme pour fermer l'onglet.

Le nouvel onglet est lancé dans openInNewTab, qui ressemble à ceci:

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;
}

Gérer le "popup" de l'onglet:

Il n'est pas possible de surveiller la boîte de dialogue de Fichier à partir du lancement de la page. Donc, nous devons mettre le script à exécuter également sur le "popup" de l'onglet. Ajouter @include directives en conséquence.

Le popup partie de notre script permet de détecter la boîte de dialogue de Fichier par le suivi de la beforeunload événement. Les navigateurs feu le beforeunload événement, juste avant l'ouverture de la boîte de dialogue de Fichier (et aussi un peu avant l'onglet se ferme, mais nous ne pouvons ignorer que).

Cependant, nous ne pouvons pas fermer l'onglet lorsque la boîte de dialogue s'affiche. Cela permettra de fermer la boîte de dialogue. Nous avons donc ajouter un petit temps de retard, et un "Confirmer" dialogue de sorte que la languette restera ouvert jusqu'à ce que la boîte de dialogue de Fichier est fermé. Pour désactiver la boîte de dialogue de confirmation, appuyez sur Entrée un temps supplémentaire (ou Cliquez sur OK).

Le code ressemble à ceci:

$(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
    );
} );

Remarque:

1. Depuis le script va s'exécuter à la fois de la Liste des "pages" et "Télécharger", pages, on peut dire qui est qui, par la vérification de window.opener. Sur une page qui s'ouvre par le javascript, ce qui aura une valeur non null.
2. Cette question n'a pas demandé à avoir l'onglet charger dans le fond. Qui peut être fait, avec des degrés variables de succès, mais il est plus impliqué. Poser une nouvelle question.

Script complet:

Ce script fonctionne sur la page de test et sur CNET /pages de Téléchargement:

//==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;
}

OriginalL'auteur Brock Adams

il suffit d'utiliser cette solution simple :

<a href="linkToDownloadFile.html" onclick="download('linkToDownloadFile.html'); return false;">
<script>
function download(link){
var popout = window.open(link);
window.setTimeout(function(){
popout.close();
}, 2000);
}
</script>

OriginalL'auteur APB