Chrome 페이지 재정의

확장 프로그램은 HTML 재정의 페이지를 사용하여 Chrome에서 일반적으로 제공하는 페이지를 대체할 수 있습니다. 확장 프로그램에는 다음 페이지 모두에 대한 재정의가 포함될 수 있지만 각 확장 프로그램은 하나의 페이지만 재정의할 수 있습니다.

북마크 관리자
사용자가 북마크 관리자 메뉴 항목을 선택할 때 표시되는 페이지 을 클릭합니다. 그 외에 chrome://bookmarks를 입력하여 이 페이지로 이동합니다.
기록
사용자가 Chrome에서 방문 기록 메뉴 항목을 선택할 때 표시되는 페이지 메뉴 또는 Mac의 경우 방문 기록 메뉴에서 전체 방문 기록 표시 항목을 선택합니다. 이 페이지로 이동할 수도 있습니다. chrome://history를 입력합니다.
새 탭
사용자가 새 탭 또는 창을 만들 때 표시되는 페이지입니다. 또한 chrome://newtab이라는 URL을 입력하여 이 페이지에 표시됩니다.

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

<ph type="x-smartling-placeholder">
</ph> 기본 새 탭 페이지
새 탭 기본 페이지
를 통해 개인정보처리방침을 정의할 수 있습니다. <ph type="x-smartling-placeholder">
</ph> <ph type="x-smartling-placeholder">맞춤 새 탭 페이지</ph>
맞춤 새 탭 페이지

이를 사용해 보려면 재정의 샘플을 참고하세요.

시크릿 창 동작

시크릿 창에서는 확장 프로그램이 새 탭 페이지를 재정의할 수 없습니다. 시크릿 매니페스트 속성이 다음과 같은 경우 다른 페이지는 계속 작동합니다. 'spanning'으로 설정 (기본값)입니다. 시크릿 창을 처리하는 방법에 대한 자세한 내용은 데이터 저장 및 시크릿 모드를 참조하세요.

매니페스트

다음 코드를 사용하여 확장 프로그램 매니페스트에 재정의 페이지를 등록합니다.

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

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

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

  • "bookmarks"
  • "history"
  • "newtab"

권장사항

  • 페이지를 빠르고 작게 만듭니다.
    사용자는 내장된 브라우저 페이지가 즉시 열리길 기대합니다. 시간이 오래 걸릴 수 있는 작업은 자제하세요. 있습니다. 특히 데이터베이스 리소스에 동기식으로 액세스하지 않는 것이 좋습니다. 네트워크를 요청할 때는 XMLHttpRequest()보다 fetch()를 사용하는 것이 좋습니다.

  • 사용자가 혼동하지 않도록 페이지 제목을 정합니다.
    제목이 없으면 페이지 제목은 기본적으로 URL로 설정됩니다. HTML 파일에서 <title> 태그를 사용하여 제목을 지정합니다.

  • 새 탭을 사용하면 먼저 주소 표시줄로 포커스가 맞춰집니다.
    키보드 포커스를 페이지의 다른 부분으로 기본 설정하지 마세요.

  • 나만의 새 탭 페이지를 만들어 보세요.
    사용자가 Chrome의 기본 새 탭 페이지와 혼동할 수 있는 새 탭 페이지를 만들지 마세요.

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