Skip to content

Commit

Permalink
chrome inspect devices
Browse files Browse the repository at this point in the history
  • Loading branch information
genie-youn committed Jan 30, 2021
1 parent 498bae9 commit 25e2866
Showing 1 changed file with 7 additions and 0 deletions.
7 changes: 7 additions & 0 deletions Browser/chrome_inspect_devices.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
PC 크롬에서 디바이스를 모바일로 맞추고 확인해도 실제 모바일웹 브라우저와는 다르게 동작하는 경우가 많다.

이런 경우 디바이스를 PC에 유선으로 연결하고 개발자모드를 활성화 시키면 iOS는 사파리로, 안드로이드는 크롬으로 모바일 사파리, 크롬 브라우저 (인앱 브라우저 포함, 인앱 브라우저의 경우 앱에서 추가적인 설정이 필요하다.)의 개발자모드를 PC에서 열어서 디버깅을 할 수 있다.

크롬의 경우 우측 상단 삼점에서 More Tools 를 눌러 Remote Device 탭에서 활성화 시킬 수 있는데, 최근에 이 기능이 Deprecated 되고 크롬의 inspect 탭으로 통합된것으로 보인다.

새로운 설정하는 방법은 URL에 `chrome://inspect/#devices` 를 치고 들어가면 연결되어 있는 활성화된 디바이스들을 볼 수 있고, inspect 버튼을 누르면 해당 디바이스 브라우저의 개발자도구를 열 수 있다.

0 comments on commit 25e2866

Please sign in to comment.