KR20150001596A

KR20150001596A - 웹 브라우저를 위한 몰입 모드

Info

Publication number: KR20150001596A
Application number: KR1020140011231A
Authority: KR
Inventors: 알렉산더 프리드리히 커스처; 존 니콜라스 지트코프; 세바스티앙 빈센트 가브리엘; 글렌 머피
Original assignee: 구글 인코포레이티드
Priority date: 2013-06-27
Filing date: 2014-01-29
Publication date: 2015-01-06
Also published as: AU2013211505B2; US8775965B1; US9720571B2; CA2823170A1; AU2013211505A1; KR102073848B1; CA2823170C; US20150007093A1

Abstract

대상 기술의 다양한 측면들은 몰입 모드에서 웹 브라우저를 위한 라이트 바를 제공하기 위한 시스템들, 방법들 및 기계-판독 가능 매체들과 관련된다. 시스템은 제1 브라우징 모드에서 웹 브라우저를 디스플레이 하기 위해 구성되고, 제1 브라우징 모드에서 브라우저는 하나 이상의 탭들을 포함하고, 사용자로부터, 웹 브라우저를 위한 제2 브라우징 모드에 진입하는 인디케이션을 수신한다. 인디케이션에 응답하여, 제2 브라우징 모드에서 웹 브라우저는 디스플레이될 수 있고, 하나 이상의 탭들은 표시되지 않을 수 있다. 하나 이상의 라이트 바들은 웹 브라우저의 디스플레이 영역 내의 하나 이상의 탭들에 대응하는 위치들에서 또한 디스플레이 될 수 있다. 하나 이상의 라이트 바들의 각각은 하나 이상의 탭들 중 하나와 연관된다.

Description

웹 브라우저를 위한 몰입 모드{IMMERSIVE MODE FOR A WEB BROWSER}

본 개시는 일반적으로 사용자 인터페이스들과 관련되고, 특히 웹 브라우저 내의 디스플레이 모드들과 관련된다.

웹 브라우저들은 브라우저의 디스플레이 영역(area) 내에 디스플레이하기 위한 웹 페이지들을 로드(load)하기 위해 구성된다. 몇몇의 경우들에서, 복수의 웹 페이지들은 브라우저 탭들을 사용하여 동시에 로드될 수 있다. 예컨대, 웹 브라우저는 복수의 탭들을 열(open) 수 있고 각 탭은 로드된 웹 페이지를 포함할 수 있다. 각 웹 브라우저 윈도우에 대해, 탭들 중 하나는 활성(active) 탭일 수 있고 나머지 탭들은 숨은(hidden) 또는 비활성(non-active) 탭들일 수 있다. 숨은 탭들 내의 로드된 웹 페이지들은 디스플레이 영역 내에 표시되지 않는 반면, 활성 탭 내의 로드된 웹 페이지는 브라우저의 디스플레이 영역 내에 표시될 수 있다. 대신에, 이러한 웹 페이지들을 보기 위해서는, 사용자는 숨은 탭을 선택함으로써 선택된 탭이 활성 탭이 되도록 할 수 있고 선택된 탭 내의 로드된 웹 페이지는 브라우저의 디스플레이 영역 내에서 표시될 수 있다. 몇몇의 브라우저들 또는 웹 페이지들은 활성 탭의 콘텐트들(contents)가 전체-화면 내에서 보여지도록 할 수 있는 웹 브라우저를 위한 전체-화면(full-screen) 모드 또는 몰입(immersive) 모드를 사용자들이 선택하는 것을 가능하게 할 수 있다.

대상 기술의 다양한 측면들은 몰입 모드 동안 웹 브라우저 내에 라이트 바(light bar)를 제공하기 위한 시스템과 관련된다. 시스템은 하나 이상의 프로세서들 및 기계-판독 가능(machine-readable) 매체를 포함할 수 있고, 상기 기계-판독 가능 매체는 상기 기계-판독 가능 매체에 저장된 인스트럭션(instruction)들을 포함하고, 상기 인스트럭션들은 상기 하나 이상의 프로세서들에 의해 실행될 때, 상기 하나 이상의 프로세서들이 방법을 수행하는 것을 유발시킨다. 상기 방법은 하나 이상의 브라우징 탭들을 포함하는 웹 브라우저를 디스플레이하는 단계 - 상기 하나 이상의 브라우징 탭들은 활성 탭을 포함함 -, 사용자로부터, 상기 웹 브라우저를 위한 몰입(immersive) 모드에 진입하는 인디케이션(indication)을 수신하는 단계, 상기 인디케이션에 응답하여 상기 몰입 모드에서 상기 웹 브라우저를 디스플레이하는 단계 - 상기 몰입 모드에서 상기 웹 브라우저는 전체 화면(full screen) 내에 디스플레이된 상기 활성 탭에 대한 콘텐트(content)와 함께 디스플레이됨 - 및 상기 몰입 모드에서 상기 웹 브라우저의 디스플레이 영역(area) 내에, 상기 하나 이상의 브라우징 탭들에 대응하는 위치들에서 하나 이상의 라이트 바(light bar)들을 디스플레이하는 단계 - 상기 하나 이상의 라이트 바들의 각각은 상기 하나 이상의 브라우징 탭들 중 하나와 연관됨 -를 포함한다.

대상 기술의 다른 측면들은 몰입 모드 동안 웹 브라우저 내에 라이트 바를 제공하기 위한 방법과 관련된다. 상기 방법은, 제1 브라우징 모드에서 웹 브라우저를 디스플레이하는 단계 - 상기 제1 브라우징 모드에서 상기 브라우저는 하나 이상의 탭들을 포함함 -, 사용자로부터, 상기 웹 브라우저를 위한 제2 브라우징 모드에 진입하는 인디케이션(indication)을 수신하는 단계, 상기 인디케이션에 응답하여 상기 제2 브라우징 모드에서 상기 웹 브라우저를 디스플레이하는 단계 - 상기 제2 브라우징 모드에서 상기 웹 브라우저는 상기 하나 이상의 탭들을 제외하고 디스플레이됨 - 및 상기 제2 브라우징 모드에서 상기 웹 브라우저의 디스플레이 영역(area) 내에, 상기 하나 이상의 탭들에 대응하는 위치들에서 하나 이상의 라이트 바(light bar)들을 디스플레이하는 단계 - 상기 하나 이상의 라이트 바들의 각각은 상기 하나 이상의 탭들 중 하나와 연관됨 -를 포함한다.

