브라우저 확장 프로그램 (Browser Extension)

브라우저 확장 프로그램(Browser Extension)은 웹 브라우저에 기능을 추가하거나 기존 동작을 바꾸는 소프트웨어입니다. 페이지의 표시를 조정하거나 도구 모음에 버튼을 넣는 등 브라우저가 제공하는 기능을 활용합니다. 웹 기술로 만들지만 일반 웹페이지보다 넓은 기능에 접근할 수 있으며, 실제로 할 수 있는 일은 허용된 권한과 브라우저의 지원 범위에 따라 달라집니다.

웹페이지 밖으로 넓어지는 기능

MDN의 확장 프로그램 소개는 HTML, CSS, JavaScript로 브라우저의 기능을 확장한다고 설명합니다. 일반 웹페이지에서 쓰는 API 외에 확장 프로그램용 API도 이용할 수 있습니다. 방문한 페이지의 내용을 다시 배치하거나 브라우저 도구 모음에 기능을 더하는 작업이 이에 해당합니다. 확장 프로그램은 웹 기술을 쓰는 방식과 브라우저가 허용하는 기능을 함께 이해해야 합니다.

사이트가 자체적으로 제공하는 번역 버튼은 그 사이트에 포함된 기능입니다. 확장 프로그램이 여러 사이트에서 공통으로 쓰는 버튼이나 화면을 제공한다면 브라우저에 설치된 기능이 페이지 위에서 작동하는 경우입니다. 화면에 비슷한 버튼이 보여도 어느 쪽의 코드가 만들었는지에 따라 설정과 오류를 확인할 위치가 달라집니다. 같은 페이지를 열었는데 이용자마다 보이는 화면이 다르면 확장 프로그램이 내용을 바꾸는지도 확인 대상입니다.

데스크톱 편집기의 플러그인처럼 특정 프로그램에 기능을 더하는 방식과 닮았지만, 브라우저 확장은 브라우저가 제공하는 실행 환경과 API를 사용합니다. 일반 앱의 플러그인 파일을 그대로 넣어 쓸 수 있다는 뜻은 아닙니다. 외부 앱과 연결하는 확장도 있을 수 있으나, 그 연결에는 별도의 통신 방식과 구성이 필요합니다. 설치되는 위치와 기능을 제공하는 주체를 나누어 보면 이런 차이를 구분할 수 있습니다.

구성 파일과 코드의 실행 위치

MDN의 확장 프로그램 구성 안내는 확장을 여러 파일을 묶어 배포·설치하는 형태로 설명합니다. 필수 파일인 manifest.json에는 이름, 버전, 필요한 권한 같은 기본 정보가 들어갑니다. 이 파일은 백그라운드 스크립트나 화면 구성 파일을 가리킬 수도 있습니다. 역할에 맞는 파일과 연결 정보를 함께 구성합니다.

콘텐츠 스크립트는 웹페이지 안에서 동작하며 페이지의 문서 구조를 읽거나 바꾸는 역할을 합니다. 같은 MDN 안내에 따르면 확장 프로그램이 넣은 콘텐츠 스크립트는 사이트 자체가 불러온 스크립트와 구분됩니다. 콘텐츠 스크립트가 사용하는 확장 API는 일부로 제한되며, 필요한 작업을 다른 구성요소에 메시지로 요청할 수 있습니다. 페이지에 접근하는 코드와 브라우저의 다른 기능을 처리하는 코드가 연결되는 방식입니다.

Chrome의 확장 개발 안내는 백그라운드에서 이벤트에 반응하는 확장 서비스 워커를 설명합니다. 이런 구성요소는 데이터를 처리하거나 확장 내부의 작업을 조율할 수 있습니다. 페이지 내용에 반응하는 코드와 브라우저 이벤트를 처리하는 코드의 실행 위치가 다르므로, 어느 쪽에서 문제가 발생했는지 구분해 살핍니다. 백그라운드라는 표현만으로 항상 계속 실행되는 프로그램을 뜻한다고 보지는 않습니다.

접근 권한과 브라우저별 지원 범위

Chrome의 권한 설명은 필요한 기능에 맞는 권한 요청을 다룹니다. 예를 들어 activeTab은 사용자가 확장을 호출하는 동작에 따라 현재 활성 탭에 임시로 접근하게 하는 권한입니다. 이처럼 한 번의 사용자 동작에 따른 임시 접근과 여러 사이트에 접근할 수 있는 권한은 범위가 다릅니다. 기능 설명을 읽을 때는 어떤 페이지의 어떤 정보를 사용해야 하는지도 함께 살핍니다.

MDN의 브라우저 호환성 설명은 주요 브라우저의 WebExtensions API가 대체로 호환된다고 설명하면서, 다른 브라우저에서 동작하도록 일부 변경이 필요할 수 있음을 밝힙니다. 같은 웹 기술을 사용해도 모든 API와 실행 방식이 동일하다는 뜻은 아닙니다. Chrome용으로 만든 확장을 Firefox에서 쓰려면 해당 기능과 구성 방식이 지원되는지 확인해야 합니다.

확장 프로그램이 페이지 내용을 읽을 수 있다면 그 기능에 필요한 데이터와 접근 범위가 검토 대상입니다. 기능 이름이 같아도 어떤 확장은 현재 페이지에서만 처리하고, 다른 확장은 외부 서비스와 통신하도록 만들어질 수 있습니다. 확장이라는 형식 자체로 데이터 처리 방식을 판단하지 않고, 실제 기능 설명과 권한을 대조합니다. 동작이 예상과 다를 때는 해당 사이트의 기능인지 확장이 추가한 기능인지부터 구분해 원인을 좁힙니다.