mozilla

Compare Revisions

Firefox Developer Tools

Change Revisions

Revision 429803:

Revision 429803 by wbamberg on

Revision 434953:

Revision 434953 by jjangsuhyun on

Title:
Developer Tools
Developer Tools
Slug:
Tools
Tools
Tags:
"Tools", "NeedsMarkupWork", "Developing Mozilla", "Web Development:Tools", "NeedsTechnicalReview", "Web Development"
"Tools", "NeedsMarkupWork", "Developing Mozilla", "Web Development:Tools", "NeedsTechnicalReview", "Web Development"
Content:

Revision 429803
Revision 434953
n8      This page lists tools that help you develop and debug websin8      <span class="hps">이 페이지는</span> <span class="hps">웹 사이트 및</
>tes and web apps. It's focused mostly on the tools developed and >span> <span class="hps">웹</span> <span class="hps atn">응용 프로그램</s
>maintained at Mozilla, but we've listed other popular and useful >pan><span class="atn">을 개발</span><span class="atn">하고 디버깅</span><
>tools under "More Resources".>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="h
 >ps">유지 관리</span> <span class="hps atn">도구</span><span>에</span> <s
 >pan class="hps">주로</span> <span class="hps atn">초점을 맞춘</span><spa
 >n class="atn">,</span><span>하지만 우리는</span> <span class="hps">"추가<
 >/span> <span class="hps atn">리소스"</span><span>에서</span> <span cla
 >ss="hps">다른 인기있는</span> <span class="hps">유용한</span> <span class=
 >"hps">도구를</span> <span class="hps atn">나열했습니다</span><span>.</span
 >>
n13          MOZILLA DEVELOPER Toolsn13          <span class="hps">모질라</span> <span class="hps">개발자 도구</
 >span>