대상 기술의 다양한 측면들은 비-일시적(non-transitory) 기계-판독 가능(machine-readable) 매체에 저장된 인스트럭션들을 포함하는 비-일시적 기계-판독 가능 매체와 관련되고, 상기 인스트럭션들은 상기 기계에 의해 실행될 때, 상기 기계가 방법을 수행하는 것을 유발시킨다. 상기 방법은, 하나 이상의 탭들을 포함하는 웹 브라우저를 디스플레이하는 단계, 사용자로부터, 상기 웹 브라우저를 위한 전체-화면(full-screen) 모드로 진입하는 인디케이션(indication)을 수신하는 단계, 상기 인디케이션에 응답하여 상기 전체-화면 모드에서 상기 웹 브라우저를 디스플레이하는 단계 및 상기 하나 이상의 탭들의 각각과 연관된 하나 이상의 라이트 바들을 디스플레이하는 단계 - 상기 하나 이상의 라이트 바들은 상기 디스플레이 영역(area) 내의 상기 하나 이상의 탭들의 각각에 대응하는 위치들에서 디스플레이됨 - 를 포함한다.

대상 기술의 다른 구성(configuration)들은 후술될 상세한 설명으로부터 해당 기술 분야에서 통상의 지식을 가진 자에게 쉽게 명백해지는 것으로 이해되고, 대상 기술의 다양한 구성들은 실례(illustration)의 방식으로 도시 및 설명된다. 인식되겠지만, 대상 기술은 다른 및 상이한 구성들이 될 수 있고 다른 및 상이한 구성들의 상세한 내용은, 모든 대상 기술의 범위를 벗어나지 않는 다양한 다른 측면에서 변경(modification)될 수 있다. 따라서, 도면들 및 상세한 설명은 사실상 설명적인 것으로 간주되고 제한적인 것으로 간주되지 않는다.

대상 기술의 심층적인(further) 이해를 제공하기 위해 본 명세서에 포함되고 통합된 본 명세서의 일부를 구성하는 부수하는 도면들은 대상 기술의 개시된 측면들을 대상 기술의 원리들의 설명을 제공하는 기재와 함께 도시된다.
도 1은 대상 기술의 다양한 측면들에 따른, 웹 브라우저를 표시하는 사용자 인터페이스의 예시를 나타낸다.
도 2는 대상 기술의 다양한 측면들에 따른, 몰입 모드에서의 웹 브라우저를 표시하는 사용자 인터페이스의 예시를 나타낸다.
도 3은 대상 기술의 다양한 측면들에 따른, 몰입 모드에서의 웹 브라우저를 표시하는 사용자 인터페이스의 또 다른 예시를 나타낸다.
도 4는 대상 기술의 다양한 측면들에 따른, 몰입 모드 동안 웹 브라우저 내에 라이트 바를 제공하기 위해 구성된 시스템의 예시를 나타내는 블록도이다.
도 5는 대상 기술의 다양한 측면들에 따른, 몰입 모드 동안 웹 브라우저 내에 라이트 바를 제공하기 위한 프로세스(process)의 예시를 나타내는 흐름도이다.
도 6a 및 도 6b는 대상 기술의 다양한 측면들에 따른, 라이트 바들을 포함하는 사용자 인터페이스들의 예시의 부분들을 나타낸다.
도 7은 대상 기술의 다양한 측면들에 따른, 본 문서에서 논의된 구현될 수 있는 여하한 컴퓨팅 기계들, 디바이스들 또는 시스템들을 포함하는 컴퓨터 시스템의 예시를 나타내는 블록도이다.

하기의 상세한 설명은 대상 기술의 다양한 구성들의 기재로서 의도되고 대상 기술이 실시될 수 있는 한정된 구성들(only configurations)을 나타내기 위해 의도된 것이 아니다. 첨부된 도면들은 본 문서에 통합되고 상세한 설명의 일부를 구성한다. 상세한 설명은 대상 기술의 철저한 이해의 제공의 목적을 위해 구체적인(specific) 세부 사항들을 포함한다. 그러나, 이러한 구체적인 세부 사항들 없이도 대상 기술이 실시될 수 있음은 명백할 것이다.

웹 브라우저는 사용자가 웹 브라우저를 위한 몰입 모드(예컨대, 전체-화면 모드)에 진입하는 것을 허용할 수 있다. 웹 브라우저가 몰입 모드에 있을 때, 활성 브라우저 탭의 콘텐트(대체로, 웹 페이지)는 웹 브라우저의 디스플레이 영역의 전체의 영역 내에 표시된다. 몇몇의 경우에서, 전체의 영역은 전체의 웹 브라우저 윈도우 또는 하나 이상의 모니터들 또는 디스플레이들의 전체의 화면(screen)일 수 있다. 그러나, 웹 브라우저가 몰입 모드에 있을 때, 탭들은 사용자에게 보이지 않는다. 따라서, 사용자는 열린 탭들의 수, 탭들의 위치, 어떤 탭들이 활성화되었거나 숨겨진 것인지 또는 활성 탭의 콘텐트 외의 여하한 다른 정보의 어느 시각적 인디케이션(visual indication)도 인식하지 못하거나 갖지 못할 수 있다.

대상 기술의 다양한 측면들은 웹 브라우저가 몰입 모드에 있는 동안 웹 브라우저의 디스플레이 영역 내에 하나 이상의 라이트 바들을 제공하기 위한 시스템들 및 방법들과 관련된다. 라이트 바들은 웹 브라우저의 디스플레이 영역 내의 많은 공간을 차지하지 않고 하나 이상의 탭들의 지속적인 시각적 인디케이터(persistent visual indicator)를 제공하기 위해 구성된다. 지속적인 시각적 인디케이터들은 사용자가 숨은 탭들을 보기 위해 소정의(prescribed) 영역으로 커서를 움직이는 것과 같은 여하한 조치(action)를 취하지 않고도 얼마나 많은 탭들이 열려있는지를 알아내는(determine) 것을 허용할 수 있다. 또한, 라이트 바들은 라이트 바들을 대체하는 브라우저 탭들보다 공간을 더 적게 차지하는 시각적 인디케이터들을 제공한다.

