Chrome 페이지 재정의

페이지 재정의는 Chrome에서 일반적으로 제공하는 페이지를 확장 프로그램의 HTML 파일로 대체하는 방법입니다. 재정의 페이지에는 HTML 외에도 일반적으로 CSS 및 JavaScript 코드가 있습니다.

확장 프로그램은 다음 페이지 중 하나를 대체할 수 있습니다.

  • 북마크 관리자: 사용자가 Chrome 메뉴에서 북마크 관리자 메뉴 항목을 선택하거나 Mac의 경우 북마크 메뉴에서 북마크 관리자 항목을 선택하면 표시되는 페이지입니다. URL chrome://bookmarks를 입력해도 이 페이지로 이동할 수 있습니다.
  • 방문 기록: 사용자가 Chrome 메뉴에서 방문 기록 메뉴 항목을 선택하거나 Mac의 경우 방문 기록 메뉴에서 방문 기록 전체 표시 항목을 선택하면 표시되는 페이지입니다. URL chrome://history를 입력하여 이 페이지로 이동할 수도 있습니다.
  • 새 탭: 사용자가 새 탭 또는 창을 만들 때 표시되는 페이지입니다. URL chrome://newtab을 입력하여 이 페이지로 이동할 수도 있습니다.
참고: 단일 확장 프로그램은 한 페이지만 재정의할 수 있습니다. 예를 들어 확장 프로그램은 북마크 관리자 페이지와 방문 기록 페이지 모두를 재정의할 수 없습니다.

시크릿 창은 특별하게 처리됩니다. 시크릿 창에서는 새 탭 페이지를 재정의할 수 없습니다. 다른 재정의 페이지는 시크릿 매니페스트 속성이 '스패닝' (기본값)으로 설정되어 있는 한 시크릿 창에서 작동합니다. 시크릿 창을 처리하는 방법에 관한 자세한 내용은 개요에서 데이터 및 시크릿 모드 저장을 참고하세요.

다음 스크린샷은 기본 새 탭 페이지와 맞춤 새 탭 페이지를 보여줍니다.

기본 새 탭 페이지

맞춤 새 탭 페이지

매니페스트

다음과 같이 확장 프로그램 매니페스트에 재정의 페이지를 등록합니다.

{
  "name": "My extension",
  ...

  "chrome_url_overrides" : {
    "PAGE_TO_OVERRIDE": "myPage.html"
  },
  ...
}

PAGE_TO_OVERRIDE을 다음 중 하나로 대체합니다.

  • bookmarks
  • history
  • newtab

팁

유효한 재정의 페이지를 만들려면 다음 가이드라인을 따르세요.

  • 페이지를 빠르고 작게 만듭니다. 사용자는 내장된 브라우저 페이지가 즉시 열리기를 기대합니다. 시간이 오래 걸릴 수 있는 작업은 피하세요. 예를 들어 네트워크 또는 데이터베이스 리소스의 동기식 가져오기는 피해야 합니다.
  • 페이지에 제목을 포함합니다. 그렇지 않으면 사용자에게 페이지 URL이 표시되어 혼란을 줄 수 있습니다. 다음은 제목을 지정하는 예입니다. <title>New Tab</title>
  • 키보드 포커스가 있는 페이지에 의존하지 마세요. 사용자가 새 탭을 만들 때 항상 주소 표시줄에 가장 먼저 포커스가 이동합니다.
  • 기본 새 탭 페이지를 에뮬레이션하지 마세요. 기본 새 탭 페이지의 약간 수정된 버전(인기 페이지, 최근에 닫은 페이지, 도움말, 테마 배경 이미지 등)을 만드는 데 필요한 API는 아직 존재하지 않습니다. 그 전까지는 완전히 다른 것을 만드는 것이 낫습니다.

예

재정의 샘플을 참조하세요.