Firefox 23의 개발자도구 기능소개

이글은 의 Firefox Developer Tool Features for Firefox 23 의 번역 및 편집본입니다.

현재 개발중이고 프리베타채널인  Aurora에 있는 Firefox 23안에 탑재될 개발자도구에 무슨 기능이 있는지 알아 보겠습니다.  Aurora 다운로드 페이지에서 내려받을 수 있습니다. Firefox 23은 현재 2013년 8월 6일 화요일에 정식 릴리즈될 에정입니다.

에피소드 23(Firefox 23)은 매우 흥미롭고 매우 놀랍습니다. 여러분이 활발히 개발되고 있는 기능을 미리 보고 싶으시다면 Nightly를 방문해보세요.

네트워크 모니터

“네트워크모니터” 라는 새로운 도구가 생겼습니다:사이트에서 네트워크 활동을 전통적인 방식의 타임라인으로 보여줍니다.  시각적으로 부족한 방법이긴 하지만 Firefox 4 이후로 웹콘솔을 통해 가능했었습니다.

버그는 버그질라의 Netmonitor 부분에 올려주세요.

원격 스타일 에디터

Firefox 23에서는 활용 가능한 기기에 원격으로 접속하여 스타일을 변경할 수 있습니다. 이것은 실시간으로 원격 프로토콜을 사용하여 모바일 기기에서의 스타일을 테스트하고 수정하길 원하는 앱 개발자에게 큰 도움을 줄 수 있습니다.

이 글을 쓸 시점에는 원격 스타일 에디터는 안드로이드용 Firefox 23와 호환되고 있고 Aurora에 적용될 예정입니다.  Firefox OS 시뮬레이터에 원격 프로토콜을 사용한 스타일 에디터 actors를 포함시키고,  Firefox OS 릴리즈버전에 적용하려고 노력하고 있습니다.

옵션 패널

도구들을 키고 끌 수 있는 옵션 패널을 가진 툴바에 Gear 메뉴를 추가했습니다. 더 많은 도구를 추가할 때 개발자 도구와 연관있는 설정을 관리하기 위한 유용한 장치가 될 겁니다.

현재로썬 도구를 위한 밝은 테마 혹은 어두운 테마를 끄고 켜는 옵션과 Chrome 디버깅을 켜기 위한 옵션이 있습니다.

디버거 프로토콜을 위한 기초적인 소스맵 지원

디버거를 위한 소스맵의 첫번 째 단계는 달성되었고 현재 편리한 디버깅을 위한 소스맵으로 구성된 JS 파일을 제공받을 수 있습니다. 소스맵과 함께 축소된 JS를 디버깅하기 위해 중단점에 대한 열 지원이 곧 추가될 예정입니다.

곧 올라올 마술(소스맵 지원)을 설명하는 Nick Fitzgerald 글을 보세요.

모든 곳에서 볼 수 있는 변수뷰

변수뷰는 향상된 개체 검사기이고 디버거의 중요한 부분입니다. 자연적으로 모든 곳에서 이 기능을 넣길 원했습니다. 그래서 현재 웹콘솔과 Scratchpad는 변수뷰를 가지고 있습니다. 이것을 닫기 위해선 ESC 키를 눌러 주세요.

브라우저 콘솔

Chrome 디버깅이 켜져 있다면 브라우저 콘솔을 확인해보세요. 고전적인 에러 콘솔을 대신하고 브라우저에서 자바스크립트 실행을 위해 chrome-context 명령줄을 제공합니다.  Firefox 24에서는 기본으로 켜져 있을 겁니다.

그래픽 명령줄의 Appcache 명령

우리는 마침내 오프라인 데이터를 저장하는 응용 프로그램 캐시를 사용하려고 시도하는 개발자를 위한 작은 선물을 준비했습니다. 그래픽 명령 줄에 대한 새로운 appcache명령입니다. Mike Ratcliffe의 Application Cache는 더이상 필요없습니다를 읽어 보세요.

디버거 프레임 안에서의 웹 콘솔

웹 콘솔은 이제 완전히 독립적으로 작동합니다.  중단점에서 중지하면 현재 디버거의 현재 프레임을 사용합니다.

다중탭 중단점 디버거

스크립트 디버거를 사용하여 동시에 여러 개의 탭을 디버깅할 수 있습니다. 이전에는 두 개의 다른 탭을 디버깅하기 위해서는 다른 탭의 디버거를 계속 진행시키기 위해 알림을 받아야 했습니다. 지금은 여러분이 원하는 만큼 많은 탭을 디버깅할 수 있습니다.

이런 멋진 기능에도 한가지 주의할 점이 있습니다. 각 디버거가 생성된 중첩 이벤트 루프로 인해  일시 정지 된 순서대로 각 탭을 다시 시작해야합니다.  조심해서 디버깅하고 항상 큰 스택을 유지하세요.

여러분은 Firefox 23 Developer Fixes안에 버그가 수정된 목록을 확인할 수 있습니다.

작성자: LAWN

설수웅(SwooWoong, Seol) / Software & Data Engineer / I love technology to improve people's lives, and harmonious architecture with nature​.(LAWN) / 인간의 삶을 향상시키는 기술, 자연과 조화로운 아키텍쳐를 사랑합니다.

LAWN가 작성한 문서들…


댓글이 없습니다.

댓글 쓰기