도 1은 대상 기술의 다양한 측면들에 따른 웹 브라우저(105)를 표시하는 사용자 인터페이스(100)의 예시를 나타낸다. 사용자 인터페이스(100)는 디바이스에 의해 제공되는 데스트톱(desktop), 스크린 또는 디바이스에 의해 제공되는 디스플레이일 수 있다. 디바이스는, 예컨대, 컴퓨터, 랩톱, 태블릿, 휴대폰, 모바일 디바이스, 스마트 텔레비젼 또는 스크린, 디스플레이 디바이스 또는 디스플레이와 연관된 여하한 다른 기계일 수 있다.

웹 브라우저(105)는 웹 브라우저의 비-표시(non-display) 부분(135) 내에 표시되는 다수의 브라우저 탭들(110, 115, 120 및 125)를 포함할 수 있다. 비-표시 웹 브라우저(105)의 부분(135)은, 예컨대, 툴 바, 리본, 경계(border) 또는 브라우저 탭의 콘텐트가 디스플레이되지 않는 웹 페이지(105)의 다른 부분일 수 있다. 각 브라우저 탭은 웹 페이지, 이미지, 문서(document), 스프레드시트(spreadsheet), 비디오(video) 또는 웹 브라우저(105)에 의해 로드될 수 있는 여하한 다른 콘텐트 또는 미디어를 포함할 수 있다. 웹 브라우저(105) 내의 브라우저 탭들은 활성화되었거나 숨겨진 것일 수 있다.

예컨대, 도 1에서, 브라우저 탭들(115, 120 및 125)는 숨은 탭들인 반면, 브라우저 탭(110)은 활성 탭이다. 숨은 탭들(115, 120 및 125) 내에 로드된 콘텐트는 디스플레이 영역(130) 내에서 보이지 않는 반면, 활성 탭(110) 내에 포함된 콘텐트는 웹 브라우저(105)의 디스플레이 영역(130) 내에 표시될 수 있다. 사용자가 숨은 탭들 중 하나 내에 로드된 콘텐트를 보고자 하면, 사용자는 숨은 탭을 선택함으로써 선택된 탭을 활성 탭으로 만들 수 있다. 따라서, 선택된 탭 내에 포함된 콘텐트는 디스플레이 영역(130) 내에 표시될 수 있다.

웹 브라우저(105)는 또한 사용자가 활성 탭의 콘텐트들이 예컨대, 전체의 웹 브라우저 윈도우(105) 또는 전체의 사용자 인터페이스(100)를 커버(cover)하도록 확대되는 웹 브라우저를 위한 몰입 모드를 활성화하는 것을 가능하게 할 수 있다. 사용자는 예컨대, 핫-키(hot-key)의 사용, 버튼과 같은 사용자 인터페이스 요소의 활성화, 명령(command)의 입력(typing in), 트랙 패드(track pad) 상에서의 제스처의 사용 또는 다른 수단에 의해 몰입 모드를 활성화할 수 있다.

도 2는 대상 기술의 다양한 측면들에 따른, 몰입 모드에서의 웹 브라우저를 표시하는 사용자 인터페이스(200)의 예시를 나타낸다. 사용자 인터페이스(200)는 데스크톱, 스크린 또는 디바이스에 의해 제공되는 디스플레이일 수 있고, 또는, 다른 몇몇의 측면들에서, 사용자 인터페이스(200)는 브라우저 윈도우일 수 있다. 도 2에 도시된 것처럼, 웹 브라우저의 비-표시 부분들 및 브라우저 탭들은 웹 브라우저가 몰입 모드에 있을 때 보이지 않는다. 대신에, 웹 브라우저의 디스플레이 영역(205) 및 활성 탭의 콘텐트들은 사용자 인터페이스(200) 내에서 확장된다. 따라서, 얼마나 많은 탭들이 열려 있는지, 어떤 탭들이 활성 탭 또는 숨은 탭인지, 또는 활성 탭의 콘텐트 외의 여하한 다른 정보의 시각적 인디케이션들은 존재하지 않는다. 또한, 사용자가 활성 브라우저 탭을 전환하기 위해 또 다른 브라우저 탭을 선택할 수 있는 시각적인(visiable) 인터페이스 요소들이 존재하지 않는다.

도 3은 대상 기술의 다양한 측면들에 따른, 몰입 모드에서의 웹 브라우저를 표시하는 사용자 인터페이스(300)의 또 다른 예시를 나타낸다. 도 3에 보이는 것처럼, 몰입 모드 동안 웹 브라우저의 비-표시 부분들 및 브라우저 탭들은 보이지 않는다. 대신에, 웹 브라우저의 디스플레이 영역(305) 및 활성 탭의 콘텐트들은 사용자 인터페이스(300) 내에서 확장된다. 그러나, 도 3에서, 디바이스 상에서 동작하는 웹 브라우저와 같은 시스템은 디스플레이 영역(305) 내에 라이트 바들(310, 315, 320 및 325)의 디스플레이를 제공하기 위해 구성될 수 있다. 몇몇의 측면들에 따라, 라이트 바들(310, 315, 320 및 325)은 디스플레이 영역(305)의 모서리(edge), 디스플레이 영역(305)의 상단(the top of) 또는 디스플레이 영역(305)의 모서리 부근(예컨대, 디스플레이 영역(305)의 상단 모서리로부터 소정의 오프셋 거리만큼 떨어진 곳)에서 디스플레이될 수 있다.

라이트 바들(310, 315, 320 및 325)은 웹 브라우저의 브라우저 탭들의 지속적인 시각적 인디케이터를 제공할 수 있다. 라이트 바들(310, 315, 320 및 325)의 각각은 웹 브라우저의 브라우저 탭들 중 하나와 연관된다. 라이트 바들(310, 315, 320 및 325)은 라이트 바들(310, 315, 320 및 325)이 대체하는 브라우저 탭들보다 더 작거나, 더 얇거나(thinner), 또는 사용자 인터페이스(300) 상에서 더 적은 공간을 차지할 수 있다. 예컨대, 라이트 바들(310, 315, 320 및 325)은 폭(width)이 5 픽셀 이하일 수 있다.

따라서, 라이트 바들(310, 315, 320 및 325)은 사용자들을 덜 집중할 수 없게(less distracting)하거나 활성 탭의 콘텐트를 그다지 모호하게 하지 않을(obscure less) 수 있다. 몇몇의 측면들에 따라, 사용자는 연관된 브라우저 탭을 활성화하기 위해 라이트 바를 선택할 수 있고, 그 브라우저 탭을 활성 브라우저 탭으로 만들 수 있다. 이는 디스플레이 영역(305)을 결과적으로 선택된 라이트 바와 연관된 브라우저 탭의 콘텐트로 변경할 수 있다.