n16          This section lists tools developed and maintained by Mon16          <span class="hps">이 섹션에서는</span> <span class="hps">Mozi
>zilla's Developer Tools team. These tools are all accessed from w>lla의</span> <span class="hps">개발자 도구</span> <span class="hps">팀에 
>ithin Firefox, under the "Firefox" menu (or the "Tools" menu on O>의해 개발</span> <span class="hps">및</span> <span class="hps">유지 관리</
>S X and Linux), then "Web Developer".>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 c
 >lass="hps">(또는</span> <span class="hps">OS</span> <span class="hp
 >s 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="h
 >ps atn">개발자</span><span class="atn">"</span><span>.</span>
n19          Most of these tools are built into Firefox and are accen19          <span class="hps atn">이러한 도구</span><span>의 대부분은</span> 
>ssible through the <a href="/en-US/docs/Tools/Toolbox" title="/en><span class="hps atn">파이어 폭스</span><span>에 내장</span> <span class=
>-US/docs/Tools/Toolbox">DevTools Window</a>, but the <a href="/en>"hps">DevTools</span> <span class="hps">창을 통해</span> <span class=
>-US/docs/Tools/Firefox_OS_Simulator" title="/en-US/docs/Tools/Fir>"hps">액세스 할 수 있지만</span> <span class="hps">같은</span> <span class=
>efox_OS_Simulator">Firefox OS Simulator</a> ships as an add-on.>"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>
n23            <a href="/en-US/docs/Tools/Page_Inspector" title="HTMn23            <a href="/en-US/docs/Tools/Page_Inspector" title="HTM
>L/Element">Page Inspector</a>>L/Element"><span class="hps">페이지</span> <span class="hps">관리자</sp
 >an></a>
n26            View and modify the HTML and CSS for the selected elen26            <span>선택한</span> <span class="hps">요소의</span> <span c
>ment.>lass="hps atn">HTML</span><span>과</span> <span class="hps atn">CS
 >S</span><span>를 확인하고</span> <span class="hps">수정할 수 있습니다.</span>
n29            <a href="/en-US/docs/Tools/Web_Console" title="HTML/An29            <a href="/en-US/docs/Tools/Web_Console" title="HTML/A
>ttributes">Web Console</a>>ttributes"><span class="hps">웹</span> <span class="hps">콘솔</span>
 ></a>
n32            See informational, warning and error messages emittedn32            <span class="hps">정보, 경고</span> <span class="hps">및</
> by the browser or web content, and examine and manipulate the pa>span> <span class="hps">브라우저 또는</span> <span class="hps atn">웹 콘텐
>ge using JavaScript.>츠</span><span>에 의해 방출되는</span> <span class="hps">오류 메시지를</span> <
 >span class="hps">확인하고,</span> <span class="hps">자바 스크립트를</span> <
 >span class="hps atn">사용하여 페이지</span><span>를</span> <span class="h
 >ps">검사하고</span> <span class="hps">조작 할 수 있습니다.</span>
n35            <a href="/en-US/docs/Tools/Style_Editor" title="HTML/n35            <a href="/en-US/docs/Tools/Style_Editor" title="HTML/
>HTML5">Style Editor</a>>HTML5"><span class="hps">스타일</span> <span class="hps">편집기</span><
 >/a>
n38            View and edit CSS styles for the current page.n38            <span>현재 페이지의</span> <span class="hps">CSS</span> <sp
 >an class="hps atn">스타일을</span><span>보고</span> <span class="hps">편
 >집 할 수 있습니다.</span>
n41            <a href="/en-US/docs/Tools/Scratchpad" title="HTML/Fon41            <a href="/en-US/docs/Tools/Scratchpad" title="HTML/Fo
>rms">Scratchpad</a>>rms"><span class="hps">스크래치 패드</span></a>
n44            A text editor built into Firefox that lets you write n44            <span class="hps">자바 스크립트를</span> <span class="hps">작
>and execute JavaScript.>성하고</span> <span class="hps">실행할 수 있습니다</span> <span class="hps a
 >tn">파이어 폭스</span><span>에 내장 된</span> <span class="hps">텍스트</span>
 > <span class="hps">편집기.</span>
n47            <a href="/en-US/docs/Tools/Debugger" title="HTML/Bad_n47            <a href="/en-US/docs/Tools/Debugger" title="HTML/Bad_
>copy_pasting_habits">JavaScript Debugger</a>>copy_pasting_habits"><span class="hps">자바 스크립트</span> <span class
 >="hps">디버거</span></a>
n50            Step through JavaScript code that is running in the bn50            <span class="hps">버그를</span> <span class="hps">추적 할 수
>rowser and watch variables to help track down bugs.> 있도록</span> <span class="hps">브라우저와</span> <span class="hps">시계</
 >span> <span class="hps atn">변수</span><span>에서 실행되는</span> <span c
 >lass="hps">자바 스크립트</span> <span class="hps">코드를 통해</span> <span c
 >lass="hps atn">단계</span><span>.</span>
n53            <a href="/en-US/docs/Tools/Profiler" title="HTML/Bad_n53            <a href="/en-US/docs/Tools/Profiler" title="HTML/Bad_
>copy_pasting_habits">JavaScript Profiler</a>>copy_pasting_habits"><span class="hps">자바 스크립트</span> <span class
 >="hps">프로파일</span></a>
n56            Use the profiler to figure out where your JavaScript n56            <span class="hps">자바 스크립트</span> <span class="hps atn
>code is spending its time.>">코드</span><span class="atn">의 시간</span><span>을 보내는</span> <span 
 >class="hps">곳을</span> <span class="hps">파악하는</span> <span class="
 >hps atn">프로파일</span><span>을 사용합니다.</span>
n59            <a href="/en-us/docs/Tools/Responsive_Design_View" tin59            <a href="/en-us/docs/Tools/Responsive_Design_View" ti
>tle="/en-us/docs/Tools/Responsive_Design_View">Responsive Design >tle="/en-us/docs/Tools/Responsive_Design_View"><span class="hps">
>View</a>>응답</span> <span class="hps">디자인보기</span></a>
n62            See how your website or app will look on different scn62            <span class="hps">귀하의 웹 사이트 또는</span> <span class="hp
>reen sizes without changing the size of your browser window.>s">응용 프로그램이</span> <span class="hps">브라우저</span> <span class="hps
 > atn">윈도우의 크기</span><span>를 변경하지 않고</span> <span class="hps">다른</
 >span> <span class="hps atn">화면 크기</span><span>에</span> <span clas
 >s="hps">모양을</span> <span class="hps">참조하십시오.</span>
n65            <a href="https://developer.mozilla.org/en-US/docs/Toon65            <a href="https://developer.mozilla.org/en-US/docs/Too
>ls/GCLI" title="en/Tools/GCLI">Developer Toolbar</a>>ls/GCLI" title="en/Tools/GCLI"><span class="hps">개발자</span> <span
 > class="hps">도구 모음</span></a>
n68            A command-line interface to manipulate and work with n68            <span class="hps">가장 일반적으로</span> <span class="hps at
>the developer tools in Firefox, and buttons for quick access to t>n">사용되는 도구</span><span>에 빠르게 액세스</span> <span class="hps">개발자</sp
>he most commonly used tools.>an> <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 c
 >lass="hps">명령 줄</span> <span class="hps">인터페이스입니다.</span>
n71            <a href="https://developer.mozilla.org/en-US/docs/Errn71            <a href="https://developer.mozilla.org/en-US/docs/Err
>or_Console" title="en/Error_Console">Error Console</a>>or_Console" title="en/Error_Console"><span class="hps">오류 콘솔</spa
 >n></a>
n74            Reports JavaScript-related errors and warnings, CSS en74            <span class="hps atn">보고서</span><span>는 자바 스크립트</span
>rrors and arbitrary messages from chrome and web content.>> <span class="hps">관련 오류</span> <span class="hps">및 경고</span> <s
 >pan class="hps">CSS</span> <span class="hps">오류 및</span> <span cl
 >ass="hps">크롬</span> <span class="hps atn">웹 컨텐츠</span><span>에서</s
 >pan> <span class="hps">임의의</span> <span class="hps atn">메시지</span
 >><span>.</span>
n77            <a href="/en-US/docs/Tools/3D_View" title="en/Error_Cn77            <a href="/en-US/docs/Tools/3D_View" title="en/Error_C
>onsole">3D View</a>>onsole"><span class="hps atn">3D</span><span>보기</span></a>
n80            Also known as "Tilt", this provides a 3D visualisation80            <span class="hps">또한</span> <span class="hps atn">"</
>n of the current page.>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>
n83            <a href="/en-US/docs/Tools/Firefox_OS_Simulator" titln83            <a href="/en-US/docs/Tools/Firefox_OS_Simulator" titl
>e="en/Error_Console">Firefox OS Simulator</a>>e="en/Error_Console"><span class="hps">파이어 폭스</span> <span class=
 >"hps">OS</span> <span class="hps">시뮬레이터</span></a>
n86            Run and debug your Firefox OS app on the desktop, witn86            <span class="hps">실행하고</span> <span class="hps">실제</s
>hout needing to use a real Firefox OS device.>pan> <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>
n91        <h2 class="Community" id="Community" name="Community">n91        <h2 class="Community" id="Community" name="Community" sty
 >le="left: 5px; top: 1px;">
92          Getting help92          <span class="hps">도움말보기</span>
n95          If you have any questions about the developer tools buin95          <span class="hps">당신이</span> <span class="hps atn">파이어 
>lt into Firefox, please come and ask us on the <a href="https://l>폭스</span><span>에 내장 된</span> <span class="hps">개발자</span> <span c
>ists.mozilla.org/listinfo/dev-developer-tools" title="https://lis>lass="hps">도구에 대한</span> <span class="hps atn">질문이있는 경우</span><sp
>ts.mozilla.org/listinfo/dev-developer-tools">dev-developer-tools<>an>,</span> <span class="hps">데브 -</span> <span class="hps">개발자</
>/a> mailing list or in the <a href="http://mibbit.com/?channel=%2>span> <span class="hps">도구</span> <span class="hps">메일 링리스트</span
>3devtools&amp;server=irc.mozilla.org">#devtools</a> channel on <a>> <span class="hps atn">또는 Mozilla</span><span>의</span> <span cla
> href="http://irc.mozilla.org/">Mozilla's IRC network</a>.>ss="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">와서</s
 >pan> <span class="hps">문의하시기 바랍니다</span>
n97        <h2 class="Related_Topics" id="Related_Topics" name="Relan97        <h2 class="Related_Topics" id="Related_Topics" name="Rela
>ted_Topics">>ted_Topics" style="left: 1px; top: 4px;">
98          More resources98          더많은 자원
n101          This section lists resources which aren't maintained byn101          <span class="hps">이 섹션에서는</span> <span class="hps">Mozi
> Mozilla's developer tools team, but which are widely used by web>lla의</span> <span class="hps">개발자 도구</span> <span class="hps">팀에 
> developers. We've included a few Firefox add-ons in this list, b>의해</span> <span class="hps atn">유지되지 않습니다</span><span class="atn"
>ut for the complete list see the <a href="https://addons.mozilla.>>,</span><span>​​하지만</span> <span class="hps">어떤</span> <span cla
>org/en-US/firefox/extensions/web-development/" title="https://add>ss="hps">널리</span> <span class="hps atn">웹 개발자</span><span>에 의해 사
>ons.mozilla.org/en-US/firefox/extensions/web-development/">"Web D>용되는</span> <span class="hps atn">리소스를 나열합니다</span><span>.</span> 
>evelopment" category on addons.mozilla.org</a>.><span class="hps">우리는이</span> <span class="hps">목록에서</span> <span
 > class="hps">몇 가지</span> <span class="hps">파이어 폭스</span> <span cl
 >ass="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
 >>
n105            <a href="https://www.getfirebug.com/" title="HTML/Forn105            <a href="https://www.getfirebug.com/" title="HTML/For
>ms">Firebug</a>>ms">방화광</a>
n108            A very popular and powerful web development tool, incn108            <span>자바 스크립트</span> <span class="hps atn">디버거</span>
>luding a JavaScript debugger, HTML and CSS viewer and editor, and><span>,</span> <span class="hps">HTML</span> <span class="hps">및<
> network monitor.>/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">강력한 웹</sp
 >an> <span class="hps atn">개발 도구</span><span>.</span>
n111            <a href="https://developer.mozilla.org/en-US/docs/DOMn111            <a href="https://developer.mozilla.org/en-US/docs/DOM
>_Inspector" title="HTML/Forms">DOM Inspector</a>>_Inspector" title="HTML/Forms"><span class="hps">DOM</span> <span
 > class="hps">검사기</span></a>
n114            Inspect, browse, and edit the DOM of web pages or XULn114            <span class="hps">검사,</span> <span class="hps atn">검색
> windows.></span><span>, 웹</span> <span class="hps">페이지 또는</span> <span cla
 >ss="hps">XUL</span> <span class="hps">창</span> <span class="hps a
 >tn">DOM</span><span>을 편집합니다.</span>
n117            <a href="https://addons.mozilla.org/en-US/firefox/addn117            <a href="https://addons.mozilla.org/en-US/firefox/add
>on/web-developer/" title="HTML/Forms">Web Developer</a>>on/web-developer/" title="HTML/Forms"><span class="hps">웹</span> 
 ><span class="hps">개발자</span></a>
n120            Adds a menu and a toolbar to the browser with variousn120            <span class="hps">다양한 웹</span> <span class="hps">개발자<
> web developer tools.>/span> <span class="hps">도구를 사용하여</span> <span class="hps">브라우저에<
 >/span> <span class="hps">메뉴와</span> <span class="hps">도구 모음을</spa
 >n> <span class="hps">추가</span>
n123            <a href="https://webmaker.org/en-US/tools/" title="htn123            <a href="https://webmaker.org/en-US/tools/" title="ht
>tps://webmaker.org/en-US/tools/">Webmaker Tools</a>>tps://webmaker.org/en-US/tools/"><span class="hps">Webmaker</span
 >> <span class="hps">도구</span></a>
n126            A set of tools developed by Mozilla, aimed at people n126            <span class="hps atn">사람들을</span><span>을 목표로</span> <
>getting started with Web development.>span class="hps atn">모질라</span><span>에 의해 개발 된</span> <span class
 >="hps atn">도구를</span><span>의</span> <span class="hps atn">세트는</sp
 >an><span class="atn">,</span><span>의 웹</span> <span class="hps">개
 >발을 시작</span> <span class="hps atn">점점</span><span>.</span>
n129            <a href="http://www.w3.org/Status.html" title="HTML/Fn129            <a href="http://www.w3.org/Status.html" title="HTML/F
>orms">W3C Validators</a>>orms"><span class="hps">W3C</span> <span class="hps">검사기</span></
 >a>
n132            The W3C website hosts a number of tools to check the n132            <span>W3C</span> <span class="hps atn">웹 사이트</span><s
>validity of your website, including its <a href="http://validator>pan>는</span> <span class="hps atn">HTML</span><span>과</span> <spa
>.w3.org/" title="http://validator.w3.org/">HTML</a> and <a href=">n class="hps atn">CSS</span><span>를 포함하여</span> <span class="hps"
>http://jigsaw.w3.org/css-validator/" title="http://jigsaw.w3.org/>>웹 사이트의</span> <span class="hps atn">유효성을 검사</span><span class="a
>css-validator/">CSS</a>.>tn">하는 도구</span><span>의 숫자를</span> <span class="hps">호스팅합니다.</spa
 >n>
n138            JavaScript code analysis tool.n138            <span class="hps">자바 스크립트</span> <span class="hps">코드
 > 분석</span> <span class="hps">도구입니다.</span>
t144            Another JavaScript code analysis tool.t144            <span class="hps">또 다른</span> <span class="hps">자바 스크
 >립트</span> <span class="hps">코드 분석</span> <span class="hps">도구입니다.
 ></span>

Back to History