lynx-console

앱 위에 뜨는 버튼을 누르면 콘솔, 네트워크, 성능 패널이 열려요. PC 연결 없이 로그를 봐요.

메인 스레드 로그도 잡아요

'main thread' 함수에서 찍은 console.log도 같은 목록에 쌓여요.

앱 안에서 코드 실행

로그 탭 아래에 코드를 입력하면 실행 중인 앱에서 바로 평가해요.

fetch 요청 전부 기록

메서드, 상태 코드, 헤더, 요청 바디, 응답을 봐요. 초기화 시점부터 기록해요.

커스텀 탭 지원

필요한 디버깅 정보를 콘솔 탭으로 넣을 수 있어요.

설치는 세 단계면 끝나요

전체 가이드 →
01설치
npm install lynx-console
02진입점에서 초기화
// src/index.tsx
import {
  initLogMonitor,
  initNetworkMonitor,
} from "lynx-console/setup";

initLogMonitor();
initNetworkMonitor();
03컴포넌트 렌더
// src/App.tsx
import LynxConsole from "lynx-console";

<view>
  {/* your app */}
  <LynxConsole />
</view>;