西西軟件下載最安全的下載網站、值得信賴的軟件下載站！

首頁 → 西西教程 → 其它教程 → 谷歌瀏覽器Chrome developer tool詳細介紹

谷歌瀏覽器Chrome developer tool詳細介紹

相關軟件相關文章發(fā)表評論 來源：西西整理時間：2013/1/27 20:41:58字體大�。�A-A+

作者：西西點擊：0次評論：0次標簽： 谷歌瀏覽器

谷歌瀏覽器2016(Chrome)v50.0.2661.75 官方正式版
  • 類型：瀏覽器類大�。�43.2M語言：中文 評分：6.0
  • 標簽：
立即下載

很多Web前臺開發(fā)者都喜歡這種瀏覽器自帶的開發(fā)者工具，這對前臺設計、代碼調試很大幫助的。

Chrome瀏覽器得益于其優(yōu)秀的V8解釋器，javascript執(zhí)行速度和內存占有率表現非常優(yōu)秀。對于html+css+javascript前臺技術的學習或者開發(fā)，瀏覽器developer tool的使用時必不可少的，也能極大的提高學習或者開發(fā)效率。本文根據版本 23.0.1271.10。在window下，開啟developer tool的快捷鍵為F12。

1 Developer tool功能結構

Developer tool的功能欄有8個，分別是標簽、資源、網絡、源碼、時間軸、性能、監(jiān)察和顯示（命令行）。

谷歌瀏覽器2016(Chrome)
6.0
類別： 瀏覽器類    大�。�43.2M    語言： 中文
查看詳細信息 >>

2 Element panel

2.1 Element控制面板基本功能

Element控制面板能夠讓你查看所有的DOM tree中的內容，可以根據html內容找到頁面中的元素或者根據頁面中的定位標簽，同時可以改變DOM的內容。由javascript代碼產生的標簽，也只能通過這種方式查看了（在你的IDE中無法看到）。

Element控制面板

如上圖所示，我選中

標簽之后，在頁面中顯示的對應的元素就會選中。如果，我現在要定位百度一下這個按鈕，我可以通過左下角的放大鏡，在頁面中選中百度一下，DOM中也會把對應的標簽給你找出來。這個功能在調試時絕對是利器。最下面顯示的是現在選中標簽在DOM中的層次關系。

選元素找標簽功能

我們也可以對里面的內容進行臨時性修改，如剛才找到的百度一下標簽中的value改成“調試一下”后馬上在頁面中相應顯示。

臨時修改內容

