如何提供樣式文本控制檯

如果一個人去Facebook和打開控制檯，他們會看到輸入像這樣：如何提供樣式文本控制檯

怎樣的Facebook達到這一樣式的文本？另外，與正常的console.log等不同，在控制檯中沒有script.js:123參考。這是Chrome的56

2016-11-01 Mooseman

http://stackoverflow.com/a/13017382/340760 – BrunoLM

這是一個與創建它的人的答案類似的問題：http://stackoverflow.com/a/21693931/746736 – Turnip

在這個3小時後，我想出了所有的CSS醜陋和' eval（「function foo（）{console.log（'Blah blah blah'）;} foo（）; //＃sourceURL =。」）; '......但是在實際閱讀了大量MDN的文檔後，我學到了很多很酷的東西......哈......誰知道......哦，Facebook仍然有我的源URL，所以我猜測在Chrome中是一些選項（但我們現在不需要這樣做，我們;））。祝你好運，我會回來... – Eugene

請參閱本關於如何添加顏色安慰例子：Colors in JavaScript console

簡而言之：

有了Chrome &火狐（+31），你可以在JS console.log()添加CSS消息：

console.log('%c Oh my heavens! ', 'background: #222; color: #bada55');

來源

2016-11-01 23:40:12 CriCri

我最初標記這個問題是你引用的一個副本，但它不回答爲什麼沒有腳本引用的問題 – Turnip

你總是可以創建JS服務器端和日誌作爲控制檯日誌，如果JS是動態創建和記錄的，則不會創建任何引用。這將涉及更多的步驟，但可以完成 – CriCri

如何提供樣式文本控制檯

回答

相關問題