Wie erstellt man Hyperlinks, die mit JavaScript-Funktionen in Chrome console.log verknüpft sind?

Question

Ich versuche, Einträge in die Konsole zu schreiben, die Links zu triggern JavaScript-Funktionen auf einen Klick auf ihnen enthalten würde: Alle

console.log("javascript:alert('Hello World');"); 
console.log("<a href=\"javascript:alert('Hello World');\"/>test</a>"); 
console.log("[DisplayObject 'Hello World' <a href=\"javascript:alert('Hello World');\">reveal</a>]"); 

diese Versuche fehlschlagen.

Gibt es eine Möglichkeit, es ähnlich wie ein drucken "http: // ..." link, wie so ...

... nur , haben Sie den Text mit einem Javascript Anweisung oder Funktion stattdessen verbunden?

Der Grund, warum ich mache das schnell in der Lage sein zu zeigen, welche Elemente auf dem Bildschirm zu einem bestimmten Protokolleintrag gebunden sind (Beispiel: Herstellung ein CreateJS Sprit Scale-up, wenn der Protokolleintrag auf geklickt wird) .

Answer 1

Die Google Chrome-Konsole analysiert wie jede Entwickler-Tool-Konsole eines anderen Browsers automatisch jede URL in einen Link zu dieser Seite. Dies ist die einzige Möglichkeit, solche URLs zu erhalten, und leider können Sie "benutzerdefinierte URLs" nicht wirklich protokollieren.

Dies bedeutet, dass die folgenden Protokolle in einen klickbaren Link automatisch eingeschaltet werden:

console.log('http://example.com'); 
console.log('www.example.com'); 
console.log('ftp://mysite.com'); 
console.log('chrome://history') 
console.log('chrome-extension://abcdefg...'); 

sondern, im Gegenteil, die Folgendes wird nicht:

console.log('example.com'); 
console.log('<a href="http://www.example.com">Link</a>'); 
console.log('javascript:doSomething(someValue);'); 

Answer 2

Wenn es immer noch kommt up für jemand:

können Sie mehr oder weniger log "benutzerdefinierte URLs":

console.log('There is a good link: %o', 'http://stackoverflow.com'); 

Überprüfen Sie diese CheatSheet