mozilla

Revision 434955 of Firefox Developer Tools

  • Revision slug: Tools
  • Revision title: Developer Tools
  • Revision id: 434955
  • Created:
  • Creator: jjangsuhyun
  • Is current revision? No
  • Comment

Revision Content

이 페이지는 웹 사이트 및 응용 프로그램을 개발하고 디버깅하는 데 도움이 도구를 보여줍니다. 이것은 모질라에서 개발 유지 관리 도구 주로 초점을 맞춘,하지만 우리는 "추가 리소스"에서 다른 인기있는 유용한 도구를 나열했습니다.

모질라 개발자 도구

이 섹션에서는 Mozilla의 개발자 도구 팀에 의해 개발 유지 관리 도구를 보여줍니다. 이 도구 모든 "파이어 폭스"메뉴 (또는 OS X와 리눅스에서 "도구"메뉴)에서 파이어 폭스 내에서 액세스 한 다음 " 개발자".

이러한 도구의 대부분은 파이어 폭스에 내장 DevTools 창을 통해 액세스 할 수 있지만 같은 파이어 폭스 OS 시뮬레이터 배송 부가됩니다.

페이지 관리자
선택한 요소의 HTML CSS를 확인하고 수정할 수 있습니다.
콘솔
정보, 경고 브라우저 또는 웹 콘텐츠에 의해 방출되는 오류 메시지를 확인하고, 자바 스크립트를 사용하여 페이지 검사하고 조작 할 수 있습니다.
스타일 편집기
현재 페이지의 CSS 스타일을보고 편집 할 수 있습니다.
스크래치 패드
자바 스크립트를 작성하고 실행할 수 있습니다 파이어 폭스에 내장 된 텍스트 편집기.
자바 스크립트 디버거
버그를 추적 할 수 있도록 브라우저와 시계 변수에서 실행되는 자바 스크립트 코드를 통해 단계.
자바 스크립트 프로파일
자바 스크립트 코드의 시간을 보내는 곳을 파악하는 프로파일을 사용합니다.
응답 디자인보기
귀하의 웹 사이트 또는 응용 프로그램이 브라우저 윈도우의 크기를 변경하지 않고 다른 화면 크기 모양을 참조하십시오.
개발자 도구 모음
가장 일반적으로 사용되는 도구에 빠르게 액세스 개발자 파이어 폭스 도구, 버튼 조작하고 작동하는 명령 줄 인터페이스입니다.
오류 콘솔
보고서는 자바 스크립트 관련 오류 및 경고 CSS 오류 및 크롬 웹 컨텐츠에서 임의의 메시지.
3D보기
또한 "기울기"로 알려진,이 현재 페이지의 3D 시각화 제공합니다.
파이어 폭스 OS 시뮬레이터
실행하고 실제 파이어 폭스 OS 장치를 사용하지 않고, 바탕 화면에 파이어 폭스 OS 응용 프로그램을 디버깅합니다.

도움말보기

당신이 파이어 폭스에 내장 된 개발자 도구에 대한 질문이있는 경우, 데브 - 개발자 도구 메일 링리스트 또는 Mozilla IRC 네트워크에있는 # devtools 채널 우리에게 와서 문의하시기 바랍니다

이 섹션에서는 Mozilla의 개발자 도구 팀에 의해 유지되지 않습니다,​​하지만 어떤 널리 웹 개발자에 의해 사용되는 리소스를 나열합니다. 우리는이 목록에서 몇 가지 파이어 폭스 부가 기능 포함하지만,리스트를 addons.mozilla.org에서 "웹 개발"카테고리를 참조했습니다.

방화광
자바 스크립트 디버거, HTML CSS 뷰어 및 편집기, 네트워크 모니터 등의 매우 인기있는 강력한 웹 개발 도구.
DOM 검사기
검사, 검색, 웹 페이지 또는 XUL DOM을 편집합니다.
개발자
다양한 웹 개발자 도구를 사용하여 브라우저에 메뉴와 도구 모음을 추가
Webmaker 도구
사람들을을 목표로 모질라에 의해 개발 된 도구를 세트는,의 웹 개발을 시작 점점.
W3C 검사기
W3C 웹 사이트 HTML CSS를 포함하여 웹 사이트의 유효성을 검사하는 도구의 숫자를 호스팅합니다.
JSHint
자바 스크립트 코드 분석 도구입니다.
JSLint
또 다른 자바 스크립트 코드 분석 도구입니다.

 

 

Revision Source

