console 控制台 CSS樣式 使用筆記

2021-09-25 17:13:44 字數 856 閱讀 9641

(*英文能力有限,有能力的朋友可以參考下mozilla的文件)#我是傳送門

講道理這個講的不是很明確。或者說本人理解能力有限?

下面詳細舉例說明一下。

先上個例項以便說明

console.log(

'%c %c\n%c測試%c控制台', `

padding: 40px 40px;

margin-bottom: 5px;

line-height: 0px;

background-color: #ccc;

`, `

`, `

color: #f3f3f4;

margin-bottom: 5px;

padding: 4px 3px 4px 11px;

background-color: #ff3d45;

border-radius: 5px 0 0 5px;

`, `

color: #5a94c1;

margin-bottom: 5px;

padding: 4px 11px 4px 3px;

background-color: #bfd3de;

border-radius: 0 5px 5px 0;

`)

一共5個引數,第1個引數傳入的是顯示內容 %c %c\n%c測試%c控制台

這個可以通過 %c 分割成是4個部分[' ', '\n', '測試', '控制台'];

後面的4個引數的作用不言而喻,有興趣的趕緊去控制台搞起來吧?

ps: 後面引數中的樣式語法(純字串格式,記得加 

;)與css基本相同,且僅支援部分css樣式。

隱藏控制台(console)視窗

pragma comment linker,subsystem windows entry maincrtstartup 設定入口位址note subsytem 告訴作業系統如何執行編譯生成的.exe檔案,有console windows native posix著四種選擇,如果這個選項引數的值為 ...

console物件與控制台

console物件是j ascript的原生物件。console的常見用途有兩個。console.log方法用於在控制台輸出資訊。它可以接受乙個或多個引數,將它們連線起來輸出。console.log hello world console.log a b c 如果第乙個引數是格式字串 使用了格式佔位...

Chrome 控制台console的用法

google瀏覽器除錯時可能會用到 1 console.log用於輸出普通資訊 2 console.info用於輸出提示性資訊 3 console.error用於輸出錯誤資訊 4 console.warn用於輸出警示資訊 7 console.assert對輸入的表示式進行斷言,只有表示式為false...