React Devtools Beta ·¢²¼£¬React Devtools ¿ÉÒÔÔÚ Chrome ºÍ Firefox ¿ª·¢Õß¹¤¾ßÉó²é React ×é¼þµÄä¯ÀÀÆ÷À©Õ¹¡£
´Ë°æ±¾ÊÇÈ«Ð嵀 React Devtools °æ±¾¡£´Ë°æ±¾×î´óµÄ¸Ä½øÊÇ´´½¨ÁËÒ»¸ö¶¨ÒåµÄ API À´½øÐÐÄÚ²¿´¦Àí£¬ËùÒÔÆäËû¹¤¾ß¿ÉÒÔÊÜÒæ£¬Ò²²»ÓÃÇ¿ÖÆÒªÇóÒÀÀµÆäʵÏÖϸ½Ú¡£¿ª·¢Õß¿ÉÒÔ×ÔÓɵĽøÐÐÖØ¹¹£¬¶ø²»Óõ£ÐÄÆÆ»µ¹¤¾ßµÄÄÚ²¿ÊµÏÖ¡£
µ±Ç°°æ±¾ÊÇ´Ó Blink µÄ "Elements" pane fork ¶øÀ´µÄ£¬¸ú Chrome ÌØ¶¨ APIs ½ôÃܼ̳С£Ð°汾µÄ devtools ½«»áÓë Chrome ½µµÍñîºÏ¡£
Ö÷ÒªÌØÐÔ
100% React
Firefox ¼æÈÝ
React Native ¼æÈÝ
¸üÈÝÒ×À©Õ¹ºÍʹÓÃ
ÆäËû¸Ä½ø
Ê÷ÊÓͼ
Much richer view of your props, including the contents of objects and arrays
Custom components are emphasized, native components are de-emphasized
Stateful components have a red collapser
Improved keyboard navigation (hjkl or arrow keys)
Selected component is available in the console as $r
Props that change highlight in green
Right-click menu
Scroll node into view
Show the source for a component in the "Sources" pane
Show the element in the "Elements" pane
ËÑË÷
Ñ¡ÔñËÑË÷À¸(or press "/")£¬Ê¹ÓÃ×é¼þÃû×ÖËÑË÷
²à±ßÀ¸Ãæ°å
ÏÔʾ×é¼þµÄ context
ÓÒ»÷±£´æ prop/state Öµ×÷Ϊȫ¾Ö±äÁ¿
ÏÂÔØµØÖ·£ºhttps://github.com/facebook/react-devtools/releases/download/v2-beta1/react-devtools-chrome.crx
À´×Ô:¿ªÔ´ÖйúÉçÇø

