【譯】你不知道的 Chrome 調試工具技巧第二十四天：最後一天，元旦牛逼

時間 2019-11-05

標籤不知道 chrome 調試工具技巧第二十四天 4天最後一天元旦欄目 Chrome 简体版

原文原文鏈接

特別聲明

本文是做者 Tomek Sułkowski 發佈在 medium 上的一個系列。據做者透露一共有 24 篇，一直更新到 12 月 24 日
版權歸原做者全部。
前端

做者在 Twitter 上推薦咱們的中文翻譯啦,截圖在最後
web

譯者在翻譯前已經和做者溝通獲得了翻譯整個系列的受權。
爲了避免影響你們閱讀，受權的記錄在這裏
express

正文

在立刻就要迎來假期的這 24 天裏，我將會發布一系列短篇的文章，關於如何更加有意思的使用開發工具，昨天咱們談到了code coverage 以及 change 面板，而後今天...異步

今天是 DevTools advent calendar 的最後一天啦！時間過得真快！一塊兒來嘗試幾個隨機的 tips 好嗎？編輯器

67. Use console.log in callback directly（直接在回調中使用 `console.log` ）

我常常發現本身處於這樣一種狀況，就是我不徹底肯定要將什麼傳遞給回調函數。在這種狀況下，我會在裏面添加一個 console.log 來檢查。函數

有兩種方式來實現：在回調方法的內部使用 console.log 或者 直接使用 consolelog 來做爲回調方法。這不只能夠減小輸入，並且可能回調接收多於1個參數，在第一個解決方案中你可能會錯過工具

68. Find in elements, logs, sources & network(elements, logs, sources & network 的查找)

DevTools 中的前4個主要的面板，每個都支持 [ctrl] + [f] 快捷方式，你可使用相關的查詢方式查找信息:post

在 Elements 面板中 - 經過 string ,選擇器或者 XPath 來查找開發工具
而在 Console, Network 以及 Source 面板 - 經過區分大小寫，或者能夠被視爲表達式的 strings, 來查找網站

69.Use live expressions 使用實時表達式

2個月前，DevTools 在 Console 面板中引入了一個很是漂亮的附加功能，這是一個名爲 Live expression 的工具

只需按下 "眼睛" 符號，你就能夠在那裏定義任何 JavaScript 表達式。它會不斷更新，因此表達的結果將永遠，存在 :-)

你能夠同時定義幾個：

70.保持最新

若是我用一句話來總結全部的24 days of tips的話，讀起來像是這樣：

「DevTools是一款功能強大的軟件，很容易被低估。它有許多隱藏的功能，咱們甚至經常懷疑是否須要那些」

好吧，那是兩句話，不管如何，想一想這個套件中有多少可能會使人無所適從的工具（不知道該如何用）。並不斷追尋最新添加的！

70.1. Google Chrome Developers

我高度推薦你訂閱 Google Chrome Developers 的 YouTube 頻道，這是在Chrome 中展現已有的新內容的地方。不只如此，你還能夠去那裏尋找有關最佳實踐，JavaScript演變等的討論。爲任何前端開發人員提供許多有價值的內容。

Google Chrome Developers - YouTube

70.2. Developers.google.com

當我在撰寫這篇文章系列時，我確實積累了最喜歡的功能和技術，但除此以外，我還在瀏覽官方Google Developers 網站，該網站支持你（「按年」）或技術（「按標籤」）查看有關特定更新的信息，就像這個，關於最近發佈的Chrome 71：

New in Chrome 71

70.3. This isn’t over 這並非結束

最後，即便「Advent Calendar」已經結束，但我尚未用盡積累的 tips ！到目前爲止。

我絕對不會天天都發布它，可是這些 tips 沒法中止 - 我對這種讓咱們的工做更輕鬆，更有趣的可能性感到很是興奮:-)

我將繼續在 Medium ，個人 Twitter 賬戶上發佈這些內容，很快也會在 YouTube 上發佈（是的，gif有點被限制😅）

因此，若是你使用的是JavaScript / TypeScript / CSS / React / Angular / Chrome - 讓咱們保持聯繫！來這裏 → 關注我：Twitter：Tomek Sułkowski 而且最後：

祝各位聖誕節牛逼，元旦牛逼!!!

寫在最後

時間真快，這個系列就已經完結了，經歷了24篇的翻譯，也仍是保持了最開始的態度，提高本身的同時，也能夠爲其餘的朋友們帶來一些價值，在這個過程當中獲得了不少人的鼓勵和幫助。謝謝~

另外：我已經和做者在溝通小冊的事情，我盡力爭取說服 Tomek 讓這個系列成爲一本免費的小冊，這樣能夠更方便你們閱讀。

接下來也會持續輸出優質的內容，不管是譯文仍是原創系列

此致，敬禮，你們元旦牛逼~

其餘系列

其餘此係列的文章，立刻就會翻譯出來，到時會貼出對應的連接在此處。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

【譯】你不知道的 Chrome 調試工具技巧 第二十四天：最後一天，元旦牛逼