What is the translation of " THE DEVTOOLS " in Korean?

• 개발자 도구
• devtools

Examples of using The devtools in English and their translations into Korean

The Layout section of the DevTools.
개발자 도구의 레이아웃 섹션.

The DevTools Profiles tab can show you where a Web page is spending its time.
프로필(Profiles) DevTools의 프로필 탭에서는 웹 페이지가 시간을 사용하는 장소를 확인할 수 있다.

You can add properties using the DevTools.
개발자 도구를 사용하여 속성을 추가할 수 있습니다.

The DevTools Panel, adding a new property to the rules, with the autocomplete for font- open.
개발자 도구 패널, 규칙에 새 속성을 추가하고, 폰트 자동 완성을 열고 있습니다.

Profiling Components with the DevTools Profiler.
Profiler DevTools Profiler로 컴포넌트 프로파일링.

Add a new panel to the devtools Write an add-on that adds a new panel to the Toolbox.
개발자 도구 화면에서 새 패널 추가하기 개발자 도구 화면에서 새 패널을 추가하는 애드온을 만들어 보세요.

Reload your page now and look at the DevTools window again.
이제 페이지를 새로 고치고 DevTools 창을 다시 살펴보세요.

From the DevTools console, you can easily evaluate, store, and do calculations on values from across different execution points.
개발자 도구 콘솔에서 다른 실행점의 값을 쉽게 실행, 저장, 계산할 수 있습니다.

Far as rendering is concerned. Examining the DevTools verifies this behavior.
DevTools을 시험해보면 이 동작을 확인할 수 있습니다.

Open up the DevTools and in the"Terminal" tab, connect to the server using the default configuration options.
그리고 개발자도구를 열어 "Terminal" 탭에서 기본 설정 옵션을 사용하여 서버에 연결합니다.

This pauses all JavaScript on the page, focus shifts to the DevTools Sources panel, and the breakpoint is highlighted.
그러면 페이지에서 모든 자바스크립트가 일시 중지되고 포커스가 DevTools Sources 패널로 이동하고 중단점이 강조표시됩니다.

Evaluate code from past scopes In addition to simply watching expressions, you can interact with your code from previous scopes right in the DevTools JavaScript console panel.
Watch Expressions뿐만 아니라 개발자 도구 자바스크립트 콘솔 패널에서 이전 유효 범위의 코드와 바로 상호작용할 수 있습니다.

After you restart Canary, go to the DevTools settings and there will be an option to enable support for async stack traces.
다시 카나리를 실행하고 개발자 도구 설정에 가면 Enable support for async stack traces(비동기 스택 추적 지원 사용하기) 옵션이 있습니다.

Emmet LiveStyle doesn't force a complete browser refresh when you make changes, but instead pushes CSS edits across the DevTools remote debugging protocol.
Emmet LiveStyle은 변경이 발생했을 때 완전한 브라우저 새로고침을 강제하지 않습니다만, 대신 개발자도구(DevTools)의 원격 디버깅 프로토콜을 통해 CSS 편집 사항을 밀어넣습니다.

This article will give you guidance on how to go about debugging a CSS problem, and show you how the DevTools included in all modern browsers can help you to find out what is going on.
이 기사에서는 CSS 문제를 디버깅하는 방법에 대한 지침을 제공하고 모든 최신 브라우저에 포함된 개발자 도구가 진행 상황을 찾는 데 어떻게 도움이 되는지 보여줍니다.

Select an element on your page, either by right/ctrl-clicking on it and selecting Inspect, or selecting it from the HTML tree on the left of the DevTools display.
페이지에서 요소를 마우스 오른쪽/ctrl 키를 누른 채 클릭하고 검사(Inspect) 를 선택하거나, 개발자 도구 디스플레이 왼쪽의 HTML tree에서 요소를 선택하세요.

To get the full demo of all these features in action, check out my 23 minute talk from Chrome Dev Summit on the DevTools for mobile: Comments Next steps Share.
이 모든 기능 동작들 의 전체 데모를 보시려면, 다음과 같이 제가 크롬 개발자 서밋에서 '모바일을 위한 개발자도구'에 대해 얘기한 23분간의 발표를 확인해보시기 바랍니다. Comments Next steps Share.

You can inspect stored data on WebSQL, LocalStorage and SessionStorage by using an open source tool called weinre, which can interact with the browser remotely using the DevTools protocol.
여러분은 개발자도구 프로토콜(DevTools protocol) 을 사용하여 원격으로 브라우저와 인터랙션을 할 수 있는 weinre 를 이용하여 WebSQL, LocalStorage 그리고 SessionStroage 상에 저장된 데이터를 조사할 수 있습니다.

Figure 3- Switching on the Canvas Profiler You will need to decide whether you would like to capture a single frame, or consecutive frames, where a frame is exactly the same as you would see in the DevTools Timeline.
Figure 3 - 캔버스 프로파일러의 전환 여러분은 개발자도구의 타임라인에서 보는 것과 완전 똑같은 프레임을 보기 위해서 단일 프레임을 캡쳐할지 아니면 연속적인 프레임을 캡쳐할지를 결정해야 합니다.

Something that can trip up newcomers to DevTools is the difference between what you see when you view the source of a webpage, or look at the HTML file you put on the server, and what you can see in the HTML Pane of the DevTools.
새로운 사용자가 개발자 도구에서 혼동할 수 있는 것은 웹 페이지의 소스 보기 를 보거나 서버에 넣은 HTML 파일을 볼 때 표시되는 것과 개발자 도구의 HTML 창에서 보이는 것의 차이입니다.

Lighthouse running in the Chrome DevTools Audits panel.
Chrome DevTools Audits 패널에서 실행 중인 Lighthouse.

The Chrome DevTools Animation Inspector has two main purposes.
Chrome DevTools Animation Inspector는 크게 두 가지 용도로 사용됩니다.

Go to the Profiles panel of DevTools.
DevTools에서 Profiles Panel의 Profiles 탭을 선택한다.

Open the Chrome DevTools console and check for validation errors.
Chrome DevTools 콘솔을 열고 유효성 검사 오류를 확인합니다.

Find out more about the Firefox DevTools.
Firefox 개발자 도구에 대해 자세히 알아보기.

Go to the Profiles panel of DevTools.
DevTools의 Profiles 패널로 이동합니다.

Open the Chrome DevTools console and check for validation errors.
Chrome DevTools Console을 열고 유효성 검사 오류가 있는지 확인합니다.

Open the Chrome DevTools console and check for validation errors.
Open the Chrome DevTools Console 을 열고 유효성 검사 오류를 확인합니다.

Open the Chrome DevTools Performance tab and press Record.
Chrome 개발 도구의 Performance 탭을 열고 Record버튼을 클릭하세요.

To measure this manually, make a recording with the Chrome DevTools Timeline.
이 값을 수동으로 측정하려면 Chrome DevTools 타임라인으로 기록하세요.