웹이 작동되는 방식이 궁금했던 적이 있지 않나요? 디자인과 코드를 연결하고 싶나요? Firefox 개발자 도구를 사용하면 웹페이지의 안보이는 부분을 살펴볼 수 있고 디버깅이나 최적화 다양한 실험을 할 수 있습니다.
웹 콘솔
웹페이지 안에서 발생하는 이벤트를 볼 수 있습니다. 웹콘솔을 사용하면 자바스크립트 코드의 로그 정보나 자바스크립트와 CSS 오류, 네트워크 상태를 볼 수 있습니다. 찾고자 하는 이벤트를 검색하고 필터링 할 수 있습니다. 여기에 추가해서 자바스크립트를 사용해서 페이지를 움직이고 탐색할 수 있습니다.
어떤 웹페이지에서든지 살펴보고자 하는 페이지 요소를 눈으로 보면서 선택하고 직접 들여다 보세요. 페이지의 어느 부분에서든지 간단하게 오른쪽 클릭을 하고 "요소 검사"를 선택하세요. 웹개발자 메뉴에서 검사를 선택하거나 컨트롤 + 쉬프트 + I(맥에서는 커멘드 + 쉬프트 + I) 키보드 단축키를 누르세요(이 페이지에서 바로 사용해 보세요!).
브라우저는 자바스크립트를 실험해보기에 가장 좋은 장소입니다. 스크래치패드를 사용해서 웹페이지의 콘텐츠와 직접 상호작용하는 코드를 작성할 수 있습니다. 스크래치패드에서 생각을 실험해보고 웹사이트 개발 도구에 복사해 넣을 수 있습니다. 웹페이지를 고쳐보는 일도 재미 있습니다.
Firefox는 언제나 HTML5를 훌륭히 지원해왔으며 기록상 마지막 버전 빌드는 보다 진보된 기능을 가지고 있습니다.
서식
제출되었습니다! 감사합니다.
Firefox는 HTML5 형식을 충족하며 새로운 입력 형식, 데이터 목록 지원, autofucus나 placeholder와 같은 새 입력 속성, 분리된 형식, 형식 옵션, 유효성 기법, 강제 유효성, 그리고 이를 한데 묶을 새 CSS 선택기를 지원합니다. 보다 자세한 정보를 원하시면, 저희의 Hacks site를 방문하십시오.
Firefox는 사용료를 지불할 필요가 없는 새로운 웹용 비디오 포맷인 WebM을 지원합니다. 유튜브의 HTML5 베타에 참여하시면 작동하며 새로운 iframe 엠베딩 API를 사용할 경우 엠베딩된 유튜브 비디오에서도 작동합니다. 베타에 참여하시고 이 글의 아래에 있는 예제가 작동하는 것을 보십시오.
Firefox는 초기 버전의 calc를 -moz-calc와 같은 특별한 형태로 지원합니다. 이는 개발자들이 CSS 페이지 배치를 훨씬 간단하게 만들 수 있는 length를 어디에서나 사용해(더이상 빈칸을 위해 divs를 사용하지 않아도 됩니다!) 간단한 표현을 사용할 수 있게 해줍니다.
Firefox의 CSS 가상-선택자인 -moz-focusring은 한 요소가 focus되었을 경우 그리고 focus ring이 주위에 그려질 시 어떻게 보일지를 지정하게 해 줍니다. focus ring이 그려지거나 그렇지 않을 경우에 대한 규칙은 운영체제마다 다르나 이것은 기반 규칙을 유지 보수하는 동안 form control의 모양새를 제어하게 해 줍니다.
Firefox는 숨겨진 파일 제어의 .click()을 호출해서 파일 업로드 위젯 기반을 가져올 수 있으며 이는 (볼품 없는) 파일 업로드 제어를 여러분만의 것으로 확장할 수 있다는 뜻입니다. 만약 여기에 새 File API와 progress event를 조합시키면 매우 훌륭한 파일 업로드 경험 기법이 될 것입니다.
Firefox 는 Blob API와 딸려오는 .slice API를 지원합니다. 이는 전체 파일을 메모리로 올리지 않고 JavaScript를 사용해 큰 파일 객체의 부분만 처리하고 싶은 경우 도움이 됩니다. 신뢰할 수 있는 대용량 파일 업로드를 원하는 경우에는 서버와 JavaScript 코드를 사용해 큰 파일을 여러 부분으로 나누어 전체 덩어리를 업로드하며 이 과정에서 재-재시도 실패 부분이나 심지어는 동시에 여러 부분을 전송하는 것이 포함됩니다.
컨텐츠 보안 정책(CSP: Content Security Policy)은 개발자가 여러 다른 종류의 공격을 방지에는 데 도움을 주는 도구의 모음입니다. 구체적으로, 이는 cross-site scripting 공격과 click-jacking, 그리고 패킷 스니핑 공격을 누그러뜨리는 도구를 제공합니다. 만일 규칙을 위반하게 되면 Firefox는 웹 사이트에 위반사항에 대한 정보를 보내 다른 브라우저의 보안도 향상되도록 돕습니다.
