Eine neue Registerkarte im Hintergrund öffnen?

Question 1

Mit Javascript möchte ich eine neue Seite auf einer anderen Registerkarte öffnen, mich aber weiterhin auf die aktuelle Registerkarte konzentrieren. Ich weiß, dass ich es so machen kann:

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

Wenn ich dies jedoch in Chrome mache, blinkt die neue Registerkarte für einen Moment, bevor zur aktuellen Registerkarte zurückgekehrt wird. Ich möchte das vermeiden.

Die Anwendung ist ein persönliches Lesezeichen, daher muss sie nur in der neuesten Version von Chrome funktionieren.

Question 2

UPDATE: Nach Version 41 von Google Chrome initMouseEvent schien sich das Verhalten geändert zu haben.

Dies kann durch Simulieren von ctrl+ click(oder anderen Schlüssel- / Ereigniskombinationen, die eine Hintergrundregisterkarte öffnen) für ein dynamisch generiertes aElement erfolgen, dessen hrefAttribut auf das gewünschte eingestellt isturl

In Aktion: Geige

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

nur auf Chrom getestet

Question 3

THX für diese Frage! Funktioniert gut für mich in 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();
}

Question 4

Soweit ich mich erinnere, wird dies durch die Browsereinstellungen gesteuert. Mit anderen Worten: Der Benutzer kann wählen, ob er eine neue Registerkarte im Hintergrund oder im Vordergrund öffnen möchte. Sie können auch auswählen, ob ein neues Popup in einem neuen Tab geöffnet werden soll oder nur ... ein Popup.

Zum Beispiel in Firefox-Einstellungen:

Beispiel für die Einrichtung von Firefox

Beachten Sie die letzte Option.

Question 5

Ich habe auf sehr einfache Weise genau das getan, wonach Sie suchen. Es ist in Google Chrome und Opera perfekt flüssig und in Firefox und Safari nahezu perfekt. Nicht im IE getestet.

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

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

Erläuterungen:
Angenommen, es gibt die Fenster A1 und B1 sowie die Websites A2 und B2.
Anstatt B2 in B1 zu öffnen und dann zu A1 zurückzukehren, öffne ich B2 in A1 und öffne A2 in B1 erneut.
(Eine andere Sache, die es funktioniert, ist, dass ich den Benutzer nicht dazu bringe, A2 erneut herunterzuladen, siehe Zeile 4)

^{Das einzige, was Ihnen vielleicht nicht gefällt, ist, dass die neue Registerkarte vor der Hauptseite geöffnet wird.}

Question 6

Hier ist ein vollständiges Beispiel für das Navigieren in einer gültigen URL auf einer neuen Registerkarte mit Fokus.

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

Ich habe auch einen Papierkorb mit der Lösung unter http://codebins.com/codes/home/4ldqpbw erstellt

Answer 1

79

Mit Javascript möchte ich eine neue Seite auf einer anderen Registerkarte öffnen, mich aber weiterhin auf die aktuelle Registerkarte konzentrieren. Ich weiß, dass ich es so machen kann:

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

Wenn ich dies jedoch in Chrome mache, blinkt die neue Registerkarte für einen Moment, bevor zur aktuellen Registerkarte zurückgekehrt wird. Ich möchte das vermeiden.

Die Anwendung ist ein persönliches Lesezeichen, daher muss sie nur in der neuesten Version von Chrome funktionieren.

javascript google-chrome st-boost
quelle

w3schools.com/js/js_ex_browser.asp versuchen Sie eines dieser

Code Spy

1

@ jolly.exe Danke, aber keiner von denen vermeidet es, die neue Seite für einen Moment in Chrom anzuzeigen.

St-Boost

3

Scheint ein Duplikat dieser Frage zu sein stackoverflow.com/questions/6897430/… Die Lösung besteht darin, die Chrome-Erweiterungs-API zu verwenden.

Willem Joosten

@ WillemJoosten danke für die erste Antwort, die das Ziel tatsächlich erreicht hat. Aber gibt es eine Möglichkeit, dies außerhalb einer Erweiterung zu tun? Der Nutzen ist so gering, dass er durch die Zeit, die für die Installation der Erweiterung benötigt wird, aufgewogen wird.

St-Boost

Mögliches Duplikat von Fenster verhindern. Vom Fokussieren

öffnen

Answer 2

w3schools.com/js/js_ex_browser.asp versuchen Sie eines dieser

Code Spy

Answer 3

1

@ jolly.exe Danke, aber keiner von denen vermeidet es, die neue Seite für einen Moment in Chrom anzuzeigen.

St-Boost

