웹 프론트엔드 JS 튜토리얼 JavaScript 디버깅 도구_javascript 기술 요약

JavaScript 디버깅 도구_javascript 기술 요약

May 16, 2016 pm 04:24 PM
javascript 디버깅 도구

이제 JavaScript는 완벽하지는 않더라도 실제로 인기 있는 웹 언어가 되었습니다. 많은 프로그래머들은 JavaScript로 코드를 작성하는 것을 좋아하지 않습니다. 왜냐하면 작성 후에는 설명할 수 없는 온갖 종류의 버그가 항상 나타나고, 대규모 애플리케이션을 개발하는 과정에서 실수를 저지르기 쉽기 때문입니다. 그리고 오늘날 이러한 도구의 현재 상태를 고려할 때 브라우저에서 JavaScript 디버깅을 수행하는 것은 그리 편리하지 않습니다.

다음 데스크톱 및 웹 기반 JavaScript 디버깅 도구를 사용하면 JavaScript 코드를 보다 효율적으로 디버그할 수 있으므로 다음과 같은 작업을 수행할 수 있습니다.

동적 유형을 보다 효율적으로 처리하면 애플리케이션이 코딩 표준을 더욱 준수하게 됩니다.

방화범

Firebug는 수년간 사용되어 왔으며 주로 Firefox에서 앱을 만드는 개발자를 위한 앱 확장 기능을 제공합니다.

은 HTML, CSS 및 JavaScript 테스트 전용 애플리케이션으로, 기본 브라우저와 함께 제공되는 개발자 도구보다 강력하며 다양한 단계에서 테스트 결과를 용이하게 하기 위해 중단점을 설정할 수 있습니다.

Google의 Chrome 브라우저 등 다른 브라우저에서 프로그램을 개발하는 경우 간소화된 버전의 Firebug를 사용해 볼 수 있습니다. 기능은 동일하지만 인터페이스가 약간 다릅니다.

공식 홈페이지: http://getfirebug.com/

오페라 잠자리

Opera 브라우저는 전 세계 인터넷 사용자의 1% 미만이 사용할 정도로 그다지 인기가 없습니다. 그러나 개방형 JavaScript 테스트 및 디버깅 도구가 매력적일 수 있습니다.

DOM을 더 쉽게 검사하세요. 수정된 CSS 및 JavaScript 결과를 즉시 확인하고 근본 원인을 더 빠르게 찾아보세요.

다른 브라우저는 Opera Dragonfly와 경쟁하기 위해 지속적으로 개선되고 있지만 현재로서는 웹 개발자를 위한 최고의 테스트 도구 중 하나로 남아 있습니다.

공식 홈페이지: http://www.opera.com/dragonfly/

디버그 바

Internet Explorer는 Firefox나 Chrome만큼 많은 플러그인을 제공하지는 않지만, 현재 전 세계에서 가장 많이 사용되는 이 브라우저의 경우 DebugBar는 최고의 프런트엔드 디버깅 도구 중 하나입니다. 필요한 거의 모든 기능을 다룹니다.

DOM 확인 쿠키 확인 JavaScript 디버깅

기본 브라우저가 Internet Explorer라면 DebugBar는 확실히 고급 JavaScript 도구 중에서 현명한 선택입니다.

공식 홈페이지: http://www.debugbar.com/

JSLint

JSLint는 오늘날 전 세계 웹 개발 분야에서 가장 유명한 기술 권위자 중 한 명인 Douglas Crockford가 만든 웹 기반 도구입니다. 여러분이 해야 할 일은 코드를 복사하여 JSLint의 온라인 편집기에 붙여넣는 것뿐입니다.

구문이 간결하고 규정을 준수하는지 확인하기 위해 코드의 오류를 강조합니다.

공식 홈페이지: http://www.jslint.com/

JSLitmus

JavaScript 애플리케이션의 성능에 관심이 있다면 JSLitmus는 확실히 작고 귀여운 도구입니다. 이는 앱 개발의 다양한 단계에서 성능을 평가할 수 있도록 자체 JavaScript 벤치마크를 만드는 데 도움이 됩니다.

공식 홈페이지: http://www.broofa.com/Tools/JSLitmus/

온라인으로 코드 작성

Writecodeonline.com은 모든 기능을 갖춘 JavaScript 편집기입니다. 사용이 간편하고 거의 즉시 버그를 찾아낼 수 있습니다. 대규모 응용 프로그램에 없어서는 안될 조수입니다.

팅커빈

이것은 현재 사용 가능한 최고의 온라인 웹 개발 및 디자인 도구 중 하나입니다. Tinkerbin을 사용하면 동일한 웹 애플리케이션에서 HTML, CSS 및 JavaScript를 테스트할 수 있습니다. HTML 및 CSS에 대한 JavaScript 코드 조각의 영향을 테스트하는 데 Tinkerbin을 사용하는 것이 더 편리한 이유는 즉각적인 결과를 볼 수 있기 때문입니다.

요약:

자바스크립트가 번거롭다고 생각할 수도 있지만, 처음부터 거창한 디자인을 하기보다는 점진적으로 발전할 것이기 때문입니다. 위의 도구와 애플리케이션은 개발 및 테스트에 도움이 될 수 있습니다. 그리고 버그 없이 앱을 보다 효율적으로 개발하는 데 도움이 되는 귀하에게 적합한 브라우저가 항상 존재합니다.

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 Dec 17, 2023 pm 02:54 PM

WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법

WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 Dec 17, 2023 pm 05:30 PM

WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술

WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법 WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법 Dec 17, 2023 am 09:39 AM

WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법

JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법 JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법 Dec 17, 2023 pm 12:09 PM

JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법

간단한 JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법 간단한 JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법 Jan 05, 2024 pm 06:08 PM

간단한 JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법

JavaScript와 WebSocket: 효율적인 실시간 일기예보 시스템 구축 JavaScript와 WebSocket: 효율적인 실시간 일기예보 시스템 구축 Dec 17, 2023 pm 05:13 PM

JavaScript와 WebSocket: 효율적인 실시간 일기예보 시스템 구축

자바스크립트에서 insertBefore를 사용하는 방법 자바스크립트에서 insertBefore를 사용하는 방법 Nov 24, 2023 am 11:56 AM

자바스크립트에서 insertBefore를 사용하는 방법

JavaScript에서 HTTP 상태 코드를 쉽게 얻는 방법 JavaScript에서 HTTP 상태 코드를 쉽게 얻는 방법 Jan 05, 2024 pm 01:37 PM

JavaScript에서 HTTP 상태 코드를 쉽게 얻는 방법

See all articles