Öffnen Sie einen neuen Tab im Hintergrund?

Mit javascript, ich möchte eine neue Seite öffnen in einem anderen tab, aber konzentriert bleiben auf der aktuellen Registerkarte. Ich weiß, ich kann es so machen:

open('http://example.com/');
focus();

Jedoch, wenn ich das in chrome, blinkt die Anzeige der neuen Registerkarte für einen moment vor dem Umschalten zurück zu den aktuellen tab. Ich möchte, dies zu vermeiden.

Die Anwendung ist eine persönliche bookmarklet, also es hat nur die Arbeit in der neuesten Chrome.

InformationsquelleAutor der Frage st-boost | 2012-05-30

  1. 92

    UPDATE: Von version 41 von Google Chrome, initMouseEvent schien ein verändertes Verhalten.

    diese kann getan werden, indem die Simulation ctrl + click (oder eine beliebige andere Taste/Ereignis-Kombinationen, die ein hintergrund-tab) auf einer dynamisch generierten a element mit seinen href - Attribut auf den gewünschten url

    In Aktion: fiddle

    function openNewBackgroundTab(){
    var a = document.createElement("a");
    a.href = "http://www.google.com/";
    var evt = document.createEvent("MouseEvents");
    //the tenth parameter of initMouseEvent sets ctrl key
    evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0,
                                true, false, false, false, 0, null);
    a.dispatchEvent(evt);
}

    getestet nur auf chrome

    InformationsquelleAutor der Antwort Amro

  2. 7

    THX für diese Frage! Funktioniert gut für mich auf allen gängigen Browsern:

    function openNewBackgroundTab(){
    var a = document.createElement("a");
    a.href = window.location.pathname;
    var evt = document.createEvent("MouseEvents");
    //the tenth parameter of initMouseEvent sets ctrl key
    evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0,
                                true, false, false, false, 0, null);
    a.dispatchEvent(evt);
}

var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
if(!is_chrome)
{
    var url = window.location.pathname;
    var win = window.open(url, '_blank');
} else {
    openNewBackgroundTab();
}

    InformationsquelleAutor der Antwort user2837849

  3. 2

    Soweit ich mich erinnere, diese wird kontrolliert durch die browser Einstellungen. In anderen Worten: Benutzer können wählen, ob Sie möchten, öffnen Sie eine neue Registerkarte im hintergrund oder im Vordergrund. Auch Sie können wählen, ob neue popup sollte sich öffnen im neuen tab oder einfach nur... popup.

    Zum Beispiel in den firefox-Einstellungen:

    Öffnen Sie einen neuen Tab im Hintergrund?

    Beachten Sie die Letzte option.

    InformationsquelleAutor der Antwort demee

  4. 0

    Versuchen. Es funktioniert mit chrome, es arbeitete auch von der chrome-Erweiterung. Alle der oben genannten nicht für mich arbeiten.

    chrome.tabs.create({ url: "http://www.google.com/", selected: false });

    InformationsquelleAutor der Antwort Pranoy Sarkar

  5. -2

    Tat ich genau das, was Sie suchen, in einer sehr einfachen Weise. Es ist perfekt glatt in Google Chrome und Opera, und fast perfekt in Firefox und Safari. Nicht getestet im IE.

    function newTab(url)
{
    var tab=window.open("");
    tab.document.write("<!DOCTYPE html><html>"+document.getElementsByTagName("html")[0].innerHTML+"</html>");
    tab.document.close();
    window.location.href=url;
}

    Fiddle : http://jsfiddle.net/tFCnA/show/

    Erläuterungen:

    Lassen Sie uns sagen, es ist die windows-A1-und B1 und Webseiten A2 und B2.

    Anstatt zu öffnen, B2 in B1 und dann zurück zu A1, öffne ich B2 in A1 und re-öffnen Sie die A2 B1.

    (Eine andere Sache, dass macht es Arbeit ist, dass ich das nicht machen, der Benutzer erneut herunterladen, A2, siehe Zeile 4)

    Die einzige Sache, die Sie kann nicht gefällt, ist, dass die neue Registerkarte wird geöffnet, bevor der main Seite.

    InformationsquelleAutor der Antwort Mageek

  6. -3

    Hier ist ein vollständiges Beispiel für die Navigation gültige URL in einem neuen tab mit konzentriert.

    HTML:

    <div class="panel">
  <p>
    Enter Url: 
    <input type="text" id="txturl" name="txturl" size="30" class="weburl" />
    &nbsp;&nbsp;    
    <input type="button" id="btnopen"  value="Open Url in New Tab" onclick="openURL();"/>
  </p>
</div>

    CSS:

    .panel{
  font-size:14px;
}
.panel input{
  border:1px solid #333;
}

    JAVASCRIPT:

    function isValidURL(url) {
    var RegExp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/;

    if (RegExp.test(url)) {
        return true;
    } else {
        return false;
    }
}

function openURL() {
    var url = document.getElementById("txturl").value.trim();
    if (isValidURL(url)) {
        var myWindow = window.open(url, '_blank');
        myWindow.focus();
        document.getElementById("txturl").value = '';
    } else {
        alert("Please enter valid URL..!");
        return false;
    }
}

    Habe ich auch eine bin mit der Lösung auf http://codebins.com/codes/home/4ldqpbw

    InformationsquelleAutor der Antwort gaurang171

Schreibe einen Kommentar