صورة شعار "React Developer Tools"

React Developer Tools

مميَّزة
3.9(

‫1.6 ألف تقييمًا

)
ملف الوسائط 1 (لقطة شاشة) في "React Developer Tools"

نظرة عامة

Adds React debugging tools to the Chrome Developer Tools. Created from revision 1d34f91dfd.

React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools. You will get two new tabs in your Chrome DevTools: "Components ⚛" and "Profiler ⚛". The Components tab shows you the root React components that were rendered on the page, as well as the subcomponents that they ended up rendering. By selecting one of the components in the tree, you can inspect and edit its current props and state in the panel on the right. In the breadcrumbs you can inspect the selected component, the component that created it, the component that created that one, and so on. If you inspect a React element on the page using the regular Elements tab, then switch over to the React tab, that element will be automatically selected in the React tree. The Profiler tab allows you to record performance information. This extension requires permissions to access the page's React tree, but it does not transmit any data remotely. It is fully open source, and you can find its source code at https://github.com/facebook/react/tree/main/packages/react-devtools-extensions.

التفاصيل

  • الإصدار
    8.0.0
  • تم التحديث
    11 سبتمبر 2026
  • محتوى مقدّم من
    Meta
  • الحجم
    655KiB
  • اللغات
    English
  • مطوّر برامج
    Meta Platforms, INC.
    1 Meta Way Menlo Park, CA 94025 US
    البريد الإلكتروني
    extensions@fb.com
    هاتف
    +1 650-543-4800
  • تاجر
    يُعرِّف هذا المطوّر نفسه بصفته جهة تجارية بموجب التعريف الصادر عن الاتحاد الأوروبي، ويلتزم بتقديم منتجات أو خدمات تلتزم بالقوانين المتّبعة في الاتحاد الأوروبي.
  • ‏نظام ترقيم البيانات العالمي (DUNS)
    196337864

الخصوصية

إدارة الإضافات والتعرّف على كيفية استخدامها في مؤسستك
أفصَح المطوِّر عن أنّه لن يتم جمع بياناتك أو استخدامها.

يُقِرّ هذا المطوِّر بأنّ بياناتك:

  • لا يتم بيعها لأطراف ثالثة خارج إطار حالات الاستخدام المُتفَق عليها.
  • لا تُستخدَم أو تُنقَل لأغراض غير متعلِّقة بالوظيفة الرئيسية للعنصر.
  • لا تُستخدَم أو تُنقَل لتحديد الأهلية الائتمانية أو لأغراض الإعارة.

دعم

للحصول على مساعدة بخصوص الاستفسارات أو الاقتراحات أو المشاكل، انتقِل إلى الموقع الإلكتروني لدعم المطوّرين.

ذات صلة

Vue.js devtools (beta)

3.8

DevTools browser extension for Vue.js

Angular state inspector

4.7

Helps you debug Angular component state. Supports Angular 1/2+/Ivy!

MobX Developer Tools

3.1

Dev-tools for MobX and React

daily.dev | أهم أخبار المطورين، في كل علامة تبويب جديدة

4.8

أخبار المطورين، مخصصة حسب اهتماماتك التقنية، في كل علامة تبويب جديدة. انضم إلى أكثر من 400,000 مطور. إضافة مجانية ومفتوحة المصدر.

Redux DevTools

4.6

Redux DevTools for debugging application's state changes.

React Context DevTool

4.2

Devtool for React Context and useReducer

JSON Formatter

4.3

Makes JSON easy to read

Angular DevTools

3.7

Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.

Vue.js devtools

4.1

DevTools browser extension for Vue.js

Ember Inspector

4.8

Tool for debugging Ember applications.

GraphQL Network Inspector

4.5

Simple and clean network inspector for GraphQL

LocatorJS

4.3

LocatorJS Chrome Extension - option-click to code (ReactJS)

Vue.js devtools (beta)

3.8

DevTools browser extension for Vue.js

Angular state inspector

4.7

Helps you debug Angular component state. Supports Angular 1/2+/Ivy!

MobX Developer Tools

3.1

Dev-tools for MobX and React

daily.dev | أهم أخبار المطورين، في كل علامة تبويب جديدة

4.8

أخبار المطورين، مخصصة حسب اهتماماتك التقنية، في كل علامة تبويب جديدة. انضم إلى أكثر من 400,000 مطور. إضافة مجانية ومفتوحة المصدر.

Redux DevTools

4.6

Redux DevTools for debugging application's state changes.

React Context DevTool

4.2

Devtool for React Context and useReducer

JSON Formatter

4.3

Makes JSON easy to read

Angular DevTools

3.7

Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.

تطبيقات Google