React开发者工具 v0.13.0官方版

React开发者工具是一款可以安装到Google Chrome 浏览器上用的开发者辅助工具，用这款GoogleReact开发者工具可以查询应用程序的React组件分层结构，而不是愈加神秘的浏览器DOM。

基本介绍

React开发者工具是一款由face_book开发的有用的Chrome 浏览器扩展，可以通过 Chrome Web存储获得。用 Chrome Devtools 进行调试时，可以查询应用程序的 React 组件分层结构，而不是愈加神秘的浏览器 DOM 表示。添加react developer tools到chrome，是对chrome开发工具的React调试工具。React的开发工具是开源Chrome DevTools延伸反应的JavaScript库。它允许你检查React在Chrome开发者工具组件的层次结构（原名WebKit Web Inspector）。你会得到新的标签需要在你的Chrome DevTools反应。这表明你的根反应组件在页面渲染，与他们最后渲染组件。

插件特点

React开发者工具到底是什么？Face_book把它简单低调地概念成一个“用来构建UI的JavaScript库”。这个概念或许会让大家联想到很多JavaScript模板语言（譬如Handlebars和Swig），或者早期的控件库（譬如YUI和Dojo），但React所基于的几个核心定义使它与那些模板和控件库迥然不同。事实上这几个核心定义很超前，已经给整个前端世界带来了冲击性的影响。

功能介绍

1.组件和基于组件的设计步骤；2.单向数据流动；3.虚拟DOM取代物理DOM作为操作对象；4.用JSX语法取代HTML模板，在JavaScript里声明式地描述UI。5.这几条简单的原则放在一块带来了很多有哪些好处：6.前端和后端都可以从React组件渲染页面，完全解决了网站优化长期困扰JavaScript单页应用的问题；7.大家可以简单直接地写前端测试而完全忘掉DOM依靠；8.组件的封装方法和单向数据流动可以很大地简化前端构造的理解困难程度。

安装办法

办法1、.crx文件格式插件安装1.第一用户点击Google Chrome 浏览器右上角的自概念及控制按钮，在下拉框中选择设置。2.在打开的Google Chrome 浏览器的扩展管理器最左边选择扩展程序或直接输入：chrome://extensions/3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将它从资源管理器中拖动到Chrome的扩展管理界面中，这个时候用户会发目前扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。4.松开鼠标就能把目前正在拖动的插件安装到Google Chrome 浏览器中去，但Google考虑用户的安全隐私，在用户松开鼠标后还会给予用户一个确认安装的提示。5.用户这个时候仅需点击添加按钮就能把该离线Chrome插件安装到Google Chrome 浏览器中去，安装成功将来该插件会立即显示在浏览器右上角（假如有插件按钮的话），假如没插件按钮的话，用户还可以通过Chrome扩展管理器找到已经安装的插件。办法2、文件夹格式插件安装1.第一用户点击Google Chrome 浏览器右上角的自概念及控制按钮，在下拉框中选择设置。2.在打开的Google Chrome 浏览器的扩展管理器最左边选择扩展程序。3.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。

TAG标签：React(1)

转载请说明来源于乐奇绿软（https://www.hileqi.com）

本文地址：https://www.hileqi.com/soft/7188.html

郑重声明：文章来源于网络作为参考，本站仅用于分享不存储任何下载资源,如果网站中图片和文字侵犯了您的版权，请联系我们处理！邮箱3450399331@qq.com