Android용 Chrome - 모바일 웹 가속화

보리스 스머스

오늘 Android용 Chrome 베타가 출시되었다는 소식을 이미 들어보셨을 것입니다. 이 새로운 브라우저는 Chromium 오픈소스 프로젝트를 기반으로 하며 Chrome 개발자들이 즐겨 사용하는 다양한 최신 HTML5 기능을 제공합니다. 새로운 인기 기능에 관한 개요는 blog.chromium.org의 출시 발표와 code.google.com의 자세한 개요를 참조하세요. 제가 개인적으로 가장 흥미롭다고 생각하는 내용을 빠르게 정리해 보겠습니다.

UI 개선

Android용 Chrome을 사용하면 개발자가 고정 위치를 사용하여 최신 모바일 웹 사용자 인터페이스를 쉽게 만들 수 있고 개별적으로 스크롤 가능한 요소에는 overflow: scroll를 쉽게 만들 수 있습니다. 또한 네이티브와 유사한 스크롤 동작이 기본적으로 사용 설정되어 있습니다. Android용 Chrome은 이전 Flexbox 모델을 지원합니다. 하지만 원래의 Flexbox 모델은 지원 중단되고 새 모델로 대체된다는 점에 유의하세요. DateTime 선택 도구와 <input type="range"> 초기 지원도 지원됩니다.

빠른 그래픽

Android용 Chrome은 하드웨어 가속 캔버스도 지원하며 성능이 뛰어납니다. 또한 모바일에 중요한 requestAnimationFrame도 지원됩니다. 브라우저가 렌더링 시점을 결정하도록 하여 GPU 사용량이 많은 애플리케이션에서 배터리 수명을 더 효율적으로 관리할 수 있습니다. Android용 Chrome에는 File System API, IndexedDB, Web Workers, 웹 소켓을 비롯한 기타 여러 HTML5 기능이 도입되었습니다.

원격 디버깅

Android용 Chrome에서 개인적으로 가장 좋아하는 기능은 Chrome 개발자 도구를 통한 원격 디버깅입니다. 원격 디버깅을 사용하면 웹 개발자가 휴대기기에서 라이브로 실행되는 애플리케이션을 Weinre와 같은 기발한 해킹에 의존하지 않고도 매우 쉽게 디버그할 수 있습니다. 다음은 이 기능의 작동 모습을 보여주는 간단한 스크린캐스트입니다.

원격 디버깅에 관한 자세한 내용은 이 원격 디버깅 도움말을 참고하세요.

Android용 Chrome 베타를 Google Play에서 다운로드하여 직접 사용해 보세요. 기능을 사용하기 위해 모바일 웹 앱을 작성했지만 Android용 Chrome에서 지원하지 않는 경우 이 버전은 베타 버전이라는 점을 염두에 두고 이미 알려진 문제인지 확인하고 문제가 있다면 별표표시하세요. 그렇지 않은 경우에는 버그를 로깅하세요.

Android용 Chrome이 모바일 웹 개발자 커뮤니티에 긍정적인 영향을 미칠 것으로 생각하며 Google과 함께 구축할 수 있는 멋진 기능이 기대됩니다. 추가로 궁금한 점이 있으면 이 FAQ에 답변이 나와 있는지 확인하세요. 그렇지 않고 Chrome 관련 모바일 웹 개발 질문이 있는 경우 google-chrome 및 android 태그를 사용하여 Stack Overflow에 질문을 게시하세요.