Chrome除錯（你不知道的chrome）
1,在控制檯除錯程式碼儲存到本地；
開啟Source面板，有一個Filesystem按鈕，下面有一個Add folder to workspace,將資料夾新增到這裡，然後在瀏覽器除錯的程式碼（如新增css樣式）會儲存到原始檔中。
2.Network面板各種按鈕作用
3檢測頁面重繪
勾選Paint flashing,可以看到頁面的的重繪情況，從而優化頁面
4.檢視js和css程式碼使用率
上圖的95.0%表示有95%的js是沒有使用的，這是一個類庫，這個頁面可能用到不是很多這個類庫的程式碼，以及css程式碼的97.9%的未使用率應該也是這種情況
相關推薦
Chrome除錯（你不知道的chrome）
1,在控制檯除錯程式碼儲存到本地； 開啟Source面板，有一個Filesystem按鈕，下面有一個Add folder to workspace,將資料夾新增到這裡，然後在瀏覽器除錯的程式碼（如新增css樣式）會儲存到原始檔中。 2.Network面板
JavaScript中的this（你不知道的JavaScript）
JavaScript中的this，剛接觸JavaScript時大家都在大肆渲染說其多麼多麼的靈巧重要，然而自己並不關心；隨著自己對JavaScript一步步深入瞭解，突然恍然大悟，原來它真的很重要！所以，自己花費了大約2周的時間去查貼、翻閱之前讀的書籍，將th
4種獲取前臺應用的方法（肯定有你不知道的）
我目前已知，並且嘗試過的獲取當前前臺應用的方法有如下幾種： Android5.0以前，使用ActivityManager的getRunningTasks()方法，可以得到應用包名和Activity； Android5.0以後，通過使用量統計功能來實現，只能得
安卓中讀取xml的幾種方法（有你不知道的）
1.src目錄下，用反射機制載入：Thread.currentThread().getContextClassLoader().getResourceAsStream("xxoo.xml")，以流的方式返回 2.Assest目錄下：Activity.this.getAsse
JavaScript提升（你不知道的JavaScript）
最近，在讀《你不知道的JavaScript（上卷）》這本書，書中詳細闡述了JavaScript眾多重要但經常被大家忽略的點，在此強烈推薦！！！書中，第4章講述了“提升”，從示例出發講述了變數和函式提升的
【譯】你不知道的Chrome除錯工具技巧 第四天：the Elements panel（元素面板）
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有24篇，一直更新到12月24日 版權歸原作者所有。 前兩篇的翻譯連結我已經給到了作者本人，雖然他不理解中文，但是他還是很開心哈哈,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的許可。 為
【譯】你不知道的 Chrome 除錯工具技巧 第十一天：style editors continued（樣式編輯器後續）
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇，一直更新到 12 月 24 日 版權歸原作者所有。 作者在Twitter上推薦我們的中文翻譯啦,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的許可。 為了不影響大家閱讀，許可
【譯】你不知道的Chrome除錯工具技巧 第一天：console中的'$'
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。 版權歸原作者所有。 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的許可。 為了不影響大家閱讀，獲得許可的記錄會放在本文的最後~ 正文 在馬上就要迎來假期的這24天裡，我將會發布一系列短篇的文章，關於如何將開發工具
【譯】你不知道的Chrome除錯工具技巧 第二天：copying & saving
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。 版權歸原作者所有。 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的許可。 為了不影響大家閱讀，獲得許可的記錄會放在本文的最後~ 正文 在馬上就要迎來假期的這 24 天裡，我將會發布一系列短篇的文章，關於如何將開發
【譯】你不知道的Chrome除錯工具技巧 第五天：console的log中,讓人疑惑的案例
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有24篇，一直更新到12月24日 版權歸原作者所有。 前兩篇的翻譯連結我已經給到了作者本人，雖然他不理解中文，但是他還是很開心哈哈,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的許可。 為
【譯】你不知道的Chrome除錯工具技巧 第七天：非同步consle的趣味小竅門
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有24篇，一直更新到12月24日 版權歸原作者所有。 前兩篇的翻譯連結我已經給到了作者本人，雖然他不理解中文，但是他還是很開心哈哈,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的許可。 為
【譯】你不知道的 Chrome 除錯工具技巧 第九天：給 console 計時
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇，一直更新到 12 月 24 日 版權歸原作者所有。 前兩篇的翻譯連結我已經給到了作者本人，雖然他不理解中文，但是他還是很開心哈哈,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列
【譯】你不知道的 Chrome 除錯工具技巧 第十二天：忍者日誌列印！(the ninja logs)
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇，一直更新到 12 月 24 日 版權歸原作者所有。 作者在Twitter上推薦我們的中文翻譯啦,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的授權。 為了不影響大家閱讀，授權
【譯】你不知道的 Chrome 除錯工具技巧 第十四天：其他快捷鍵~
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇，一直更新到 12 月 24 日 版權歸原作者所有。 作者在 Twitter 上推薦我們的中文翻譯啦,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的授權。 為了不影響大家閱讀，
【譯】你不知道的 Chrome 除錯工具技巧 第十三天：物件 & 方法
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇，一直更新到 12 月 24 日 版權歸原作者所有。 作者在 Twitter 上推薦我們的中文翻譯啦,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的授權。 為了不影響大家閱讀，
【譯】你不知道的 Chrome 除錯工具技巧 第十六天：斷點
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇，一直更新到 12 月 24 日 版權歸原作者所有。 作者在Twitter上推薦我們的中文翻譯啦,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的授權。 為了不影響大家閱讀，授權
【譯】你不知道的 Chrome 除錯工具技巧 第二十一天：Snippets(程式碼塊)
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇，一直更新到 12 月 24 日 版權歸原作者所有。 作者在 Twitter 上推薦我們的中文翻譯啦,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的授權。 為了不影響大家閱讀，
【譯】你不知道的 Chrome 除錯工具技巧 第二十三天：Drawer tips 後續
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇，一直更新到 12 月 24 日 版權歸原作者所有。 作者在 Twitter 上推薦我們的中文翻譯啦,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的授權。 為了不影響大家閱讀，
【譯】你不知道的 Chrome 除錯工具技巧 第二十二天：network
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇，一直更新到 12 月 24 日 版權歸原作者所有。 作者在 Twitter 上推薦我們的中文翻譯啦,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的授權。 為了不影響大家閱讀，
你不知道的 Chrome 除錯工具技巧
掘金地址： https://juejin.im/post/5c09a80151882521c81168a2 【譯】你不知道的 Chrome 除錯工具技巧 第一天：console 中的'$' 【譯】你不知道的 Chrome 除錯工具技巧 第二天：copying &