진형아빠이야기

안녕하세요.

진형아빠입니다.

요새는 웹개발도 모바일을 무조건 적으로 많으 고려하시게 될겁니다. 

모바일 적용을 확인할 때 크롬에서 모바일로 확인하기도 하는데요.

어떤 경우는 실제 디바이스에서 확인 해야하는 경우도 있을겁니다. 


그럴때는 PC의 로컬 was의 결과물을 모바일로 표현하기 위해서 고민이 많이 될수 있는데요. 겨우 이거 때문에 서버에 디플로이까지 하자니...너무 번거롭고 말이죠. 여기 아주 간단한 방법을 소개해드립니다.


chrome://inspect/#devices

으로 크롬에서 접속합니다. 핸드폰USB 드라이버를 설치하고 USB와 핸드폰을 연결하면 다음과 같이 크롬의 디바이스 접속정보가 뜹니다. 

그리고 [Port forwarding...] 을 눌러서 저희가 개발하는 WEB 또는 WAS의 PORT를 포워딩하면 됩니다. 

포워딩 후 모바일에서 크롬을 클릭하면 데스크탑의 화면이 모바일로 보여지게 됩니다. 

*모바일에서 개발자 모드를 세팅해놓으셔야 합니다 .


아래는 데스트탑의 화면입니다. 

USB로 연결이 되었다면...모바일에서도 동일한 화면이 나올겁니다. 


신고

Comment +2

티스토리 툴바