原文:Chrome開發者工具不完全指南:(三、性能篇)

鹵煮在前面已經向大家介紹了Chrome開發者工具的一些功能面板,其中包括Elements Network Resources基礎功能部分和Sources進階功能部分,對於一般的網站項目來說,其實就是需要這幾個面板功能就可以了 再加上console面板這個萬精油 。它們的作用大多數情況下是幫助你進行功能開發的。然而在你開發應用級別的網站項目的時候,隨着代碼的增加,功能的增加,性能會逐漸成為你需要關 ...

2015-06-25 09:49 9 14914 推薦指數:

查看詳情

Chrome開發者工具不完全指南(五、移動

  前面介紹了Chrome開發者工具的大部分內容工具,現在介紹最后兩塊功能Audits和Console面板。一、Audits  Audits面板會針對目前網頁提出若干條優化的建議,這些建議分為兩大類,一類是網絡加載性能,另一類是界面性能。首先開下它的主界面。  Audits面板的網絡優化建議參照 ...

Mon Jul 06 22:30:00 CST 2015 1 9482
Chrome開發者工具不完全指南(六、插件

本篇是Chrome開發者工具的結尾,最后為大家介紹幾款功能強大的插件。在chrome商店里面有很多插件,沒事建議大家去逛逛。不過需要翻牆,所以諸位請自備神器。一、皮膚插件   首先是大家期盼已久,翹首以盼的皮膚插件。這款插件叫DevTools Theme: Zero Dark Matrix. ...

Mon Jul 13 16:56:00 CST 2015 24 10062
Chrome開發者工具不完全指南(一、基礎功能

  就算你不是一名前端開發工程師,相信你也不會對Chrome瀏覽器感到陌生。根據最新的一份(2015/06)的瀏覽器市場占有率報告,Chrome近乎占有瀏覽器天下的半壁江山。簡單、快捷使它成為了新時代人們的新寵。如果你是一名web開發人員,我推薦你使用Chrome。作為前端開發的"IDE ...

Mon Jun 15 17:38:00 CST 2015 32 64531
Chrome開發者工具不完全指南(二、進階

  上篇向大家介紹完了基礎功能,這次分享的是Chrome開發工具中最有用的面板Sources。 Sources面板幾乎是我最常用到的Chrome功能面板,也是在我看來決解一般問題的主要功能面板。通常只要是開發遇到了js報錯或者其他代碼問題,在審視一遍自己的代碼而一無所獲之后,我首先就 ...

Tue Jun 23 16:44:00 CST 2015 12 22013
Chrome 控制台不完全指南

Chrome開發者工具已經強大到沒朋友的地步了,特別是其功能豐富界面友好的console,使用得當可以有如下功效: 更高「逼格」更快「開發調試」更強「進階級的Frontender」 Bug無處遁形「Console大法好」 console.log 大家都會用log,但鮮有人很好 ...

Sun Sep 14 06:44:00 CST 2014 86 70471
前端勸退預警:JavaScript 工具不完全指南

經過這么多年的發展,JavaScript 早已經不是當年那個不太起眼的腳本語言。如今的 JavaScript 可以說是風光無限,在 Web 前端、移動端、服務端甚至物聯網設備上都大展身手,到處都有它的身影。 在 JavaScript 語言日漸強大的同時,與其配套的開發工具也蓬勃發展。現在 ...

Wed Mar 11 23:34:00 CST 2020 0 1205
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM