태블릿/모바일 웹 F12 개발자도구 사용 방법

모바일 웹 F12 디버깅 방법

개발자 모드 활성화

설정 > 태블릿 정보 or 휴대전화 정보 > 소프트웨어 정보 > 빌드번호를 연속 터치하여 개발자 모드를 활성화합니다.

USB 디버깅 사용 설정

설정 > 개발자 옵션 > 화면 켜짐 상태 유지 활성화, USB 디버깅 허용을 해줍니다.

PC와 태블릿/모바일 연결

PC에 USB 케이블로 연결하면 태블릿/모바일에 나오는 팝업에서 USB 디버깅을 항상 허용합니다.

컴퓨터에서 개발자 도구 진입

chrome://inspect

PC에서 위 URL 진입 시 Devices 탭에 연결된 태블릿/모바일 기기 정보가 나옵니다.
연결 후 잠시 기다리면 기기에 열려있는 모든 웹 페이지 링크가 조회됩니다.
테스트 할 링크 아래 inspect 클릭 시 F12 개발자 도구 팝업이 열리며, 모바일 웹 브라우저 화면을 조작할 수 있습니다.

브라우저 구분

com.sec.android.app.sbrowser	삼성 인터넷 브라우저
Chrome	크롬 브라우저