이제 간단한 모바일 테스트는 크롬 하나면 OK!

2017년 08월 01일

눈에 띄는 업데이트 3가지

모바일 테스트 기능
웹앱 품질 개선 기능(Lighthouse)
서드 파티 배지(badge) 표시 기능

3가지 기능 소개

1. 모바일 테스트 기능

기존에는 스마트폰이나 테블릿 등 화면 테스트를 위해서는 별도의 프로그램이나 웹서비스를 사용해서 확인을 해야 했는데 이제는 그럴 필요가 없어졌다. 크롬 브라우저가 버전 60으로 업데이트 되면서 이 기능을 내장했기 때문이다. 간단하게 개발자 모드(Cmd+Option+i)를 켜기만 하면 아래와 같은 화면이 나온다. 4K(UHD) 화면부터 작은 사이즈의 스마트폰, 특정 스마트폰 기종에 따른 크기를 아주 손쉽게 바꿔가며 테스트 해볼 수 있다. 아래 스크린샷의 상단부에 블럭(?)처럼 보이는 버튼을 누르면 화면 사이즈가 즉시 변경되기 때문에 직관적으로 사용할 수 있다.

2. 웹앱 품질 개선 기능 (Lighthouse)

Lighthouse라는 웹앱 품질 개선 기능이 기본으로 탑재됐다. 개발자 모드 실행 후 Elements, Console, Source 등의 탭이 있는 곳을 보면 Audits가 새로 생긴 것을 볼 수 있다. 보다 손쉬운 테스트를 위해 크롬 확장프로그램도 제공하고 있다. 이 기능에 대한 더 자세한 정보는 여기를 참고하면 된다.