谷歌瀏覽器不僅僅可以用來上網，對于開發人員來說，它更像是一款強大的開發輔助工具。

工欲善其事必先利其器，接下來筆者給大家分享一些Chrome的使用方法。

假如讀者了解如何在Chrome中添加JavaScript斷點，那請繼續閱讀；否則，自行腦補。

假如有這樣一段代碼：

代碼本身并不重要，重要的是形式。

假如e是我們最終需要的結果，但是發現結果不正確，于是我們在給e賦值的這一行下斷點。

下斷點之后，把鼠標移動到某個變量上，稍作停留，Chrome便會提示你該變量此時的值。

但無奈于表達式比較復雜，僅僅看單個變量的值，沒什么作用。看起來都挺正常，計算完就不對了。

這時候，你很可能想知道(a + b c)這一部分的結果，別著急，先將表達式選中，然后將鼠標移動到選中的區域上，稍作停留。

Chrome直接告訴你答案了。更有意思的還在后邊。

直接在選中的區域單擊鼠標右鍵，會彈出一個菜單，最上邊兩項分別為：[Add to watch]、[Evaluate in console]。具體對應的視圖參考圖片。

所謂watch，可以理解為監控，有些表達式比較重要，可能需要在整個調試過程中，實時監控該表達式的值，這時就可以用watch。

舉個例子，我們把斷點設置在"b = 9;"這一行，然后添加watch:"a - b"，值為1。如圖：

點擊下一步，執行"b = 9;"，也就是說b的值發生了變化，此時再看看watch:"a - b"的值，為-7。

這樣就達到了實時監控的效果，調試起來更加方便快捷。

接下來再看看console是怎么回事。

console當然就是控制臺了，表達式可以直接在控制臺中求值。

比如想知道(a + b c)的結果，直接copy到控制臺上，回車，結果就出來了。

等等，好像哪里不對的樣子，憑什么控制臺知道a、b、c的值？

在沒有斷點的情況下，在控制臺中執行JavaScript代碼，是面向全局的。也就是說，此時在控制臺中定義一個變量x，這個x的作用域是全局的。

如果在程序中斷的情況下使用控制臺，那么控制臺的作用域面向中斷處的作用域。也就是說，在哪里設置的斷點(或者是代碼執行到了哪里)，控制臺的作用域就在哪里。

就本例而言，在全局范圍內定義了一個變量a，值為1；同時又在function test作用域定義了一個局部變量a，值為2。在"a = 2;"處下斷點，在控制臺中輸入a，回車，打印出undefined。

因為此時程序在function test內部中斷，程序執行到了function test中，所以控制臺的作用域也在function test中，因此輸入a訪問的是局部變量a，而此時局部變量a并未賦值，所以結果為undefined。

這次就先分享這么多，以后遇到給力的繼續分享，希望對讀者有所幫助。