Firefox Developer Edition

새로운 웹 브라우저에 오신 것을 환영합니다. 최신 기능, 빠른 성능 및 열린 웹을 위해 구축해야하는 개발 도구를 살펴 보세요.

Firefox 시스템 요구 사항에 맞지 않을 수도 있으나, 아래 버전을 다운로드해 보시기 바랍니다:

Firefox Developer Edition is no longer supported on Windows 8.1 and below.

Please download Firefox ESR (Extended Support Release) to use Firefox.

Firefox Developer Edition is no longer supported on macOS 10.14 and below.

Please download Firefox ESR (Extended Support Release) to use Firefox.

Firefox 개인정보처리방침

Using Debian, Ubuntu or any Debian-based distribution?
You can set up our APT repository instead.

Firefox Developer Edition은 자동적으로 Mozilla에 사용 의견을 전송합니다. 더 자세히 보기

Firefox Developer Edition

개발자를 위한 브라우저

firefox-developer-all-the-latest

A separate profile and path so you can easily run it alongside Release or Beta Firefox.

Preferences tailored for web developers: Browser and remote debugging are enabled by default, as are the dark theme and developer toolbar button.

비활성 CSS
신규 개발 도구

비활성 CSS

Firefox DevTools now grays out CSS declarations that don’t have an effect on the page. When you hover over the info icon, you’ll see a useful message about why the CSS is not being applied, including a hint about how to fix the problem.

더 자세히 보기

Firefox DevTools
신규 개발 도구

Firefox DevTools

새로운 Firefox DevTools는 강력하고 유연하며 모든 것을 분석 가능합니다. 여러 브라우저를 지원하고 React 및 Redux로 작성된 동급 최고의 JavaScript 디버거를 포함합니다.

더 자세히 보기

마스터 CSS 그리드
혁신 기능

마스터 CSS 그리드

Firefox는 마스터 CSS Grid를 사용하여 제작하고 설계하기 위해 특별히 제작한 도구가 있는 유일한 브라우저입니다. 이 도구를 사용하면 그리드를 시각화하고, 관련 영역 이름을 표시하며 그리드에서 변형을 미리 볼 수 있습니다.

더 자세히 보기

글꼴 패널
더 빠른 정보

글꼴 패널

Firefox DevTools의 새 글꼴 패널은 한 요소에 어떤 글꼴이 사용되었는지에 관한 정보에 빠르게 접근할 수 있게 해줍니다. 이 도구는 글꼴 출처, 굵기, 스타일 등 여러 정보를 같이 제공합니다.

더 자세히 보기

디자인. 코드. 테스트. 수정

Firefox DevTools로
사이트 구축 및 완성하기

검사기

코드를 검사하고 수정하여 완벽한 레이아웃을 만드십시오.

페이지 검사기 자세히 보기

콘솔

코드를 검사하고 수정하여 완벽한 레이아웃을 만드십시오.

웹 콘솔 자세히 보기

디버거

프레임 워크를 지원하는 강력한 자바스크립트 디버거입니다.

자바스크립트 디버거 자세히 보기

네트워크

웹 사이트를 느리게하거나 방해하는 네트워크 요청을 모니터링하십시오.

네트워크 모니터 자세히 보기

스토리지 패널

캐시, 쿠키, 데이터베이스 및 세션 데이터를 추가, 수정 및 제거합니다.

스토리지 패널 자세히 보기

반응형 디자인 모드

웹 브라우저로 각종 모바일 기기별로 테스트할 수 있습니다.

반응형 디자인 모드 자세히 보기

시각적 편집 기능

애니메이션, 정렬 및 패딩을 미세 조정합니다.

시각적 편집 기능 자세히 보기

시각적 편집 기능

병목 현상을 방지하고 프로세스를 간소화하며 자원을 최적화합니다.

성능 도구 자세히 보기

메모리

메모리 누수를 찾아 응용 프로그램을 멋지게 만드십시오.

메모리 도구 자세히 보기

스타일 편집기

웹 브라우저에서 모든 CSS 스타일 시트를 편집하고 관리하십시오.

스타일 편집기 자세히 보기

피드백

여러분의 피드백은 더 좋은 기능을 만듭니다. 브라우저 및 개발자 도구를 개선 할 수있는 방법을 알려주십시오.

대화하기

참여하기

최신의 독립적 브라우저를 만들어 주세요. 코드 작성, 버그 수정, 추가 기능 만들기 등으로 도와주세요.

지금 시작하기

개발자를 위한 Firefox 브라우저 다운로드