Answer 4

3

Scheint ein Duplikat dieser Frage zu sein stackoverflow.com/questions/6897430/… Die Lösung besteht darin, die Chrome-Erweiterungs-API zu verwenden.

Willem Joosten

Answer 5

@ WillemJoosten danke für die erste Antwort, die das Ziel tatsächlich erreicht hat. Aber gibt es eine Möglichkeit, dies außerhalb einer Erweiterung zu tun? Der Nutzen ist so gering, dass er durch die Zeit, die für die Installation der Erweiterung benötigt wird, aufgewogen wird.

St-Boost

Answer 6

Mögliches Duplikat von Fenster verhindern. Vom Fokussieren

öffnen

Answer 7

102

UPDATE: Nach Version 41 von Google Chrome initMouseEvent schien sich das Verhalten geändert zu haben.

Dies kann durch Simulieren von ctrl+ click(oder anderen Schlüssel- / Ereigniskombinationen, die eine Hintergrundregisterkarte öffnen) für ein dynamisch generiertes aElement erfolgen, dessen hrefAttribut auf das gewünschte eingestellt isturl

In Aktion: Geige

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

nur auf Chrom getestet

Amro
quelle

8

Super, ich denke wir haben es verstanden. Ein wichtiger Hinweis: Unter OSX muss der metaKey-Wert wahr sein.

St-Boost

4

Ein weiterer Hinweis: Dies funktioniert nur mit URLs mit Ankertext, wenn Sie dies festlegen a.target='_blank';.

St-Boost

1

Dies ist eine große Hilfe. Du bist großartig: D

iAnuj

24

Dies scheint nicht mehr mit Google Chrome Dev Release 41.0.2224.0, veröffentlicht am 20.11.2014 (getestet unter Linux), zu funktionieren. Kein Wunder, denn ich denke, es war zunächst "unbeabsichtigte Funktionalität", aber ärgerlich, da ich sie in lokalen Anwendungen sehr gut eingesetzt habe. Die stabilen und Beta-Kanäle von Chrome sollten noch nicht betroffen sein, werden die Änderungen aber wahrscheinlich bald zusammenführen.

Daniel Andersson

5

@ maggot092 mit MouseEvent('click', {view: window, ctrlKey: true, metaKey: true});, stiehlt der neu geöffnete Tab immer noch den Fokus. Vermisse ich etwas

Stepan Parunashvili

Answer 8

8

Super, ich denke wir haben es verstanden. Ein wichtiger Hinweis: Unter OSX muss der metaKey-Wert wahr sein.

St-Boost

Answer 9

4

Ein weiterer Hinweis: Dies funktioniert nur mit URLs mit Ankertext, wenn Sie dies festlegen a.target='_blank';.

St-Boost

Answer 10

1

Dies ist eine große Hilfe. Du bist großartig: D

iAnuj

Answer 11

24

Dies scheint nicht mehr mit Google Chrome Dev Release 41.0.2224.0, veröffentlicht am 20.11.2014 (getestet unter Linux), zu funktionieren. Kein Wunder, denn ich denke, es war zunächst "unbeabsichtigte Funktionalität", aber ärgerlich, da ich sie in lokalen Anwendungen sehr gut eingesetzt habe. Die stabilen und Beta-Kanäle von Chrome sollten noch nicht betroffen sein, werden die Änderungen aber wahrscheinlich bald zusammenführen.

Daniel Andersson

Answer 12

5

@ maggot092 mit MouseEvent('click', {view: window, ctrlKey: true, metaKey: true});, stiehlt der neu geöffnete Tab immer noch den Fokus. Vermisse ich etwas

Stepan Parunashvili

Answer 13

THX für diese Frage! Funktioniert gut für mich in 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();
}

Answer 14

3

Von MDN "Veraltet Diese Funktion wurde aus den Webstandards entfernt. Obwohl einige Browser sie möglicherweise noch unterstützen, wird sie gerade gelöscht. Verwenden Sie sie nicht in alten oder neuen Projekten. Seiten oder Webanwendungen, die sie verwenden, können bei brechen Jederzeit."

BaSsGaz

Answer 15

1

Soweit ich mich erinnere, wird dies durch die Browsereinstellungen gesteuert. Mit anderen Worten: Der Benutzer kann wählen, ob er eine neue Registerkarte im Hintergrund oder im Vordergrund öffnen möchte. Sie können auch auswählen, ob ein neues Popup in einem neuen Tab geöffnet werden soll oder nur ... ein Popup.

Zum Beispiel in Firefox-Einstellungen:

Beispiel für die Einrichtung von Firefox

