Chrome, Javascript, window.open in new tab

Question

En chrome, cela s'ouvre dans un nouvel onglet :

<button onclick="window.open('newpage.html', '_blank')" />

cela s'ouvre dans une nouvelle fenêtre (mais j'aimerais que cela s'ouvre également dans un nouvel onglet :

<script language="javascript">
  window.open('newpage.html', '_blank');
</script>

Est-ce faisable ?

Answer 1

Vous ne pouvez pas directement contrôler cela, car il s'agit d'une option contrôlée par les utilisateurs d'Internet Explorer.

L'ouverture de pages à l'aide de Window.open avec un nom de fenêtre différent s'ouvrira dans une nouvelle fenêtre du navigateur comme une fenêtre pop-up, OU dans un nouvel onglet, si l'utilisateur a configuré le navigateur à cet effet.

EDITAR:

Une explication plus détaillée :

1. Dans les navigateurs modernes, window.open s'ouvrira dans un nouvel onglet plutôt que dans une fenêtre contextuelle.

2. Vous pouvez forcer un navigateur à utiliser une nouvelle fenêtre ('popup') en spécifiant des options dans le 3ème paramètre

3. Si l'appel à window.open ne fait pas partie d'un événement initié par l'utilisateur, il s'ouvrira dans une nouvelle fenêtre.

4. Un "événement initié par l'utilisateur" ne doit pas nécessairement être le même appel de fonction, mais il doit provenir de la fonction invoquée par un clic de l'utilisateur.

5. Si un événement initié par l'utilisateur délègue ou reporte un appel de fonction (dans un écouteur d'événement ou un délégué non lié à l'événement de clic, ou en utilisant setTimeout par exemple), il perd son statut d'événement "initié par l'utilisateur".

6. Certains bloqueurs de fenêtres intempestives autorisent les fenêtres ouvertes à l'initiative de l'utilisateur, mais pas celles ouvertes autrement.

7. Si un popup est bloqué, ceux qui sont normalement autorisés par un bloqueur (via des événements initiés par l'utilisateur) seront parfois également bloqués. Quelques exemples

Obliger une fenêtre à s'ouvrir dans une nouvelle instance du navigateur, au lieu d'un nouvel onglet :

window.open('page.php', '', 'width=1000');

L'exemple suivant est considéré comme un événement initié par l'utilisateur, même s'il appelle une autre fonction :

function o(){
  window.open('page.php');
}
$('button').addEvent('click', o);

L'événement suivant ne serait pas qualifié d'événement initié par l'utilisateur, puisque le setTimeout le reporte :

function g(){
  setTimeout(o, 1);
}
function o(){
  window.open('page.php');
}
$('button').addEvent('click', g);

Answer 2

Il est parfois utile de forcer l'utilisation d'un onglet, si l'utilisateur le souhaite. Comme Prakash l'a dit plus haut, cela est parfois dicté par l'utilisation d'un événement non initié par l'utilisateur, mais il existe des moyens de contourner cela.

Par exemple :

$("#theButton").button().click( function(event) {
   $.post( url, data )
   .always( function( response ) {
      window.open( newurl + response, '_blank' );
   } );
} );

ouvrira toujours "newurl" dans une nouvelle fenêtre du navigateur puisque la fonction "always" n'est pas considérée comme une initiative de l'utilisateur. Cependant, si nous faisons ceci :

$("#theButton").button().click( function(event) {
   var newtab = window.open( '', '_blank' );
   $.post( url, data )
   .always( function( response ) {
      newtab.location = newurl + response;
   } );
} );

nous ouvrons la nouvelle fenêtre du navigateur ou créons le nouvel onglet, comme déterminé par la préférence de l'utilisateur dans le clic du bouton qui EST initié par l'utilisateur. Ensuite, il suffit de définir l'emplacement sur l'URL souhaitée après le retour du message AJAX. Voilà, nous forçons l'utilisation d'un onglet si l'utilisateur le souhaite.

Answer 3

Pour l'instant (Chrome 39), j'utilise ce code pour ouvrir un nouvel onglet :

window.open('http://www.stackoverflow.com', '_blank', 'toolbar=yes, location=yes, status=yes, menubar=yes, scrollbars=yes');

Bien sûr, cela peut changer dans les futures versions de Chrome.

C'est une mauvaise idée de l'utiliser si vous ne pouvez pas contrôler le navigateur utilisé par vos utilisateurs. Il se peut qu'elle ne fonctionne pas dans les futures versions ou avec des paramètres différents.

Answer 4

Une mini-solution claire $('<form action="http://samedomainurl.com/" target="_blank"></form>').submit()

Answer 5

Vous pouvez utiliser ce code pour ouvrir dans un nouvel onglet

function openWindow( url )
{
  window.open(url, '_blank');
  window.focus();
}

Je l'ai obtenu de stackoverflow ..