tool)모바일 웹페이지 디버깅용 브라우저 추천

웹개발을 하다보면 피시 화면 뿐 아니라 모바일용 화면을 따로 만들어야 하는 경우가 많다.

특히 요증은 피시용 화면과 모바일 화면 그리고 태블릿용 화면까지도 나눠서 개발해서 제공하는 경우가 많은데

이럴 때 모바일 화면 개발에 도움을 주는 브라우저를 추천하고자 한다.😁😁

 

 

바로 네이버 Whale

 

네이버 웨일은 회사에서 딴짓하기 좋은 브라우저로 암암리에 알려져 있다.

그런데 개발자에게 정말 유용한 기능이 있으니 바로 모바일 창 보기 기능이다. 

 

 

모바일 창 보기 기능은 웨일 브라우저 최상단 오른쪽에 있는 메뉴 버튼을 눌러서 모바일 창 버튼을 누르면 된다. 

화면이 모바일 기기에서 보는 것처럼 작아지고 모바일 웹 페이지들을 볼 수 있다. 

 

웨일의 모바일 창

 

크롬과 같은 다른 브라우저에서도 개발자도구를 통해서 모바일 화면을 확인 할 수 있지만, 화면 내 클릭이나 스크롤이 잘 안되는 경우도 있고 실제 모바일 화면처럼 완벽하게 사용하기에는 무리가 있다.

 

 

크롬브라우저류의 모바일 창

이미 개발이 잘 되어있는 네이버 같은 경우에는 잘 동작하지만 개발중인 모바일 웹 페이지의 경우에는 사용하기에 큰 불편함을 느꼈다.

하지만 네이버 웨일의 경우 실제 모바일기기에서 들어가는 것과 차이나지 않는 퍼포먼스를 보여주었고 실제 모바일 웹 페이지 개발에 매우 유용하게 사용 하는 중이라 정말 강력히 추천하는 바이다.😋