【正文】 +,進入下一層調(diào)用棧 如果您僅僅對 JavaScript 代碼中的幾個函數(shù)感興趣，您也可以選中它們，然后點擊 按鈕，面板中將只顯示被選中函數(shù)的信息，而 按鈕作用恰恰相反，將只顯示除選中函數(shù)以外其它函數(shù)的信息。審計（Audits）面板審計面板是在 Google Chrome 瀏覽器 中新引入的模塊。本文對 Google Chrome 瀏覽器開發(fā)人員工具的主要功能做了一個總結(jié)，希望能幫助廣大的網(wǎng)頁工作人員更好的利用這套工具解決在網(wǎng)頁開發(fā)、調(diào)試階段遇到的一些問題。您也可以點擊數(shù)據(jù)庫圖標(biāo)，然后直接在右側(cè)的命令行窗口鍵入 SQL 語句進行查詢。我們以 V8 引擎基準(zhǔn)測試頁面為例，探討剖析面板的使用。在腳本面板中，您可能會用到以下快捷鍵幫助調(diào)試：Windows/LinuxMac功能Ctrl+/F8 或 Command+/繼續(xù)運行Ctrl+’F10 或 Command+’單步調(diào)試，不進入函數(shù)體內(nèi)部Ctrl+。鼠標(biāo)移至棒狀圖示上，可看到每個部分所花銷的精確時間。需要注意的是，添加任何屬性都必須以分號結(jié)束。 在 Windows 或 Linux 操作系統(tǒng)上，使用 Ctrl+Shift+I 快捷鍵打開開發(fā)人員工具（或使用 Ctrl+Shift+J 直接進入 JavaScript 控制臺）。本篇教程將從以下幾部分系統(tǒng)地講解如何使用 Google Chrome 瀏覽器開發(fā)人員工具來幫助您的開發(fā)： 如何使用 JavaScript 控制臺 (Console) 準(zhǔn)備工作要開始使用開發(fā)人員工具，請先下載 Google Chrome 瀏覽器。直接點擊控制臺圖標(biāo)會使控制臺調(diào)試界面會占據(jù)了整個開發(fā)工具窗口。另外值得注意的一點是，在 Google Chrome 瀏覽器開發(fā)人員工具里，所有腳本和樣式表是按語法著色的，調(diào)試起來更加清晰。點擊左側(cè)各項資源，則可以看到它的詳細信息，例如點擊 這項，我們將會看到： 鼠標(biāo)移到棒狀圖示上，會看到相應(yīng)的事件在載入、腳本解析及渲染三步驟所花費的詳細時間：剖析面板的搜索框不僅僅可進行函數(shù)名/對象名搜索，同時也支持數(shù)值（支持單位后綴，如 ms/s/B/KB/MB 及 % ）查找和帶比較運算符（ 、=、=、=、 ）的數(shù)值查找。我們再次以 Google 簡體中文首頁為例說明 JavaScript 控制臺的用法：進入 Google Chrome 瀏覽器開發(fā)人員工具的元素面板，點擊工具窗口左下角的第二個圖標(biāo)打開 JavaScript 控制臺，您可以通過 $(‘element_id’) 來查看一個 DOM 元素，也可以通過“ $N ”（n=0,1,2,...）查看最近選中的元素。$0 為最近選中的元素，$1 為前一個選中的元素，以此類推：存儲（Storage）面板通過存儲面板，您可以與 HTML 5 的數(shù)據(jù)庫存儲和 cookie 進行交互。切換到 Memory