Firefox Local Mode - 로컬 파일을 맞춤 HTTPS URL로 불러오는 개발 도구 기능

Firefox 153에 도입된 Local Mode는 맞춤 HTTPS URL과 로컬 폴더를 연결해, 별도 HTTP 서버 없이 웹 페이지를 테스트할 수 있게 함 보안 컨텍스트(Secure Contexts) 로 제한된 API를 포함해 모든 웹 API를 테스트하기 쉽게 함 실험이나 프로젝트마다 별도 오리진을 설정하고, 각각 독립적인 저장소와 쿠키를 사용할 수 있음 매핑은 Firefox에서만 접근 가능하며, 개발자 도구가 열려 있을 때만 작동함 개발자 도구 설정에서 여러 매핑을 등록하거나 임시 매핑으로 파일을 바로 시험할 수 있으며, about:config를 통한 관리도 지원함 로컬 폴더를 HTTPS 오리진에 연결 Local Mode는 여러 맞춤 HTTPS 오리진을 로컬 폴더에 매핑하는 기능으로, Firefox 153에 도입됨 개발자 도구의 Options 패널에서 필요한 만큼 매핑을 등록할 수 있음 각 매핑에는 HTTPS URL로 노출할 오리진과 파일을 불러올 로컬 폴더를 지정함 예시에서는 https://firefox.localhost를 /home/alex/app에 연결함 별도 HTTP 서버를 실행하지 않고 웹 페이지를 테스트할 수 있으며, 보안 컨텍스트가 필요한 웹 API도 테스트하기 쉬워짐 프로젝트나 실험별로 서로 다른 오리진을 사용해 저장소와 쿠키를 분리할 수 있음 매핑은 개발자 도구가 열려 있을 때만 작동하며, Firefox 외의 프로그램이나 컴퓨터/로컬 네트워크의 악성 소프트웨어에서는 접근할 수 없음 파일 알림과 설정을 통한 매핑 관리 개발자 도구를 연 상태에서 file:// URL을 불러오면 개발자 도구 상단에 알림이 나타남 Add To Settings는 Options 패널로 이동하고 현재 파일 URL에 대한 새 매핑을 등록함 Try it은 현재 파일이나 폴더를 HTTPS URL로 불러오는 임시 매핑을 등록하며, 개발자 도구 또는 Firefox를 닫으면 사라짐 about:config 의 환경설정으로도 매핑을 관리할 수 있어, 프로필 간 가져오기와 이전 또는 자동화에 활용할 수 있음 devtools.local-mode.mappings.${index}.origin: 매핑의 오리진 문자열이며, 예시는 firefox.localhost임 devtools.local-mode.mappings.${index}.path: 로컬 폴더의 절대 경로 문자열이며, 예시는 /home/hello-world임 devtools.local-...