റിയാക്റ്റ് ഇൻസ്പെക്ടർ ഇൻ Chrome OffiDocs ഉപയോഗിച്ച്

വിവരണം

Chrome-ൽ നിന്ന് റിയാക്റ്റ് ഘടകങ്ങളുടെ ഉറവിട കോഡ് എളുപ്പത്തിൽ കണ്ടെത്തുക! ■ആവശ്യങ്ങൾ ・റിയാക്റ്റ് ഡെവലപ്പർ ടൂളുകൾ ഇൻസ്റ്റാൾ ചെയ്തു ・ വികസന ബിൽഡുകളിൽ മാത്രം പ്രവർത്തിക്കുന്നു.

・സോഴ്സ് കോഡ് ലോക്കൽ ഡിസ്കിൽ സംഭരിച്ചിരിക്കണം ■ഇത് എങ്ങനെ പ്രവർത്തിക്കുന്നു React Devtools ആഗോളതലത്തിൽ സജ്ജമാക്കിയ __REACT_DEVTOOLS_GLOBAL_HOOK__ റിയാക്റ്റ് ഇൻസ്‌പെക്ടർ ആക്‌സസ് ചെയ്യുകയും ഇൻസ്‌പെക്ടർ ഹോവർ ചെയ്‌തിരിക്കുന്ന HTML എലമെന്റിൽ റിയാക്റ്റ് ഫൈബർ കണ്ടെത്തുകയും ചെയ്യുന്നു.

റിയാക്റ്റ് ഫൈബറിൽ വികസന സമയത്ത് ചേർക്കുന്ന സോഴ്‌സ് കോഡിനെക്കുറിച്ചുള്ള വിവരങ്ങൾ അടങ്ങിയിരിക്കുന്നു, അതിനാൽ എഡിറ്റർ തുറക്കാൻ ഞങ്ങൾ ആ വിവരങ്ങൾ ഉപയോഗിക്കുന്നു.

വിശദാംശങ്ങൾ: https://dev.

to/handdot/published-chrome-extension-for-streamlined-react-development-23b ■ഓപ്ഷനുകൾ വിപുലീകരണത്തിന്റെ ഓപ്‌ഷനുകളുടെ പേജിൽ നിന്ന് 'എഡിറ്റർ URL തുറക്കുക' എന്നത് മാറ്റാൻ സാധിക്കും, അതുവഴി നിങ്ങൾക്ക് VSCode അല്ലാത്ത ഒരു എഡിറ്ററിൽ അത് തുറക്കാനാകും.

■സോഴ്സ് കോഡ് ഈ വിപുലീകരണം ഓപ്പൺ സോഴ്‌സ് ആണ്.

അതിനാൽ നിങ്ങൾക്ക് https://github-ൽ നിന്ന് ആക്സസ് ചെയ്യാൻ കഴിയും.

com/hand-dot/react-inspector.

നിങ്ങൾ ഒരു ബഗ് കണ്ടെത്തുകയാണെങ്കിൽ, ദയവായി അത് Github വഴി റിപ്പോർട്ട് ചെയ്യുക!

അധിക വിവരം:

- ഹാൻഡ്-ഡോട്ട് വഴി വാഗ്ദാനം ചെയ്യുന്നു
- ശരാശരി റേറ്റിംഗ്: 5 നക്ഷത്രങ്ങൾ (ഇത് ഇഷ്ടപ്പെട്ടു)
- ഡെവലപ്പർ ഈ ഇമെയിൽ വിലാസം സ്പാമിൽ നിന്നും മുക്തമാണ്. ഇത് കാണുന്നതിനായി ജാവാ സ്ക്രിപ്റ്റ് എനേബിൾ ചെയ്യണം.

റിയാക്റ്റ് ഇൻസ്പെക്ടർ വെബ് extension OffiDocs-മായി സംയോജിപ്പിച്ചിരിക്കുന്നു Chromium ഓൺലൈൻ