12345在本頁閱讀全文
    火狐瀏覽器
    (34)火狐瀏覽器
    火狐瀏覽器安卓版功能特性快速快速瀏覽從啟動到頁面加載,到平移和縮放,都有超快的瀏覽體驗智能工具欄輕點智能工具欄,即可獲得經常訪問的網站列表,書簽和歷史記錄,點擊訪問,無需輸入便捷簡潔易用標簽頁便于您同時瀏覽多個站點加載項提供無圖閱讀模式,流量受限時啟用也能便捷查看網頁智能同步從任何裝置存取您瀏覽器的歷史紀錄,書簽,密碼,以及開啟的標簽頁閱讀自動將零散的文章組合成美觀易讀的頁面插件提供多種功能插件以豐富您的瀏...更多>>
    ie瀏覽器
    (39)ie瀏覽器
    西西軟件園提供好用的瀏覽器官方下載，包括，瀏覽器真的是越來越強大了，界面極其清爽簡潔新增網頁固定功能智能網址地址欄快速訪問入口獨立標簽頁下載管理器開發(fā)人員工具多功能地址欄加載管理和跟蹤保護功能支持和加速功能。...更多>>
    • ie11 64位 for win7官方正式版

      01-29 / 87.2M

      推薦理由：ie11 win7 64位官方正式版適用于win7 64位的系統(tǒng)。微軟為IE11添加了一些新特性，比如對WebGL的支持，以及對
    • ie瀏覽器(Internet Explorer 11)v1

      01-29 / 28.1M

      推薦理由：微軟Internet Explorer 11今天正式發(fā)布，Windows 7以上版本均可以安裝，而Windows 8.1系統(tǒng)則內置了這一版本
    • IE10 64位版win7 X64官方正式版(IE

      02-26 / 41.7M

      推薦理由：微軟已經正式發(fā)布nternet Explorer 10 for Windows 7，這一版本讓Windows 7用戶等待了好久。之前IE10一直僅
    • IE10(Internet Explorer 10 for Wi

      11-16 / 21.7M

      推薦理由：微軟已經正式發(fā)布nternet Explorer 10 for Windows 7，這一版本讓Windows 7用戶等待了好久。之前IE10一直僅
    • IE10預覽版官方第四版

      02-15 / 19.5M

      推薦理由：IE10平臺預覽版第四版（PP4），使得IE瀏覽器的靈活性得到進一步增強。新版IE10在HTML5技術上帶來了相當大的
    • IE7 for xp /2003V7.0.5730.13官方

      10-30 / 13.7M

      推薦理由：IE7中文版支持中文域名，包含了許多重大安全改進的Internet Explorer 7終于發(fā)布了最新正式版本。微軟通過其
    opera瀏覽器
    (34)opera瀏覽器
    目前市場上的安卓瀏覽器種類繁多，不過有一款瀏覽器卻一直活躍在安卓系統(tǒng)上，那就是歐朋瀏覽器。歐朋瀏覽器是全球最流行的手機瀏覽器的中文版本。歐朋手機瀏覽器基于開發(fā)，延續(xù)小巧快速節(jié)省流量的優(yōu)點，同時集成了諸多貼近中國用戶的社會化應用。歐朋瀏覽器最大的特色就是快，與同類產品相比優(yōu)勢比較明顯。體積小，適應性好，同時支持智能非智能手機。歐朋瀏覽器特點歐朋瀏覽器支持智能預讀智能縮放手勢操作，外加時尚個性化的界面...更多>>
    瀏覽器2016
    (24)瀏覽器2016
    西西軟件園強力推薦的瀏覽器下載排行榜產品，目前市場上的瀏覽器產品眾多，大家可能會有選擇性困難，到底哪款瀏覽器速度最快，體驗最好最安全這些都是在使用瀏覽器當中常見的疑問，如何選擇一款最好的瀏覽器，其實最適合的就是最好的。火狐瀏覽器是一個完全開放源代碼,任何人都可以自由參與開發(fā)的,支持多種操作系統(tǒng)的瀏覽器,因為其強大的可定制性和豐富的擴展程序而成為最有個性的瀏覽器.和支持最好，彈窗攔截和更勝一籌，執(zhí)行速度...更多>>
    搜狗瀏覽器
    (68)搜狗瀏覽器
    搜狗瀏覽器是搜狗公司推出的國內首款集高速的內核谷歌瀏覽器內核與兼容的內核微軟瀏覽器內核于一身的雙核高速瀏覽器。最新推出的搜狗高速瀏覽器.正式版具有具有超高速，超兼容，超安全的特點。搜狗瀏覽器還具有擴展功能，涵蓋了從工作學習生活服務系統(tǒng)工具時尚休閑資訊閱讀到影音視頻游戲娛樂大類余款擴展。更有包括登錄助手如意淘微信搖一搖傳圖等特色擴展。搜狗助手搜狗助手是一款用于訂購火車票的助手軟件，能夠減少大家在網上訂...更多>>

    相關文章

    相關評論

    閱讀本文后您有什么感想? 已有人給出評價!

    • 8 喜歡喜歡
    • 3 頂頂
    • 1 難過難過
    • 5 囧囧
    • 3 圍觀圍觀
    • 2 無聊無聊

    熱門評論

    最新評論

    發(fā)表評論 查看所有評論(0)

    昵稱:
    表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
    字數: 0/500 (您的評論需要經過審核才能顯示)