<small id="nvnkc"><optgroup id="nvnkc"><sub id="nvnkc"></sub></optgroup></small>

<th id="nvnkc"><div id="nvnkc"></div></th>
  • <noscript id="nvnkc"><nobr id="nvnkc"><address id="nvnkc"></address></nobr></noscript>

  • <code id="nvnkc"><var id="nvnkc"></var></code><tbody id="nvnkc"><listing id="nvnkc"><nav id="nvnkc"></nav></listing></tbody>

    React Developer Tools

    發布時間: 編輯:CINDY 2人評論 47960次瀏覽 Chrome開發者工具插件
    直達下載
    摘要 : React Developer Tools是一款由facebook開發的一款非常好用的chrome調試插件。

    React Developer Tools 開發背景

    毫無疑問調試是開發過程中相當相當痛苦的一件事情,如果沒有好的工具配合那就更痛苦了!React是基于Babel的編譯轉碼,到瀏覽器執行的實際上是es5代碼,雖說良好的代碼結構轉碼后可讀性還是相當高,但對于很多小白用戶來說很難適應。React究竟是什么?Facebook把它簡單低調地定義成一個“用來構建UI的JavaScript庫”。這個定義也許會讓我們聯想到許多JavaScript模板語言(比如Handlebars和Swig),或者早期的控件庫(比如YUI和Dojo),但是React所基于的幾個核心概念使它與那些模板和控件庫迥然不同。事實上這幾個核心概念非常超前,已經給整個前端世界帶來了沖擊性的影響。

    React Developer Tools Chrome插件使用方法

    1. Chrome Devtools 進行調試時,可以查看應用程序的 React 組件分層結構,而不是更加神秘的瀏覽器 DOM 表示。添加react developer tools到chrome,是對chrome開發工具的React調試工具。React的開發工具是開源Chrome DevTools延伸反應的JavaScript庫。它允許你檢查React在Chrome開發者工具組件的層次結構(原名WebKit Web Inspector)。你會得到新的標簽要求在你的Chrome DevTools反應。這表明你的根反應組件在頁面渲染。

    2.用戶可以從本站離線下載react developer tools,其實離線安裝的方法同:chrome插件的離線安裝方法最新chrome瀏覽器下載地址:http://www.djfsmith.com/chrome/2017-09/813.html。

    React Developer Tools圖片

    3.React Developer Tools會自動檢測React組件,不過在webpack-dev-server模式下,webpack會自動將React組件放入到iframe下,導致React組件檢測失敗,變通方法是webpack-dev-server配置在--inline模式下即可:webpack-dev-server --inline。

    React Developer Tools下載地址

    點擊下載React Developer Tools

    轉載必須注明來自: Chrome插件 ? React Developer Tools

    WEB前端助手(FeHelper)

    WEB前端助手(FeHelper)

    0 人評論 59363 次人瀏覽 3.7分 3.7 分
    FE助手:包括字符串編解碼、代碼壓縮、美化、JSON格式化、正則表達式、時間轉換工具、二維碼生成與解碼、編碼規范檢測、頁面性能檢測、頁面取色、Ajax接口調試
    GitHub File Icon

    GitHub File Icon

    1 人評論 7318 次人瀏覽 4.0分 4.0 分
    GitHub File Icon是一款可以改善GitHub 現有的檔案系統呈現樣式,使它更容易被用戶閱讀的chrome插件。
    JetBrains IDE Support

    JetBrains IDE Support

    0 人評論 45081 次人瀏覽 3.7分 3.7 分
    JetBrains IDE Support是一款webstorm網頁開發調試工具,支持HTML/CSS/JavaScript編輯和JavaScript調試。
    PHP Console

    PHP Console

    1 人評論 41723 次人瀏覽 4.0分 4.0 分
    PHP Console是一款可以幫助PHP開發者,以Chrome瀏覽器為媒介輸出PHP調試信息的谷歌瀏覽器插件。
    XPath Helper

    XPath Helper

    5 人評論 150366 次人瀏覽 3.4分 3.4 分
    XPath Helper可以支持在網頁點擊元素生成xpath,整個抓取使用了xpath、正則表達式、消息中間件、多線程調度框架的chrome插件。
    JSON Formatter

    JSON Formatter

    0 人評論 52168 次人瀏覽 4.6分 4.6 分
    JSON Formatter是一款能格式化json代碼,使得json代碼頁面變得便于閱讀的chrome json格式化開源插件。
    Sourcegraph:輕松瀏覽和搜索Github上的代碼

    Sourcegraph:輕松瀏覽和搜索Github上的代碼

    1 人評論 31487 次人瀏覽 3.0分 3.0 分
    Sourcegraph是一款可以為 Github 上的代碼添加了即時文檔和類型提示,并為每一個標識符添加了跳轉到定義處的鏈接的Chrome 擴展,它允許你像使用一個很好的IDE 那樣瀏覽源代碼。
    XPath Helper Wizard

    XPath Helper Wizard

    0 人評論 10420 次人瀏覽 3.3分 3.3 分
    XPath Helper Wizard是一個可以創建XPath查詢選擇類似的元素并且返回可視化結果的chrome插件
    極簡Json格式化

    極簡Json格式化

    0 人評論 31370 次人瀏覽 3.5分 3.5 分
    極簡Json格式化是一個非常簡單的Chrome插件,用于將JSON接口返回值格式化成可讀方式。
    JSON Viewer

    JSON Viewer

    0 人評論 58910 次人瀏覽 3.2分 3.2 分
    JSON Viewer是最漂亮的、可定制的JSON/JSONP熒光筆高亮插件,用于打印JSON和JSONP。
    Header Editor

    Header Editor

    0 人評論 56269 次人瀏覽 3.5分 3.5 分
    Header Editor是一款管理瀏覽器請求的Chrome擴展,包括修改請求頭和響應頭、重定向請求、取消請求。
    Vue.js devtools插件

    Vue.js devtools插件

    3 人評論 113566 次人瀏覽 4.6分 4.6 分
    Vue.js開發者工具是一款適用于chrome瀏覽器和Firefox瀏覽器的瀏覽器插件。
    下一篇 : XPath Helper
    av看片免费观看网址
    評論:(2)

    已有 2 位網友發表了一針見血的評論,你還等什么?

    • 1樓 下載 回復該留言
      就是我要找的, 謝謝
    • 2樓 小燕子 回復該留言
      一款非常不錯的工具
    ?