console.mobi: DevTools Browser

console.mobi는 내장 개발자 도구(DevTools)를 갖춘 모바일 브라우저로, 휴대폰에서 바로 웹사이트를 검사하고 디버깅할 수 있습니다.

요소를 검사하고, 실시간 HTML DOM을 탐색하고, 웹 검사 도구를 사용하여 모든 웹사이트를 휴대폰에서 바로 검사할 수 있습니다.

데스크톱 DevTools와 마찬가지로 console.log 출력을 캡처하고, DOM을 검사하고, 네트워크 요청을 모니터링하고, 쿠키와 LocalStorage를 확인하고, JavaScript를 실행할 수도 있습니다. 이 모든 기능을 실제 모바일 기기에서 사용할 수 있습니다. 모바일에서만 발생하는 버그를 찾는 데 매우 유용합니다.

■ 콘솔

- console.log / warn / error / info를 실시간으로 캡처

- 포착되지 않은 오류 및 처리되지 않은 프로미스 거부를 자동으로 감지

- 객체 및 배열 확장

- 로그 복사 및 삭제

■ 요소(DOM 검사기)

- 모든 페이지의 DOM 트리 탐색

- 탭하여 HTML 요소 선택 및 강조 표시

- 요소의 HTML, 속성 및 텍스트 내용 보기

- 검사 모드: 페이지에서 요소를 직접 선택

■ 네트워크

- XHR / Fetch 요청을 실시간으로 모니터링

- URL, 메서드, 상태 코드, 응답 크기 및 시간 확인

- 요청/응답 세부 정보 검사

■ 저장소

- LocalStorage, SessionStorage 및 쿠키 보기

- 키-값 쌍 탐색

■ 브라우저 기능

- 기록 및 자동 완성 기능이 있는 주소 표시줄

- 북마크

- 자동 밝은/어두운 테마

- 개발자 도구 글꼴 크기 조정

- 영어/일본어 지원

■ console.mobi Pro (구독)

- 광고 없는 환경

- 콘솔 REPL — 콘솔에서 JavaScript 직접 실행

- 저장소 관리자 — LocalStorage 항목 추가, 편집 및 삭제 쿠키 사용 제한

- 전체 페이지 스크린샷 — 전체 페이지를 하나의 이미지로 캡처

- 사용자 지정 스니펫 — 자주 사용하는 JavaScript 코드를 저장하고 탭 한 번으로 실행

대상 사용자:

- 실제 휴대폰에서만 발생하는 버그를 찾는 웹 개발자

- 모바일에서 반응형 레이아웃을 검증하는 프런트엔드 엔지니어

- 효율적인 기기 내 디버깅이 필요한 QA 엔지니어 및 테스터

- 노트북을 열지 않고 사이트 동작을 확인하려는 모든 사용자