몇몇의 측면들에 따라, 라이트 바들(310, 315, 320 및 325)은 하나 이상의 색상들로 구성될 수 있다. 라이트 바들의 색상들은 디폴트(default) 색상들(예컨대, 디폴트 색상, 활성 탭에 대한 디폴트 색상, 숨은 탭에 대한 디폴트 색상 등), 탭의 콘텐트에 기반하여 선택된 색상들 또는 디폴트 색상들 및 선택된 색상들의 조합일 수 있다. 이러한 경우들에서, 색상들은 브라우저 탭과 연관된 이미지 또는 아이콘에 기반하여 선택될 수 있다. 예컨대, 아이콘은 바로가기(shortcut) 아이콘, 파비콘(favicon), 웹 사이트 아이콘, 북마크 아이콘, 브라우저 탭의 콘텐트의 소형화된(miniaturized) 이미지, 또는 브라우저 탭의 콘텐트와 연관된 여하한 다른 이미지일 수 있다. 브라우저 탭과 연관된 라이트 바에 대한 하나 이상의 색상들은 아이콘 내의 주조 색상(dominant color)들에 기반하여 선택될 수 있다.

몇몇의 측면에서, 라이트 바들은 추가적인 기능들을 가질 수 있다. 예컨대, 각 라이트 바는 웹 페이지들의 상태들을 지시하기(indicate) 위해 구성될 수 있다. 라이트 바는, 예컨대, 콘텐트(예컨대, 웹 페이지)가 로딩 중일 때, 콘텐트가 로딩을 완료했을 때, 에러가 발생했을 때, 또는 탭이 오디오 또는 비디오 콘텐트를 재생하고 있는지를 나타내기 위해 구성될 수 있다. 라이트 탭은 이들의 상태들을, 특정한 색상 또는 색상들의 조합을 점멸 또는 맥동(flashing or pulsing)함으로써, 특정한 색상을 전환함으로써, 또는 더 어둡게 또는 더 밝게 함으로써, 나타낼 수 있다. 예컨대, 탭에 대한 라이트 바는 탭이 콘텐트를 로딩 중인 동안 어두워질 수 있고 콘텐트가 로딩을 완료하였을 때 더 밝아질 수 있다. 탭과 연관된 에러가 존재할 때, 탭에 대한 라이트 바는 디폴트 에러 색상(예컨대, 밝은 적색)일 수 있다. 오디오 또는 비디오 콘텐트가 탭 내에서 재생되고 있을 때, 탭에 대한 라이트 바는 백색 광을 맥동할 수 있다.

도 4는 대상 기술의 다양한 측면들에 따른, 몰입 모드 동안 웹 브라우저 내에 라이트 바를 제공하기 위해 구성된 시스템(400)의 예시를 나타내는 블록도이다. 시스템(400)은 디스플레이 모듈(410), 입력 모듈(420) 및 콘텐트 모듈(430)을 포함할 수 있다. 다른 측면들에서, 그러나, 시스템은 추가적인 모듈들, 대체적인 모듈들 또는 더 적은 모듈들을 포함할 수 있다.

디스플레이 모듈(410)은 컴퓨팅 기계 또는 디바이스(예컨대, 랩톱, 태블릿, 컴퓨터, 스마트 텔레비젼, 스마트 폰, 모바일 디바이스 등) 상에서 웹 브라우저의 디스플레이 기능들을 제공하기 위해 구성된다. 예컨대, 디스플레이 모듈(410)은 모든 웹 브라우저의 다양한 브라우징 모드들, 브라우징 탭들, 활성 브라우징 탭 내에 로드된 콘텐트, 및 웹 브라우저의 여하한 다른 디스플레이된 인터페이스 내에서 웹 브라우저를 디스플레이하기 위해 구성된다. 디스플레이 모듈(410)은 또한 웹 브라우저가 몰입 모드에 있을 때 브라우징 탭들과 연관된 하나 이상의 라이트 바들을 디스플레이하기 위해 구성될 수 있다.

입력 모듈(420)은 예컨대, 사용자와 같은 다양한 소스(source)들로부터 입력을 수신하기 위해 구성된다. 수신될 수 있는 입력들은 사용자에 의해 입력된 유니폼 리소스 로케이터(Uniform Resource Locator; URL)들, 사용자 또는 또 다른 프로세스 또는 시스템으로부터 수신된 링크를 열기 위한 인스트럭션들, 또는 몰입 브라우징 모드와 같은 다양한 브라우징 모드들에 진입하거나 상기 브라우징 모드들을 종료하기 위한 인디케이션들을 포함할 수 있다.

콘텐트 모듈(430)은 보기(viewing)를 위해 브라우저 디스플레이 영역 내에서 콘텐트를 로드하기 위해 구성될 수 있다. 예컨대, 콘텐트 모듈(430)은 콘텐트(예컨대, 이미지들, 웹 페이지들, 비디오, 오디오, 파일들 등)를 획득하기 위해 다양한 리소스(resource)들과 네트워크(예컨대, 인터넷)를 통해 통신할 수 있고, 따라서, 콘텐트는 디스플레이 모듈(410)에 의해 디스플레이될 수 있다. 다른 측면들에서, 콘텐트는 더 직접적인(more direct) 시스템(400)과의 통신에 있어서 로컬 하드 드라이브 또는 다른 메모리 상에서 접근될 수 있다.

도 5는 대상 기술의 다양한 측면들에 따른, 몰입 모드 동안 웹 브라우저 내에 라이트 바를 제공하기 위한 프로세스(process)(500)의 예시를 나타내는 흐름도이다. 도 5의 프로세스 블록들은 도 4의 시스템(400)의 구성요소들을 참조하여 설명되지만, 블록들은 시스템(400)의 구성요소들에 의해 수행되는 것으로 제한되지 않는다. 또한, 프로세스(500) 내의 블록들은 특정 순서로 도시되었지만, 특정 블록들은 상이한 순서들로 또는 동시에 수행될 수 있다.

블록(505)에서, 디스플레이 모듈(410)은 하나 이상의 브라우저 탭들(예컨대, 활성 브라우저 탭 및 가능한(possibly) 하나 이상의 숨은 브라우저 탭들)을 갖는 웹 브라우저를 디스플레이할 수 있다. 웹 브라우저는 브라우저 탭들이 활성 브라우저 탭을 위해 로드된 콘텐트(예컨대, 웹 페이지, 이미지 등)를 디스플레이하지 않는 브라우저의 영역 내에 있는 일반적인(normal) 브라우징 모드와 같은 제1 브라우징 모드에서 디스플레이 될 수 있다. 상기 영역은 예컨대, 툴 바, 리본 또는 웹 브라우저의 경계(border)일 수 있다.

