[Javascript] Chrome의 console.log에서 자바 스크립트 기능에 연결된 하이퍼 링크를 만드는 방법은 무엇입니까?


Answers

Google 크롬 콘솔은 다른 브라우저의 개발자 도구 콘솔과 마찬가지로 모든 URL을 해당 페이지의 링크로 자동으로 구문 분석합니다. 이는 이러한 URL을 얻는 유일한 방법이며, 실제로 '맞춤 URL'을 기록 할 수는 없습니다 .

즉, 다음 로그가 클릭 가능한 링크로 자동 전환됩니다.

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

그러나 반대로, 다음 것들은 그렇지 않습니다 :

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

내가 그들을 클릭하면 javascript 함수를 트리거하는 링크가 포함 된 콘솔 항목을 쓰려고 해요 :

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

이러한 모든 시도는 실패합니다.

" http : // ... "링크와 비슷하게 인쇄 할 수있는 방법이 있습니까?

... 단지, 텍스트 대신 자바 스크립트 이나 함수에 링크되어 있습니까?

이 작업을 수행하는 이유는 화면의 어떤 항목이 특정 로그 항목 ( 예 : 로그 항목을 클릭하면 CreateJS 스프라이트 크기 조정 하기)에 묶여 있는지 신속하게 나타낼 수 있기 때문입니다.




그것이 여전히 누군가를 위해 오면 :

'맞춤 URL'을 기록 할 수 있습니다.

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

CheatSheet 확인