對於大多數開發人員來說，chrome控制台最常用的命令就是 console.log()了，然後還有一些其他類似的命令，如：
console.info() 提示資訊
console.error() 錯誤資訊
console.warn() 警示資訊
然而，這些命令可能很多人都知道，然而，console.log()支援的多個引數中，可以設定出入樣式，如：
console.log("%chello world","font-size:18px;color:red;");
然後，控制台就會在下面顯示乙個紅色的字型大小為18px的 hello world
console.log('%chello world', 'background-image:-webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );color:transparent;-webkit-background-clip: text;font-size:5em;');
如果第乙個引數使用 %c 開始，那麼後面跟著的乙個引數如果是樣式的話，就會對第乙個引數的結果進行渲染。
我們還可以使用 console.group("grouptitle")和console.groupend()包裹一系列的console.log()、console.warn()等進行分組，如：
console.group("分組1")
console.log("組1-1");
console.log("組1-2");
console.groupend();
在寫**的時候，我們經常需要測試js的效能，js中我們經常使用建立 data 物件來進行測試，如：
var start=new date().gettime();var array= new array(1000000);
for (var i = array.length - 1; i >= 0; i--) ;
console.log(new date().gettime()-start);
然而，在控制台中，我們可以使用 console.time 來實現，具體**如下：
console.time("array initialize");
var array= new array(1000000);
for (var i = array.length - 1; i >= 0; i--)
console.timeend("array initialize");
要執行的測試**前，我們使用 console.time("name") 函式開始乙個測試，然後再傳入乙個名字。在需要測試的**執行完畢之後，再執行 console.timeend("name") 傳入同樣的名字來結束測試。然後在下方會顯示該**執行的時間。
$ 符號大家應該都不陌生，在控制台中， $ 符號也能找到他的身影。
簡單的乙個 $_ 會返回最近一次表示式的執行結果。
$0 - $4會返回最近5個你選擇過的 dom 節點， $0 返回最近一次選擇的節點。
然而控制台中的 $(selector)是js原生的 document.queryselect() 封裝的，因此可以在控制台中直接使用 $ 選擇符。
而 document.queryselectall() 則被封裝成 $$() 。
chrome使用技巧：
chrome控制台使用詳解：
Chrome 控制台console的用法
google瀏覽器除錯時可能會用到 1 console.log用於輸出普通資訊 2 console.info用於輸出提示性資訊 3 console.error用於輸出錯誤資訊 4 console.warn用於輸出警示資訊 7 console.assert對輸入的表示式進行斷言，只有表示式為false...
判斷控制台是否開啟 chrome
從自己的medium同步過來 最近在網上瞎逛看到stack overflow上的這個老話題find out whether chrome console is open 很有意思，就決定實踐學習一下。判斷控制台是否開啟這種需求雖然沒遇見過，但感覺還是有可能會遇到的，特別是做一些簡單的安全限制，稍微的...
如果來chrome控制台debugger除錯Vue
如果是單頁面，const vm new vue 的話，那麼可以用在控制台裡用vm 如果是sfc單檔案元件，那麼可以在控制台裡使用 vue devtools global hook 發現乙個問題，當使用 vue devtools global hook 時，如果使用模組，發現狀態可以用，如 vue d...