Beachten Sie die letzte Option.

demee
quelle

3

Vielen Dank, aber ich hoffe auf etwas, das ich innerhalb einer Website steuern kann, da ich nicht möchte, dass dies Auswirkungen auf andere Websites hat. (auch Strg / cmd + Klick macht das gleiche - ich benutze es die ganze Zeit)

st-boost

1

Dies ist nicht für Javascript, sondern nur für die Browsereinstellung.

Lin

Answer 16

3

Vielen Dank, aber ich hoffe auf etwas, das ich innerhalb einer Website steuern kann, da ich nicht möchte, dass dies Auswirkungen auf andere Websites hat. (auch Strg / cmd + Klick macht das gleiche - ich benutze es die ganze Zeit)

st-boost

Answer 17

1

Dies ist nicht für Javascript, sondern nur für die Browsereinstellung.

Lin

Answer 18

0

Ich habe auf sehr einfache Weise genau das getan, wonach Sie suchen. Es ist in Google Chrome und Opera perfekt flüssig und in Firefox und Safari nahezu perfekt. Nicht im IE getestet.

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

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

Erläuterungen:
Angenommen, es gibt die Fenster A1 und B1 sowie die Websites A2 und B2.
Anstatt B2 in B1 zu öffnen und dann zu A1 zurückzukehren, öffne ich B2 in A1 und öffne A2 in B1 erneut.
(Eine andere Sache, die es funktioniert, ist, dass ich den Benutzer nicht dazu bringe, A2 erneut herunterzuladen, siehe Zeile 4)

^{Das einzige, was Ihnen vielleicht nicht gefällt, ist, dass die neue Registerkarte vor der Hauptseite geöffnet wird.}

Mageek
quelle

1

Danke, das ist ein kluger Ansatz. Es gibt jedoch eine Reihe von Problemen, darunter das Überladen von Ereignis-Listenern, das Fehlausrichten des Browserverlaufs, das mögliche Ändern des Doctype und das Verwerfen von Attributen für das HTML-Element, ganz zu schweigen von der Tatsache, dass eine neue Seite nicht auf einer anderen Seite geöffnet wird Tab".

St-Boost

Warum wird keine neue Seite in einem anderen Tab geöffnet?

Mageek

4

Technisch gesehen wird die neue Seite auf derselben Registerkarte und dieselbe Seite auf einer neuen Registerkarte geöffnet. Ich weiß, dass dies nur eine Grammatik ist, die keine Rolle spielt. Wichtig ist, dass dadurch die Seite von ihrem Verlauf getrennt wird (die Schaltfläche "Zurück" wird unterbrochen) und es für Chrome usw. viel schwieriger wird, die Tab-Hierarchie im Auge zu behalten.

St-Boost

Answer 19

1

Danke, das ist ein kluger Ansatz. Es gibt jedoch eine Reihe von Problemen, darunter das Überladen von Ereignis-Listenern, das Fehlausrichten des Browserverlaufs, das mögliche Ändern des Doctype und das Verwerfen von Attributen für das HTML-Element, ganz zu schweigen von der Tatsache, dass eine neue Seite nicht auf einer anderen Seite geöffnet wird Tab".

St-Boost

Answer 20

Warum wird keine neue Seite in einem anderen Tab geöffnet?

Mageek

Answer 21

4

Technisch gesehen wird die neue Seite auf derselben Registerkarte und dieselbe Seite auf einer neuen Registerkarte geöffnet. Ich weiß, dass dies nur eine Grammatik ist, die keine Rolle spielt. Wichtig ist, dass dadurch die Seite von ihrem Verlauf getrennt wird (die Schaltfläche "Zurück" wird unterbrochen) und es für Chrome usw. viel schwieriger wird, die Tab-Hierarchie im Auge zu behalten.

St-Boost

Answer 22

Hier ist ein vollständiges Beispiel für das Navigieren in einer gültigen URL auf einer neuen Registerkarte mit Fokus.

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

Ich habe auch einen Papierkorb mit der Lösung unter http://codebins.com/codes/home/4ldqpbw erstellt

Answer 23

2

Danke, aber ich denke, Sie verstehen meine Frage falsch. Ich möchte, dass die Eröffnungsseite am Ende fokussiert ist, nicht die neue Registerkarte - und die Frage ist, wie ich vermeiden kann, die neue Registerkarte auch nur für einen Moment anzuzeigen.

St-Boost

Answer 24

Ab heute und dem neuesten Chrome scheint dies überhaupt nichts zu bewirken.

Herr Drucker

Eine neue Registerkarte im Hintergrund öffnen?

Antworten: