2015-04-16 16 views
18

Üzerlerine tıklayarak üzerine javascript fonksiyonları tetiklemek için bağlantılar içerir ediyorum konsola girişlerini yazmaya çalışıyorum:Chrome'un konsol.log'unda javascript işlevleriyle bağlantılı köprüler nasıl oluşturulur?

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>]"); 

Bütün bu girişimler başarısız.

screenshot

bir benzer yazdırmak için herhangi bir yolu var mı "http: // ..." sadece bu gibi bağlantı ...

example

... metin yerine ifadesi veya işlevi işlevine bağlanmış mı?

ben bu hızla ekrandaki öğeler belirli bir günlük girdisi bağlı olduğu ortaya muktedir olduğunu yapıyorum nedeni (örnek: günlük girişi tıklandığında bir CreateJS sprite ölçek büyütme Yapımı) .

cevap

9

Diğer pek çok tarayıcı geliştirici araçları konsolları gibi Google Chrome konsolu, herhangi bir URL’yi otomatik olarak ilgili sayfaya bağlar. Bu tür URL'leri elde etmenin tek yolu budur ve ne yazık ki, aslında "özel URL'ler"'u kaydedemezsiniz.

Bu aşağıdaki günlükleri otomatik tıklanabilir bir link haline olacağı anlamına gelir: tam tersine,

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

ama şu olanları olmaz:

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

Teşekkürler, cevabınızı okuduktan sonra farklı bir yön aldım; Temel olarak, her türlü kayıt ile doldurabileceğim kendi pop-up'ımı (oyun/app tarafından başlatılan çocuk penceresini) çekiyorum ve JS fonksiyonlarını doğrudan her DIV log girişi 'click olayına bağlayacağım. Diğer biçimlendirilmiş içeriği görüntülemek için daha esnek olabilir. – bigp

+0

@bigp Bunu görmekten memnun olurum! Açık kaynak mı? – niahoo

+0

Üzgünüm @niahoo, artık bu dosyaları nerede sakladığımı hatırlamıyorum (bu, 2015 baharında yaptığım son işimde yapıldı). – bigp

0

hala gelirse birisi için yukarı:

yapabilirsiniz daha fazla veya daha az günlük "özel URL'ler":

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

Bunu kontrol edin CheatSheet

İlgili konular