입력 모듈(420)은 제2 브라우징 모드, 즉, 몰입 모드에 진입하는 사용자 인디케이션이 수신되었는지 여부를 결정할 수 있다. 사용자 인디케이션은 핫-키, 버튼과 같은 사용자 인터페이스 요소, 트랙 패드 상의 제스처의 사용 또는 어떤 다른(some other) 명령 또는 인스트럭션을 통해 수신될 수 있다. 사용자 인디케이션이 수신되지 않았다면, 브라우저는 제1 브라우징 모드에서 동작을 계속할 수 있다.

사용자 인디케이션이 입력 모듈(420)에 의해 수신되면, 디스플레이 모듈(410)은 블록(515)에서 제2 브라우징 모드(예컨대, 몰입 모드)에서 웹 브라우저를 디스플레이할 수 있다. 웹 브라우저가 몰입 모드에 있을 때, 웹 브라우저의 디스플레이 영역은 웹 브라우저의 사용자 인터페이스 내에서 확장되고 활성 탭의 콘텐트들은 전체-화면으로 나타날 수 있다. 또한, 일반적인 브라우징 모드에서 보이는 브라우저 탭들은 몰입 모드에서는 표시되지 않는다.

블록(520)에서, 디스플레이 모듈(410)은 또한 사용자 인터페이스의 디스플레이 영역 내에 하나 이상의 라이트 바들을 디스플레이할 수 있다. 사용자 인터페이스 내에 디스플레이된 각 라이트 바는 브라우저 탭들 중 하나와 연관될 수 있고 브라우저 탭에 대응하는 위치 내에 디스플레이될 수 있다. 예컨대, 최-좌측(left-most) 위치(position)에서 디스플레이된 라이트 바는 웹 브라우저가 일반적인 브라우징 모드에 있었을 때 가장 먼 왼쪽(furthest left)에 디스플레이된 브라우저 탭과 연관될 수 있다. 최-좌측에서 두 번째의 위치에서 디스플레이된 라이트 바는 웹 브라우저가 일반적인 브라우징 모드에 있었을 때 가장 먼 왼쪽에서 두 번째에 디스플레이된 브라우저 탭과 연관될 수 있다. 다른 라이트 바들의 위치들은 유사하게 각 라이트 바가 연관되는 브라우저 탭에 대응할 수 있다.

전술된 것처럼, 디스플레이된 라이트 바들은 동일 또는 상이하게 채색될(colored) 수 있다. 몇몇의 측면들에 따라, 라이트 바들을 디스플레이하는 단계는 각 라이트 바에 대한 하나 이상의 색상들을 선택하는 단계 및 선택된 색상(들)에 따른 라이트 바를 디스플레이하는 단계를 포함한다. 일 구현에서, 브라우저 탭과 연관된 라이트 바에 대한 하나 이상의 색상은 브라우저 탭과 연관된 이미지에 기반하여 선택될 수 있다. 예컨대, 이미지는 브라우저 탭의 콘텐트(예컨대, 이미지, 웹 페이지 등)의 소형화된 버전일 수 있다. 또 다른 예시에서, 이미지는 브라우저 탭 또는 브라우저 탭의 콘텐트와 연관된 아이콘일 수 있다. 아이콘은 "파비콘", 웹 사이트 아이콘 또는 북마크 아이콘일 수 있다.

이미지로부터 하나 이상의 색상들을 선택하기 위해, 디스플레이 모듈(410)은 이미지 내에 사용된 색상들의 우선순위 리스트(prioritized list)를 생성할 수 있고 이미지 내에서 가장 많이 사용된 또는 최고 주조 색상(or most dominant color)들을 선택할 수 있다. 몇몇의 측면들에 따라, 색상들의 우선순위 리스트를 생성하는 단계는 배경(background) 색상들(예컨대, 아이콘에 대한 배경으로서 제공하는 여백(whitespace) 또는 다른 색상들)을 제거하는 단계, 유사한 색상들을 함께 그룹핑(grouping)하는 단계, 유사한 색상들의 각 그룹에 대한 가중(weighted) 평균 색상을 결정하는 단계 및 유사한 색상들의 각 그룹에 대응하는 이미지의 부분(예컨대, 픽셀들의 개수)을 결정하는 단계와 같은 다수의 이미지 처리 단계들을 포함할 수 있다. 이미지의 가장 큰 부분에 대한 책임이 있는(be responsible for) 유사한 색상들의 그룹은 가장 높은 우선 순위로 할당되고 상기 색상들의 그룹에 대해 사용된 색상은 상기 색상들의 그룹에 대한 평균 색상일 수 있다. 색상들의 우선순위 리스트 내의 나머지 색상들은 유사하게 결정될 수 있다.

몇몇의 경우들에서, 각 라이트 바는 하나의 색상보다 많은 색상을 포함할 수 있다. 예컨대, 라이트 바의 일부분은 제1 색상이고 라이트 바의 나머지는 제2 색상일 수 있다. 라이트 바에 대한 모든 색상들은 브라우저 탭과 연관된 이미지에 기반하여 선택되거나 단지 몇몇의 색상들만이 이미지에 기반할 수 있다. 예컨대, 제2 색상은 디폴트 색상 또는 브라우저 탭의 특성에 기반하여 선택될 수 있는 색상인 반면 라이트 바의 제1 부분은 이미지에 기반하여 선택된 색상일 수 있다.

일 측면에서, 디폴트 색상은 소정의 색상(예컨대, 회색의 색조(shade of grey))일 수 있다. 또한 브라우저 탭의 특징에 기반한 복수의 디폴트 색상들이 존재할 수 있다. 예컨대, 활성 브라우저 탭들에 대한 하나의 디폴트 색상 및 숨은 브라우저 탭들에 대한 또 다른 디폴트 색상이 존재할 수 있다. 따라서, 활성 브라우저 탭에 대한 라이트 바는 활성 브라우저 탭에 대한 디폴트 색상을 포함할 수 있는 반면, 숨은 브라우저 탭에 대한 라이트 바는 숨은 브라우저 탭에 대한 디폴트 색상을 포함할 수 있다.

