js除錯系列 控制台命令列API

js除錯系列目錄：

-上次初步介紹了什麼是控制台，以及簡單的 console.log 輸出資訊。

最後還有兩個小問題，我們就當回顧，來看下怎麼操作吧。

這些問題其實是今天內容的乙個伏筆，剛才我們看到如何在控制台檢視乙個元素以及他的屬性方法。

其實控制台為我們提供了很多命令列api，簡單點說就是只有控制台能用的函式。

目前控制台方法和屬性有：(chrome 34)

["$$", "$x", "dir", "dirxml", "keys", "values", "profile", "profileend", "monitorevents", "unmonitorevents", "inspect", "copy", "clear", "geteventlisteners", "undebug", "monitor", "unmonitor", "table", "$0", "$1", "$2", "$3", "$4", "$_"]

你也可以參閱 《console物件#3.命令列api》 來看下他的一些用法。

我們常用的其實就是 $, $_, $0-$4, dir, keys, values 這些，其他的有興趣或者想深入學習的，自己去翻閱資料吧。

$ // 簡單理解就是 document.queryselector 而已。

$$ // 簡單理解就是 document.queryselectorall 而已。
$_ // 是上乙個表示式的值，console物件#3.命令列api 裡有說明。
$0-$4 // 是最近5個elements面板選中的dom元素，待會會講。
dir // 其實就是 console.dir
keys // 取物件的鍵名, 返回鍵名組成的陣列
values // 去物件的值, 返回值組成的陣列

相信聰明的你一看就懂，一點就通。

好了，今天的內容差不多就這些了，當然自己要去試一遍，不然沒法真正學到這些知識點的。。

要是光看就會了，我們就全是高考狀元了，不是麼。

最後說個小技巧，就是之前輸入過的命令，不必重新輸入，可以通過方向鍵 ↑ 和 ↓ 進行上下查詢，這個功能和 cmd 類似哦，非常方便。。

課後練習：（現在直接按f12開啟控制台）

1. 檢視文章下方 推薦 這個功能所呼叫的函式原始碼 (當然你點下推薦也可以哦，我沒攔著你。o(∩_∩)o )

2. 定位到函式所在檔案位置。(高潮要來了)

3. 修改函式使其無效。(其實就是簡單的全域性修改除錯。)

最後，，如果**講的不對，或者理解不了，或者進度跟不上等等等等，請跟帖吐槽。

還有如果你希望我加入什麼內容，或者除錯什麼真實專案或者外掛程式，也可以跟帖哦，當然如果非常麻煩的專案，我也沒辦法寫文章介紹了，，我又不是文章。。。

js除錯系列 初識控制台

寫在最開頭 其實我以前就在考慮要不要寫這個東西，因為這個東西確實不難，但是為什麼會有這麼多人問，他們問的不是怎麼用控制台，而是不知道控制台能幹嘛，他們也知道有 console.log 之類的東西，但他們不知道為什麼要用這麼長的字串代替 alert 輸出資訊。在他們眼裡 alert 足以。好吧，我承認...

js控制台除錯

說到除錯，就是平時在遇到 問題的時候對錯誤 進行的修改以及尋找錯誤的過程。我們通常會利用一些輸出語句來判斷 執行在 塊的何處出現問題。在js中，提到 輸出我們就會自然聯想到alert 但是alert彈出的是乙個個的對話方塊，要進行除錯就必須用滑鼠乙個個地點選確定，這未免過於麻煩。這時候console...

JS PHP仿CMD命令列控制台

用html頁面模仿cmd的介面，通過輸入命令來控制php後台，略去編寫繁雜的互動介面。這個命令控制台工具不是給使用者使用的，而是用於開發除錯，尤其是對於那些不必做互動介面的操作。前端 引用了jquery 系統 命令列控制台 當前使用者 username host 後台 header content ...