<p><span class="hps">이 페이지는</span> <span class="hps">웹 사이트 및</span> <span class="hps">웹</span> <span class="hps atn">응용 프로그램</span><span class="atn">을 개발</span><span class="atn">하고 디버깅</span><span>하는 데 도움이</span> <span class="hps atn">도구를 보여줍니다</span><span>.</span> <span class="hps">이것은</span> <span class="hps atn">모질라</span><span>에서 개발</span> <span class="hps">및</span> <span class="hps">유지 관리</span> <span class="hps atn">도구</span><span>에</span> <span class="hps">주로</span> <span class="hps atn">초점을 맞춘</span><span class="atn">,</span><span>하지만 우리는</span> <span class="hps">"추가</span> <span class="hps atn">리소스"</span><span>에서</span> <span class="hps">다른 인기있는</span> <span class="hps">유용한</span> <span class="hps">도구를</span> <span class="hps atn">나열했습니다</span><span>.</span></p>
<div class="cleared topicpage-table">
  <div class="section">
    <h2 class="Documentation" id="Documentation" name="Documentation"><span class="hps">모질라</span> <span class="hps">개발자 도구</span></h2>
    <p><span class="hps">이 섹션에서는</span> <span class="hps">Mozilla의</span> <span class="hps">개발자 도구</span> <span class="hps">팀에 의해 개발</span> <span class="hps">및</span> <span class="hps">유지 관리</span> <span class="hps atn">도구를 보여줍니다</span><span>.</span> <span class="hps atn">이 도구</span><span>는</span> <span class="hps atn">모든 "</span><span class="atn">파이어 폭스</span><span>"메뉴</span> <span class="hps">(또는</span> <span class="hps">OS</span> <span class="hps atn">X</span><span class="atn">와 리눅스</span><span class="atn">에서 "</span><span class="atn">도구"메뉴</span><span class="atn">)</span><span>에서</span> <span class="hps">파이어 폭스</span> <span class="hps">내에서</span> <span class="hps">액세스</span> <span class="hps">한 다음</span> <span class="hps atn">"</span><span>웹</span> <span class="hps atn">개발자</span><span class="atn">"</span><span>.</span></p>
    <p><span class="hps atn">이러한 도구</span><span>의 대부분은</span> <span class="hps atn">파이어 폭스</span><span>에 내장</span> <span class="hps">DevTools</span> <span class="hps">창을 통해</span> <span class="hps">액세스 할 수 있지만</span> <span class="hps">같은</span> <span class="hps">파이어 폭스</span> <span class="hps">OS</span> <span class="hps">시뮬레이터</span> <span class="hps">배송</span> <span class="hps atn">부가</span><span class="atn">됩니다</span><span>.</span></p>
    <dl>
      <dt>
        <a href="/en-US/docs/Tools/Page_Inspector" title="HTML/Element"><span class="hps">페이지</span> <span class="hps">관리자</span></a></dt>
      <dd>
        <span>선택한</span> <span class="hps">요소의</span> <span class="hps atn">HTML</span><span>과</span> <span class="hps atn">CSS</span><span>를 확인하고</span> <span class="hps">수정할 수 있습니다.</span></dd>
      <dt>
        <a href="/en-US/docs/Tools/Web_Console" title="HTML/Attributes"><span class="hps">웹</span> <span class="hps">콘솔</span></a></dt>
      <dd>
        <span class="hps">정보, 경고</span> <span class="hps">및</span> <span class="hps">브라우저 또는</span> <span class="hps atn">웹 콘텐츠</span><span>에 의해 방출되는</span> <span class="hps">오류 메시지를</span> <span class="hps">확인하고,</span> <span class="hps">자바 스크립트를</span> <span class="hps atn">사용하여 페이지</span><span>를</span> <span class="hps">검사하고</span> <span class="hps">조작 할 수 있습니다.</span></dd>
      <dt>
        <a href="/en-US/docs/Tools/Style_Editor" title="HTML/HTML5"><span class="hps">스타일</span> <span class="hps">편집기</span></a></dt>
      <dd>
        <span>현재 페이지의</span> <span class="hps">CSS</span> <span class="hps atn">스타일을</span><span>보고</span> <span class="hps">편집 할 수 있습니다.</span></dd>
      <dt>
        <a href="/en-US/docs/Tools/Scratchpad" title="HTML/Forms"><span class="hps">스크래치 패드</span></a></dt>
      <dd>
        <span class="hps">자바 스크립트를</span> <span class="hps">작성하고</span> <span class="hps">실행할 수 있습니다</span> <span class="hps atn">파이어 폭스</span><span>에 내장 된</span> <span class="hps">텍스트</span> <span class="hps">편집기.</span></dd>
      <dt>
        <a href="/en-US/docs/Tools/Debugger" title="HTML/Bad_copy_pasting_habits"><span class="hps">자바 스크립트</span> <span class="hps">디버거</span></a></dt>
      <dd>
        <span class="hps">버그를</span> <span class="hps">추적 할 수 있도록</span> <span class="hps">브라우저와</span> <span class="hps">시계</span> <span class="hps atn">변수</span><span>에서 실행되는</span> <span class="hps">자바 스크립트</span> <span class="hps">코드를 통해</span> <span class="hps atn">단계</span><span>.</span></dd>
      <dt>
        <a href="/en-US/docs/Tools/Profiler" title="HTML/Bad_copy_pasting_habits"><span class="hps">자바 스크립트</span> <span class="hps">프로파일</span></a></dt>
      <dd>
        <span class="hps">자바 스크립트</span> <span class="hps atn">코드</span><span class="atn">의 시간</span><span>을 보내는</span> <span class="hps">곳을</span> <span class="hps">파악하는</span> <span class="hps atn">프로파일</span><span>을 사용합니다.</span></dd>
      <dt>
        <a href="/en-us/docs/Tools/Responsive_Design_View" title="/en-us/docs/Tools/Responsive_Design_View"><span class="hps">응답</span> <span class="hps">디자인보기</span></a></dt>
      <dd>
        <span class="hps">귀하의 웹 사이트 또는</span> <span class="hps">응용 프로그램이</span> <span class="hps">브라우저</span> <span class="hps atn">윈도우의 크기</span><span>를 변경하지 않고</span> <span class="hps">다른</span> <span class="hps atn">화면 크기</span><span>에</span> <span class="hps">모양을</span> <span class="hps">참조하십시오.</span></dd>
      <dt>
        <a href="https://developer.mozilla.org/en-US/docs/Tools/GCLI" title="en/Tools/GCLI"><span class="hps">개발자</span> <span class="hps">도구 모음</span></a></dt>
      <dd>
        <span class="hps">가장 일반적으로</span> <span class="hps atn">사용되는 도구</span><span>에 빠르게 액세스</span> <span class="hps">개발자</span> <span class="hps atn">파이어 폭스</span><span>의</span> <span class="hps">도구,</span> <span class="hps">버튼</span> <span class="hps">조작하고</span> <span class="hps atn">작동</span><span>하는</span> <span class="hps">명령 줄</span> <span class="hps">인터페이스입니다.</span></dd>
      <dt>
        <a href="https://developer.mozilla.org/en-US/docs/Error_Console" title="en/Error_Console"><span class="hps">오류 콘솔</span></a></dt>
      <dd>
        <span class="hps atn">보고서</span><span>는 자바 스크립트</span> <span class="hps">관련 오류</span> <span class="hps">및 경고</span> <span class="hps">CSS</span> <span class="hps">오류 및</span> <span class="hps">크롬</span> <span class="hps atn">웹 컨텐츠</span><span>에서</span> <span class="hps">임의의</span> <span class="hps atn">메시지</span><span>.</span></dd>
      <dt>
        <a href="/en-US/docs/Tools/3D_View" title="en/Error_Console"><span class="hps atn">3D</span><span>보기</span></a></dt>
      <dd>
        <span class="hps">또한</span> <span class="hps atn">"</span><span class="atn">기울기</span><span class="atn">"로 알려진</span><span>,이</span> <span class="hps">현재 페이지의</span> <span class="hps atn">3D 시각화</span><span>를</span> <span class="hps">제공합니다.</span></dd>
      <dt>
        <a href="/en-US/docs/Tools/Firefox_OS_Simulator" title="en/Error_Console"><span class="hps">파이어 폭스</span> <span class="hps">OS</span> <span class="hps">시뮬레이터</span></a></dt>
      <dd>
        <span class="hps">실행하고</span> <span class="hps">실제</span> <span class="hps">파이어 폭스</span> <span class="hps">OS</span> <span class="hps atn">장치를 사용</span><span class="atn">하지 않고</span><span>,</span> <span class="hps">바탕 화면에</span> <span class="hps">파이어 폭스</span> <span class="hps">OS</span> <span class="hps">응용 프로그램을</span> <span class="hps">디버깅합니다.</span></dd>
    </dl>
  </div>
  <div class="section">
    <h2 class="Community" id="Community" name="Community" style="left: 5px; top: 1px;"><span class="hps">도움말보기</span></h2>
    <p><span class="hps">당신이</span> <span class="hps atn">파이어 폭스</span><span>에 내장 된</span> <span class="hps">개발자</span> <span class="hps">도구에 대한</span> <span class="hps atn">질문이있는 경우</span><span>,</span> <span class="hps">데브 -</span> <span class="hps">개발자</span> <span class="hps">도구</span> <span class="hps">메일 링리스트</span> <span class="hps atn">또는 Mozilla</span><span>의</span> <span class="hps">IRC</span> <span class="hps">네트워크에있는</span> <span class="hps">#</span> <span class="hps">devtools</span> <span class="hps">채널</span> <span class="hps">우리에게</span> <span class="hps">와서</span> <span class="hps">문의하시기 바랍니다</span></p>
    <h2 class="Related_Topics" id="Related_Topics" name="Related_Topics" style="left: 1px; top: 4px;">더많은 자원</h2>
    <p><span class="hps">이 섹션에서는</span> <span class="hps">Mozilla의</span> <span class="hps">개발자 도구</span> <span class="hps">팀에 의해</span> <span class="hps atn">유지되지 않습니다</span><span class="atn">,</span><span>​​하지만</span> <span class="hps">어떤</span> <span class="hps">널리</span> <span class="hps atn">웹 개발자</span><span>에 의해 사용되는</span> <span class="hps atn">리소스를 나열합니다</span><span>.</span> <span class="hps">우리는이</span> <span class="hps">목록에서</span> <span class="hps">몇 가지</span> <span class="hps">파이어 폭스</span> <span class="hps atn">부가 기능</span><span>을</span> <span class="hps atn">포함</span><span class="atn">하지만,</span><span>리스트를</span> <span class="hps atn">addons.mozilla.org</span><span class="atn">에서 "</span><span class="atn">웹 개발</span><span class="atn">"카테고리</span><span class="atn">를 참조</span><span class="atn">했습니다</span><span>.</span></p>
    <dl>
      <dt>
        <a href="https://www.getfirebug.com/" title="HTML/Forms">방화광</a></dt>
      <dd>
        <span>자바 스크립트</span> <span class="hps atn">디버거</span><span>,</span> <span class="hps">HTML</span> <span class="hps">및</span> <span class="hps">CSS</span> <span class="hps">뷰어 및</span> <span class="hps atn">편집기</span><span>, 네트워크</span> <span class="hps">모니터</span> <span class="hps">등의</span> <span class="hps">매우</span> <span class="hps">인기있는</span> <span class="hps">강력한 웹</span> <span class="hps atn">개발 도구</span><span>.</span></dd>
      <dt>
        <a href="https://developer.mozilla.org/en-US/docs/DOM_Inspector" title="HTML/Forms"><span class="hps">DOM</span> <span class="hps">검사기</span></a></dt>
      <dd>
        <span class="hps">검사,</span> <span class="hps atn">검색</span><span>, 웹</span> <span class="hps">페이지 또는</span> <span class="hps">XUL</span> <span class="hps">창</span> <span class="hps atn">DOM</span><span>을 편집합니다.</span></dd>
      <dt>
        <a href="https://addons.mozilla.org/en-US/firefox/addon/web-developer/" title="HTML/Forms"><span class="hps">웹</span> <span class="hps">개발자</span></a></dt>
      <dd>
        <span class="hps">다양한 웹</span> <span class="hps">개발자</span> <span class="hps">도구를 사용하여</span> <span class="hps">브라우저에</span> <span class="hps">메뉴와</span> <span class="hps">도구 모음을</span> <span class="hps">추가</span></dd>
      <dt>
        <a href="https://webmaker.org/en-US/tools/" title="https://webmaker.org/en-US/tools/"><span class="hps">Webmaker</span> <span class="hps">도구</span></a></dt>
      <dd>
        <span class="hps atn">사람들을</span><span>을 목표로</span> <span class="hps atn">모질라</span><span>에 의해 개발 된</span> <span class="hps atn">도구를</span><span>의</span> <span class="hps atn">세트는</span><span class="atn">,</span><span>의 웹</span> <span class="hps">개발을 시작</span> <span class="hps atn">점점</span><span>.</span></dd>
      <dt>
        <a href="http://www.w3.org/Status.html" title="HTML/Forms"><span class="hps">W3C</span> <span class="hps">검사기</span></a></dt>
      <dd>
        <span>W3C</span> <span class="hps atn">웹 사이트</span><span>는</span> <span class="hps atn">HTML</span><span>과</span> <span class="hps atn">CSS</span><span>를 포함하여</span> <span class="hps">웹 사이트의</span> <span class="hps atn">유효성을 검사</span><span class="atn">하는 도구</span><span>의 숫자를</span> <span class="hps">호스팅합니다.</span></dd>
      <dt>
        <a href="http://www.jshint.com/" title="HTML/Forms">JSHint</a></dt>
      <dd>
        <span class="hps">자바 스크립트</span> <span class="hps">코드 분석</span> <span class="hps">도구입니다.</span></dd>
      <dt>
        <a href="http://www.jslint.com/" title="HTML/Forms">JSLint</a></dt>
      <dd>
        <span class="hps">또 다른</span> <span class="hps">자바 스크립트</span> <span class="hps">코드 분석</span> <span class="hps">도구입니다.</span></dd>
    </dl>
    <p>&nbsp;</p>
  </div>
</div>
<p>&nbsp;</p>
Revert to this revision