도 6a 및 도 6b는 대상 기술의 다양한 측면들에 따른, 라이트 바들을 포함하는 사용자 인터페이스들의 예시의 부분들을 나타낸다. 예컨대, 도 6a에서, 사용자 인터페이스(605)는 2개의 색상들 또는 텍스처(texture)들을 각각 포함하는 라이트 바들(601, 615, 620 및 625)을 포함할 수 있다. 도 6a는 각각 단지 2개의 색상들을 갖는 라이트 바들을 포함하지만, 다른 구현들에서, 더 많은 색상들 또는 텍스처들을 또한 가질 수 있는 라이트 바들이 사용될 수 있다. 또한, 사용자 인터페이스 내에 포함된 라이트 바들은 다른 라이트 바들과는 상이한 수의 색상들 또는 텍스처들을 가질 수 있다.

라이트 바는 또한 사용자 인터페이스 내의 상이한 위치들에 배치될 수 있다. 예컨대, 도 6a에서, 사용자 인터페이스(650)는 사용자 인터페이스(650)의 최상단 모서리(topmost edge)에서 위치된 라이트 바들(655, 660, 665 및 670)을 포함할 수 있다. 다른 구현들에서, 라이트 바들은 다른 모서리들(예컨대, 우측 모서리, 좌측 모서리 또는 하단 모서리)에서 또는 다른 모서리들의 부근에 위치될 수 있다. 라이트 바들은 또한 수평으로, 수직으로 또는 다른 방향들(orientations)로 배열될 수 있다.

도 7은 대상 기술의 다양한 측면들에 따른, 본 문서에서 논의된 구현될 수 있는 여하한 컴퓨팅 기계들, 디바이스들 또는 시스템들을 포함하는 컴퓨터 시스템의 예시를 나타내는 블록도이다. 특정한 측면들에서, 컴퓨터 시스템(700)은 하드웨어 또는 소프트웨어 및 하드웨어의 조합을 사용하여, 또는 전용 서버(dedicated server) 내에서 구현되거나, 또는 다른 개체(entity)에 통합되거나, 복수의 개체들에 걸쳐 분산될 수 있다.

컴퓨터 시스템(700)의 예시는 프로세서(702), 메인 메모리(704), 정적 메모리(static memory)(706), 디스크 드라이브 유닛(716) 및 버스(708)를 통해 서로 통신하는 네트워크 인터페이스 드라이브(720)를 포함한다. 컴퓨터 시스템(700)은 비디오 디스플레이 유닛들(예컨대, 액정 디스플레이(Liquid Crystal Displays; LCD)들, 음극선관(Cathode Ray Tube; CRT)들 또는 터치 스크린들), 알파뉴메릭(alphanumeric) 입력 디바이스(예컨대, 키보드), 커서 제어 디바이스(예컨대, 마우스) 또는 신호 생성 디바이스(예컨대, 스피커)와 같은 다양한 입/출력 디바이스들과 통신하기 위해 구성된 입/출력 인터페이스(712)를 더 포함할 수 있다.

