반응 검사기 Chrome OffiDocs와 함께
Ad
기술
Chrome에서 React 구성 요소 소스 코드를 쉽게 감지하세요! ■요구사항 ・React 개발자 도구 설치 ・개발 빌드에서만 작동합니다.
・소스 코드는 로컬 디스크에 저장되어야 합니다. ■작동 방식 React Inspector는 React Devtools가 전역적으로 설정한 __REACT_DEVTOOLS_GLOBAL_HOOK__에 액세스하고 검사기가 마우스로 가리킨 HTML 요소에서 React Fiber를 찾습니다.
React Fiber에는 개발 중에 추가될 소스 코드에 대한 정보가 포함되어 있으므로 해당 정보를 사용하여 편집기를 엽니다.
세부정보: 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 온라인