맞춤 탭은 앱 개발자가 앱 내에서 직접 맞춤설정된 브라우저 환경을 추가할 수 있는 방법을 제공하는 Android 브라우저의 기능입니다.
웹 콘텐츠 로드는 스마트폰 초기부터 모바일 앱의 일부였지만, 이전 옵션은 개발자에게 문제를 일으킬 수 있습니다. 실제 브라우저를 실행하는 것은 사용자에게 무거운 컨텍스트 전환이며 맞춤설정할 수 없습니다. 반면 WebView는 웹 플랫폼의 모든 기능을 지원하지 않고 브라우저와 상태를 공유하지 않으며 유지관리 오버헤드를 추가합니다.
맞춤 탭을 사용하면 사용자가 탐색하는 동안 앱 내에 머물러 참여도를 높이고 사용자가 앱을 포기할 위험을 줄일 수 있습니다. 맞춤 탭은 사용자가 선호하는 브라우저에서 직접 제공되며 브라우저에서 제공하는 상태와 기능을 자동으로 공유합니다. 요청, 권한 부여 또는 쿠키 저장소를 관리하기 위해 맞춤 코드를 작성할 필요가 없습니다.
맞춤 탭은 무엇을 할 수 있나요?
맞춤 탭을 사용하면 사용자가 선호하는 브라우저를 지원하는 렌더링 엔진에 웹 콘텐츠가 로드됩니다. 모든 API 또는 웹 플랫폼 기능을 사용할 수 있으며 맞춤 탭에서도 사용할 수 있습니다. 인터넷 사용 기록, 저장된 비밀번호, 결제 수단, 주소가 이미 익숙한 방식으로 표시됩니다.
맞춤 탭에서 무엇을 맞춤설정할 수 있나요?
꽤 많습니다. 맞춤 탭을 사용하면 브라우저 크롬과 사용자 환경을 세밀하게 제어할 수 있습니다. 앱 내에서 Intent를 사용하여 맞춤 탭을 실행합니다. 이 인텐트가 호출되면 CustomTabIntent에 여러 속성을 추가하여 원하는 정확한 환경을 얻을 수 있습니다. 추가할 수 있는 맞춤설정은 다음과 같습니다.
- 앱의 나머지 부분과 일치하는 맞춤 진입 및 종료 애니메이션
- 앱의 브랜딩에 맞게 툴바 색상 수정
- 밝은 테마와 어두운 테마 간에 전환해도 앱에 유지되는 색상 일관성
- 브라우저의 툴바 및 메뉴에 대한 맞춤 작업 및 항목
- 맞춤 탭의 실행 높이를 제어하여 웹 스토어와 상호작용하는 동안 동영상을 스트리밍하는 등의 작업을 할 수 있습니다.
또한 사용자는 맞춤 탭을 최소화하여 기본 앱과 상호작용할 수 있으며, 진행 상황을 잃지 않고 언제든지 복원하여 여정을 계속할 수 있습니다. 이를 통해 사용자는 맞춤 탭을 닫는 대신 웹과 네이티브 앱 간에 원활하게 멀티태스킹할 수 있습니다. 이 기능은 맞춤 탭에서 기본적으로 사용 설정됩니다.
이것이 전부는 아닙니다. 맞춤 탭은 매우 강력하며 활발하게 개발되고 있습니다. 각 브라우저는 이러한 기능이 제공되면 지원을 추가해야 합니다. 거의 모든 브라우저에서 어느 정도 지원되지만 사용자 브라우저에서 사용할 수 있는 기능과 사용할 수 없는 기능을 파악하는 것이 중요합니다. 기능 비교 표를 참고하여 인기 Android 브라우저에서 다양한 기능을 사용할 수 있는지 빠르게 확인하세요.
GitHub의 샘플을 사용하여 지금 테스트할 수 있습니다.
언제 맞춤 탭을 사용해야 하나요?
웹 콘텐츠를 로드하는 단일한 '올바른' 방법은 없습니다. 특정 상황에서는 WebView가 사용하기에 적합한 기술입니다. 예를 들어 앱 내에서 자체 콘텐츠만 호스팅하거나 앱에서 직접 JavaScript를 삽입해야 하는 경우입니다. 앱에서 도메인 외부 URL로 사용자를 안내하는 경우 맞춤 탭의 내장 공유 상태가 더 나은 선택일 수 있습니다. 맞춤 탭의 다른 장점은 다음과 같습니다.
- 보안: 맞춤 탭은 Google의 세이프 브라우징을 사용하여 사용자와 기기를 위험한 사이트로부터 보호합니다.
- 성능 최적화:
- 애플리케이션에서 리소스를 도용하지 않으면서 백그라운드에서 브라우저를 사전 워밍
- URL을 미리 추측 로드하여 페이지 로드 시간을 단축합니다.
- 수명 주기 관리: 맞춤 탭을 실행하는 앱은 탭 사용 중에 시스템에 의해 삭제되지 않습니다. 맞춤 탭의 중요도가 포그라운드 수준으로 올라갑니다.
- 사용자가 이미 연결된 사이트에 로그인하거나 이미 부여한 권한을 다시 부여하지 않아도 되도록 쿠키 저장소와 권한 모델을 공유합니다.
- 양식 작성을 개선하는 자동 완성과 같은 브라우저 기능을 기본적으로 사용할 수 있습니다.
- 사용자는 통합된 뒤로 버튼을 사용하여 앱으로 돌아갈 수 있습니다.
맞춤 탭과 신뢰할 수 있는 웹 활동 비교
신뢰할 수 있는 웹 활동은 맞춤 탭 프로토콜을 확장하고 대부분의 이점을 공유합니다. 하지만 맞춤 UI를 제공하는 대신 개발자가 UI 없이 브라우저 탭을 열 수 있습니다. 자체 Android 앱 내에서 자체 프로그레시브 웹 앱을 전체 화면으로 열려는 개발자에게 권장됩니다.
맞춤 탭은 어디에서 사용할 수 있나요?
맞춤 탭은 Android 플랫폼의 브라우저에서 지원하는 기능입니다. 이 기능은 원래 버전 45의 Chrome에서 도입되었습니다. 이 프로토콜은 대부분의 Android 브라우저에서 지원됩니다.
이 프로젝트에 관한 의견, 질문, 제안을 기다리고 있습니다. crbug.com에 문제를 신고하고 Twitter @ChromiumDev에서 질문해 주세요.
자세히 알아보기
궁금한 점이 있으면 StackOverflow에서 chrome-custom-tabs 태그를 확인하세요.