프로세서(702)는 범용(general-purpose) 마이크로프로세서(예컨대, 중앙 처리 장치(Central Processing Unit; CPU), 그래픽 처리 유닛(Graphics Processing Unit; GPU), 마이크로컨트롤러, 디지털 신호 프로세서(Digital Signal Processor; DSP), 응용 주문형 집적 회로(Application Specific Integrated Circuit; ASIC), 필드 프로그램 가능 게이트 어레이(Field Programmable Gate Array; FPGA), 프로그램 가능 로직 디바이스(Programmable Logic Device; PLD), 컨트롤러, 상태 기계(state machine), 게이트 로직(gated logic), 이산 하드웨어 구성요소들(discrete hardware components) 또는 계산들 또는 정보의 다른 조작(manipulation)들을 수행할 수 있는 여하한 다른 적절한 개체일 수 있다.

기계-판독 가능 매체(또한 컴퓨터-판독 가능 매체로서 참조됨)는 본 문서에 설명된 여하한 하나 이상의 방법론들(methodologies) 또는 기능들(functions)을 구현하는(embodying) 하나 이상의 인스트럭션들(724)의 세트들을 저장할 수 있다. 인스트럭션들(724)은, 완전히 또는 적어도 부분적으로는, 메인 메모리(704) 및 프로세서(702)와 함께 또한 기계-판독 가능 매체들을 구성하는 컴퓨터 시스템(700)에 의한 인스트럭션들(724)의 실행 동안 메인 메모리(704) 및/또는 프로세서(702) 내에 상주(reside)할 수 있다. 인스트럭션들(724)은 나아가 네트워크 인터페이스 디바이스(720)를 통한 네트워크(726)를 통해 전송 또는 수신될 수 있다.

기계-판독 가능 매체는 인스트럭션들의 하나 이상의 세트들을 저장하는 단일한(single) 매체 또는 복수의 매체들(예컨대, 집중화된 또는 분산된 데이터베이스 및/또는 연관된 캐쉬 및 서버들)일 수 있다. 기계-판독 가능 매체는 드라이브 유닛(716), 정적 메모리(706), 메인 메모리(704), 프로세서(702), 입/출력 인터페이스(712)와 연결된 외부 메모리, 또는 어떤 다른 메모리를 포함할 수 있다. 용어 "기계-판독 가능 매체"는 또한 기계가 본 문서에서 논의된 여하한 하나 이상의 실시예들의 방법론들을 수행하는 것을 유발시키는 기계에 의한 실행을 위한 인스트럭션들의 세트를 저장, 인코딩 또는 적재(carrying)할 수 있는 여하한 비-일시적 매체를 포함하는 것으로 받아들여질(be taken to) 것이다. 용어 "기계-판독 가능한 매체"는 따라서 솔리드-스테이트 메모리들(solid-state memories), 광학 매체들 및 자기 매체들과 같은 저장 매체들을 포함하지만 여기에 제한되지는 않는 것으로 받아들여질 것이다.

본 문서에서 설명된 다양한 예시적인 블록들(illustrative blocks), 모듈들, 요소들, 구성요소들, 방법들 및 알고리즘들은 전자 하드웨어, 컴퓨터 소프트웨어 또는 양자의 조합들로서 구현될 수 있다. 이러한 하드웨어 및 소프트웨어의 교환 가능성(interchangeability)을 설명하기 위해, 다양한 예시적인 블록들, 모듈들, 요소들, 구성요소들, 방법들 및 알고리즘들은 상기에서 일반적으로 이들의 기능성에 관해서 설명되었다. 이러한 기능성이 하드웨어 또는 소프트웨어로서 구현되는지 여부는 전체적인 시스템 상에 부과되는 특정 어플리케이션(application) 및 설계 제약들에 의존한다. 숙련된 기술자(skilled artisan)들은 각 특정 어플리케이션에 대해 다양한(varying) 방식들로 설명된 기능성을 구현할 수 있다. 다양한 구성요소들 및 블록들은 대상 기술의 범위를 벗어나지 않고 모두 상이하게 배열될 수 있다(예컨대, 상이한 순서 배열되거나 상이한 방식으로 구분됨(partitioned)).

개시된 프로세스들 내의 단계들의 특정한 순서 또는 계층(hierarchy)은 예시적인 접근법들의 설명인 것으로 이해된다. 설계 선호도들에 기반하여, 프로세스들 내의 단계들의 특정한 순서 또는 계층은 재배열될 수 있는 것으로 이해된다. 단계들의 몇몇은 동시에(simultaneously) 수행될 수 있다.

앞선 기재는 본 문서에 설명된 다양한 측면들을 해당 기술 분야에서 통상의 지식을 가진 자가 실시하는 것이 가능하도록 제공된다. 앞선 기재는 대상 기술의 다양한 예시들을 제공하고, 대상 기술은 이러한 예시들에 제한되지 않는다. 이러한 측면들에 대한 다양한 변경들은 해당 기술 분야에서 통상의 지식을 가진 자에게 쉽게 명백할 것이며, 본 문서에서 정의된 포괄적인 원리들(generic principles)은 다른 측면들에 적용될 수 있다.

"측면"과 같은 문구는 이러한 측면이 대상 기술에 대해 필수적이거나 이러한 측면이 대상 기술의 모든 구성들(configurations)에 적용되는 것을 함축하지 않는다. 일 측면과 관련된 개시는 모든 구성들 또는 하나 이상의 구성들에 적용될 수 있다. 일 측면은 하나 이상의 예시들을 제공할 수 있다. 일 측면과 같은 문구는 하나 이상의 측면들을 참조할 수 있고 그 역 또한 같다(vice versa). "실시예"와 같은 문구는 이러한 실시예가 대상 기술에 필수적이거나 이러한 실시예가 대상 기술의 모든 구성들에 적용되는 것을 함축하지 않는다. 일 실시예와 관련된 개시는 모든 실시예들 또는 하나 이상의 실시예들에 적용될 수 있다. 일 실시예는 하나 이상의 예시들을 제공할 수 있다. 일 실시예와 같은 문구는 하나 이상의 실시예들을 참조할 수 있고 그 역 또한 같다. "구성"과 같은 문구는 이러한 구성이 대상 기술에 필수적이거나 이러한 구성이 대상 기술의 모든 구성들에 적용되는 것을 함축하지 않는다. 일 구성과 관련된 개시는 모든 구성들 또는 하나 이상의 구성들에 적용될 수 있다. 일 구성은 하나 이상의 예시들을 제공할 수 있다. 일 구성과 같은 문구는 하나 이상의 구성들을 참조할 수 있고 그 역 또한 같다.

또한, 용어 "포함하다(include)", "가지다(have)" 또는 이들과 유사한 용어들이 설명 또는 청구범위 내에서 사용된 경우에, "포함하다(comprise)"는 사용될(employed) 때 청구항 내에서 전이어(transitional word)로서 해석되기 때문에 이러한 용어는 어떤 의미로는(in a manner) 용어 "포함하다(comprise)"와 유사한 용어를 포괄하는 것으로 의도된다.

Claims

제1 브라우징 모드에서 웹 브라우저를 디스플레이하는 단계 - 상기 제1 브라우징 모드에서 상기 브라우저는 하나 이상의 탭들을 포함함 -;
사용자로부터, 상기 웹 브라우저를 위한 제2 브라우징 모드에 진입하는 인디케이션(indication)을 수신하는 단계;
상기 인디케이션에 응답하여 상기 제2 브라우징 모드에서 상기 웹 브라우저를 디스플레이하는 단계 - 상기 제2 브라우징 모드에서 상기 웹 브라우저는 상기 하나 이상의 탭들을 제외하고 디스플레이됨 -; 및
상기 제2 브라우징 모드에서 상기 웹 브라우저의 디스플레이 영역(area) 내에, 상기 하나 이상의 탭들에 대응하는 위치들에서 하나 이상의 라이트 바(light bar)들을 디스플레이하는 단계 - 상기 하나 이상의 라이트 바들의 각각은 상기 하나 이상의 탭들 중 하나와 연관됨 -
를 포함하는, 컴퓨터-구현된 방법.
제1항에 있어서,
상기 하나 이상의 탭들은 하나의 활성 탭(active tab) 및 하나 이상의 숨은 탭(hidden tab)들을 포함하고,
상기 제2 브라우징 모드는 상기 활성 탭에 대한 콘텐트가 전체 화면(full screen) 내에 디스플레이되는 상기 웹 브라우저를 위한 몰입 모드(immersive mode)인, 컴퓨터-구현된 방법.
제1항에 있어서,
상기 하나 이상의 라이트 바들을 디스플레이하는 단계는
상기 하나 이상의 라이트 바들의 각각에 대해,
상기 라이트 바에 대한 적어도 하나의 라이트 바 색상을 선택하는 단계; 및
상기 적어도 하나의 라이트 바 색상을 사용하여, 상기 라이트 바와 연관된 상기 탭에 대응하는 위치에서 상기 라이트 바를 디스플레이하는 단계
를 포함하는, 컴퓨터-구현된 방법.
제3항에 있어서,
상기 라이트 바에 대한 상기 적어도 하나의 라이트 바 색상을 선택하는 단계는
상기 라이트 바와 연관된 상기 탭과 연관된 아이콘을 식별하는 단계; 및
상기 아이콘에 대한 적어도 하나의 주조(dominant) 아이콘 색상을 결정하는 단계 - 상기 아이콘에 대한 상기 적어도 하나의 주조 아이콘 색상은 상기 적어도 하나의 라이트 바 색상으로서 선택됨 -
를 포함하는, 컴퓨터-구현된 방법.
제1항에 있어서,
상기 하나 이상의 라이트 바들의 각각은 2 가지의 색상들을 포함하는, 컴퓨터-구현된 방법.
제5항에 있어서,
상기 2 가지의 색상들은 선택된 색상 및 디폴트(default) 색상을 포함하는, 컴퓨터-구현된 방법.
제5항에 있어서,
활성 탭과 연관된 라이트 바에 대한 상기 디폴트 색상은 활성 탭 색상이고,
숨은 탭과 연관된 라이트 바에 대한 상기 디폴트 색상은 숨은 탭 색상인, 컴퓨터-구현된 방법.
제1항에 있어서,
상기 하나 이상의 라이트 바들은 상기 하나 이상의 탭들의 지속적인 시각적 인디케이터(persistent visual indicator)를 제공하기 위해 구성되는, 컴퓨터-구현된 방법.
제1항에 있어서,
상기 하나 이상의 라이트 바들의 각각은 상기 하나 이상의 탭들 중 하나의 활성화를 가능하게 하기 위해 구성되는, 컴퓨터-구현된 방법.
제1항에 있어서,
상기 하나 이상의 라이트 바들의 각각은 폭(width)이 5 픽셀 미만인, 컴퓨터-구현된 방법.
하나 이상의 프로세서들; 및
기계-판독 가능 매체 - 상기 기계-판독 가능 매체는 상기 기계-판독 가능 매체에 저장된 인스트럭션들을 포함하고, 상기 인스트럭션들은 상기 하나 이상의 프로세서들에 의해 실행될 때, 상기 하나 이상의 프로세서들이 방법을 수행하는 것을 유발시킴 -
를 포함하고,
상기 방법은,
하나 이상의 브라우징 탭들을 포함하는 웹 브라우저를 디스플레이하는 단계 - 상기 하나 이상의 브라우징 탭들은 활성 탭을 포함함 -;
사용자로부터, 상기 웹 브라우저를 위한 몰입(immersive) 모드에 진입하는 인디케이션(indication)을 수신하는 단계;
상기 인디케이션에 응답하여 상기 몰입 모드에서 상기 웹 브라우저를 디스플레이하는 단계 - 상기 몰입 모드에서 상기 웹 브라우저는 전체 화면(full screen) 내에 디스플레이된 상기 활성 탭에 대한 콘텐트와 함께 디스플레이됨 -; 및
상기 몰입 모드에서 상기 웹 브라우저의 디스플레이 영역(area) 내에, 상기 하나 이상의 브라우징 탭들에 대응하는 위치들에서 하나 이상의 라이트 바(light bar)들을 디스플레이하는 단계 - 상기 하나 이상의 라이트 바들의 각각은 상기 하나 이상의 브라우징 탭들 중 하나와 연관됨 -
를 포함하는, 시스템.
제11항에 있어서,
상기 몰입 모드에서 상기 웹 브라우저는 상기 하나 이상의 브라우징 탭들을 제외하고 디스플레이되는, 시스템.
제11항에 있어서,
상기 하나 이상의 라이트 바들을 디스플레이 하는 단계는
상기 하나 이상의 라이트 바들의 각각에 대해,
상기 라이트 바에 대한 적어도 하나의 라이트 바 색상을 선택하는 단계; 및
상기 적어도 하나의 라이트 바 색상을 사용하여, 상기 라이트 바와 연관된 상기 브라우징 탭에 대응하는 위치에서 상기 라이트 바를 디스플레이하는 단계
를 포함하는, 시스템.
제13항에 있어서,
상기 라이트 바에 대한 상기 적어도 하나의 라이트 바 색상을 선택하는 단계는
상기 라이트 바와 연관된 상기 브라우징 탭과 연관된 아이콘을 식별하는 단계; 및
상기 아이콘에 대한 적어도 하나의 주조(dominant) 아이콘 색상을 결정하는 단계 - 상기 아이콘에 대한 상기 적어도 하나의 주조 아이콘 색상은 상기 적어도 하나의 라이트 바 색상으로서 선택됨 -
를 포함하는, 시스템.
제11항에 있어서,
상기 하나 이상의 라이트 바들의 각각은 적어도 하나의 선택된 색상(default) 및 디폴트 색상을 포함하는, 시스템.
제11항에 있어서,
상기 하나 이상의 라이트 바들의 각각은 상기 하나 이상의 탭들 중 하나의 활성화를 가능하게 하기 위해 구성되는, 시스템.
비-일시적 기계-판독 가능 매체에 있어서,
상기 비-일시적 기계-판독 가능 매체에 저장된 인스트럭션들을 포함하고,
상기 인스트럭션들은 상기 기계에 의해 실행될 때, 상기 기계가 방법을 수행하는 것을 유발시키고,
상기 방법은,
하나 이상의 탭들을 포함하는 웹 브라우저를 디스플레이하는 단계;
사용자로부터, 상기 웹 브라우저를 위한 전체-화면(full-screen) 모드로 진입하는 인디케이션(indication)을 수신하는 단계;
상기 인디케이션에 응답하여 상기 전체-화면 모드에서 상기 웹 브라우저를 디스플레이하는 단계; 및
상기 하나 이상의 탭들의 각각과 연관된 하나 이상의 라이트 바들을 디스플레이하는 단계 - 상기 하나 이상의 라이트 바들은 상기 디스플레이 영역(area) 내의 상기 하나 이상의 탭들의 각각에 대응하는 위치들에서 디스플레이됨 -
를 포함하는, 비-일시적 기계-판독 가능 매체.
제17항에 있어서,
상기 하나 이상의 탭들은 활성 탭 및 하나 이상의 숨은 탭들을 포함하고,
상기 전체-화면 모드에서 웹 브라우저는 상기 하나 이상의 탭들을 제외하고 디스플레이되고,
상기 활성 탭에 대한 콘텐트는 전체 화면(full screen) 내에 디스플레이되는, 비-일시적 기계-판독 가능 매체.
제17항에 있어서,
상기 하나 이상의 라이트 바들을 디스플레이하는 단계는
상기 하나 이상의 라이트 바들의 각각에 대해,
상기 라이트 바에 대한 적어도 하나의 라이트 바 색상을 선택하는 단계; 및
상기 적어도 하나의 라이트 바 색상을 사용하여, 상기 라이트 바와 연관된 상기 탭에 대응하는 위치에서 상기 라이트 바를 디스플레이하는 단계
를 포함하는, 비-일시적 기계-판독 가능 매체.
제17항에 있어서,
상기 하나 이상의 라이트 바들의 각각은 브라우저 탭의 크기보다 더 작은, 비-일시적 기계-판독 가능 매체.