DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> Chrome中調試HTML、JavaScript和CSS
Chrome中調試HTML、JavaScript和CSS
編輯:HTML和Xhtml      日期:2016/12/27 11:23:19

對於在Chrome中調試HTML、JavaScript和CSS來說,Chrome開發者工具是非常有用的。如果您正在為Chrome Web Store編寫一個網頁或網絡應用程序,您可以檢查DOM中的要素,現場調試JavaScript腳本,然後直接在當前頁面編輯CSS式樣。擴展包通過提供其他額外的功能,使人們可以在浏覽器中輕松訪問,從而使Chrome成為一個更好的網站開發環境。為了幫助開發者,我們創建了一個顯示用於網站開發的擴展包的頁面,希望它們對您創建應用程序和網站有所幫助。

例如,Speed Tracer是能幫助您發現並解決網絡應用程序中的性能問題的一個擴展包。借助Speed Tracer,您可以更好地了解在應用程序中的哪些地方消耗了時間,並可以解決JavaScript語法分析和執行、CSS式樣以及更多方面的問題。

另一個有用的擴展包Resolution Test,它可以改變浏覽器窗口大小,從而使網站開發者可以在不同的屏幕分辨率下預覽網站。它包括一個常用分辨率列表,以及可以輸入您自己的分辨率的定制選項。

憑借Web Developer擴展包,您可以訪問其他的開發者工具,例如驗證選項,頁面尺寸調整和CSS要素浏覽器:所有功能都可以從工具欄中一個額外的按鈕進入。

除開上面介紹的之外,還有一個擴展包Chrome Editor是您不能錯過的。它可以讓您在浏覽器中輕松編碼,這樣,您就不必在浏覽器和代碼編輯器之間切換。同時,您還可以在電腦上保存參考代碼供日後使用。

這些只是我們用於網站開發頁面的擴展包的一部分,您還可以在擴展包總覽中可以找到更多。

轉載文章請注明:文章轉載自:Chrome迷 (http://www.chromi.org)

本文地址:http://www.chromi.org/archives/5432

歡迎任何形式的轉載,但請務必注明出處,尊重他人的勞動就是尊重自己

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved