控制台console的一些使用方法

2021-10-12 06:49:35 字數 1016 閱讀 1826

我們通過使用console.log()形式輸入資訊。但是,它也可以輸出別的形式檢視資訊。

比如:我們有時候想檢視這個物件身上有什麼屬性或者方法,就可以通過物件方式輸出;如果我們想檢視不同樣式的資訊,可以通過設定樣式形式輸出;如果我們想檢視類似陣列形式的資訊,可以使用以一組的形式輸出

下圖為例:

物件形式的輸出:展開箭頭即看到物件身上所有的屬性和方法

1、物件形式語法

console.dir(); (找到那個元素,通過dir輸出)

var p = document.queryselector('p');

console.dir(p);

2、樣式形式語法

console.log(』%c%s』, 『css樣式』, 輸出的資訊);

%c代表樣式,%s代表輸出的資訊

console.log('%c%s','color:purple;font-weight:700','你真美');
3、以組的形式語法

console.group(「第一組」); (預設以巢狀形式進行分組)

console.log(1);

console.group("第一組");

console.log(1);

console.log(2);

console.log(3);

console.group("第二組");

console.log(4);

console.log(5);

console.log(6);

以上**如下:
你好

隱藏控制台(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...