ºìÁªLinuxÃÅ»§
Linux°ïÖú

React Devtools Beta·¢²¼£¬ReactµÄä¯ÀÀÆ÷²å¼þ

·¢²¼Ê±¼ä:2015-08-04 21:18:41À´Ô´:ºìÁª×÷Õß:empast
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

À´×Ô:¿ªÔ´ÖйúÉçÇø
ÎÄÕÂÆÀÂÛ

¹²ÓÐ 0 ÌõÆÀÂÛ