WebKit 웹 검사기 : Safari 웹 페이지 문제를 해결하는 방법

폭로: 귀하의 지원은 사이트 운영을 유지하는 데 도움이됩니다! 이 페이지에서 권장하는 일부 서비스에 대한 추천 수수료가 발생합니다.


WebKit Web Inspector는 2005 년 애플에 의해 개발 된 이후로 개발자들에게 사랑받는 오픈 소스 버그 추적기입니다. 이를 사용하여 WebKit 플랫폼 (Safari, iOS 및 MacOS)을 기반으로 웹 페이지에서 버그를 찾고 수정할 수 있습니다. 여기에 관한 모든 내용과 사용법에 대해 배울 수있는 곳이 있습니다..

WebKit 웹 검사기 란??

WebKit Web Inspector는 웹 페이지를 디버깅하는 데 사용되는 오픈 소스 도구입니다. WebKit 시스템을 기반으로 브라우저를 사용하는 개발자가 버그를 찾고 수정하도록 돕기 위해 설계되었습니다. 가장 널리 사용되는 WebKit 시스템 브라우저는 iOS 용 Safari 및 Firefox이지만 Amazon Kindles와 같은 실험용 브라우저도 포함합니다. Chrome과 같은 다른 주요 브라우저는 동일한 코드와 구조를 많이 사용하며 자체 (매우 유사한) 버전의 WebKit Web Inspector를 갖습니다..

WebKit 웹 검사기의 역사

Web Inspector에 도달 한 방법을 알려면 WebKit 자체부터 시작해야합니다..

WebKit은 2005 년 Apple이 새로운 웹 브라우저 인 Safari를 오픈 소스 프로젝트로 출시 할 것이라고 발표했을 때 시작되었습니다..

2000 년대 초반부터 Apple은 WebKit이 기반으로하는 원래 코드를 구축 한 오픈 소스 커뮤니티 KDE와 협력하려고 시도했습니다..

그러나 잘되지 않았다.

그러나 2005 년 애플은 사파리가 완전히 오픈 소스가 될 것이라고 발표했다. 애플은 고삐를 약간 풀어주는 것 외에도 작업중인 모든 코드베이스를 공개하고, 컨트롤 트리를 공개 소스로 제공했으며, 버그 추적 도구를 공개했습니다..

사파리가 실제로 웹킷 (WebKit)이라는 시스템을 구축하고 구축하는 데 필요한 차액이었다. 물론 웹킷 (WebKit) 웹 인스펙터가 2006 년 HTML, 자바, C ++ 코드를 디버깅하고 웹을 검사 할 공간을 만들었다. 페이지. 그 이후로 현재 상태로 여러 번 개조되어 재 설계되었습니다..

웹 검사기로 할 수있는 작업

공식 Apple 웹 사이트에 따르면 Web Inspector를 사용하여 “iOS 및 OS X에서 웹 컨텐츠를 프로토 타입, 최적화 및 디버깅”할 수 있습니다. 다시 말해 웹 페이지에서 무슨 일이 일어나고 있는지 이해하는 데 도움이됩니다..

Web Inspector의 핵심 기능에는 다음과 같은 기능이 포함됩니다.

  • 외부 리소스 및 로컬 데이터 검사
  • 다음과 같은 효율성을 포함하여 웹 페이지 속도를 측정하십시오.
    • 자바 스크립트
    • CSS
  • 웹 페이지를 검사하기 위해 콘솔에 액세스
  • 웹 페이지 디버깅.

오늘 우리가 마지막으로 집중해야 할 것은.

웹 검사기로 디버깅

WebKit을 사용하여 사이트를 디버깅 할 수있는 두 가지 방법이 있습니다. 먼저 특정 WebKit 디버거 도구를 사용하여 수행 할 수 있습니다.

이 도구는 모든 줄을 확장하고 테스트하여 JavaScript가 모두 축소 (축소) 된 경우에도 JavaScript를 디버깅하는 데 도움이됩니다. 한 줄씩 이동하여 중단 점을 설정하고 JavaScript의 한 줄 또는 섹션에서 버그를 테스트 할 수 있습니다. 이 도구를 사용하여 특정 조건부 중단 점을 설정하여 버그가 발생하는 특정 상황을 테스트 할 수 있습니다. 또한 특정 시점에서 다양한 변수를 모두 볼 수 있으므로 버그를 정확히 찾아 수정하는 것이 더 쉽습니다..

Web Inspector를 사용하여 사이트를 디버깅 할 수있는 두 번째 방법은 콘솔입니다. 웹 검사기는 명령 터미널이 사용자와 컴퓨터 운영 체제 간의 인터페이스 역할을하는 방식과 유사하게 사용자와 웹 페이지 간의 인터페이스 역할을합니다..

원격 디버깅

Web Inspector를 사용하여 랩톱과 다른 장치에서 열려있는 웹 브라우저를 디버깅 할 수도 있습니다. 이것이 의미하는 바는 iPhone을 연결 한 다음 랩톱을 사용하여 디버깅 할 수 있다는 것입니다. HTML 클라이언트, 에이전트 및 대상으로 구조화되어 있기 때문에이 작업을 수행 할 수 있습니다. 그러나 이것이 의미하는 바는 랩톱에서 모바일 페이지의 버그를 쉽게 찾아서 수정할 수 있다는 것입니다. USB 코드 만 있으면됩니다..

WebKit 디버거 리소스

다음은 WebKit을 사용하여 웹 페이지를 디버깅하는 데 도움이되는 몇 가지 주요 리소스입니다..

사용법 및 가이드

  • Web Inspector를 사용한 디버깅에 대한 Envato 안내서 : Web Inspector를 사용하여 Apple 컴퓨터에서 모바일 Safari 사이트를 디버그하는 방법에 대한 빠르고 간단한 안내서
  • Apple의 Safari 개발자 도구 안내서 : 일반적으로 Web Inspector 도구에 대한 Apple의 자체 안내서. Web Inspector의 인터페이스에 익숙해지고 기능에 대한 큰 그림을 볼 수있는 환상적인 도구입니다. 웹 페이지 디버깅에 대한 자세한 내용은 해당 디버거 섹션을 참조하십시오..
  • 웹 검사기의 아키텍처 : Diego Pino의 블로그 게시물. 그는 Web Inspector를 사용하여 원격으로 디버깅하는 방법과 Web Inspector의 패브릭에 대해 많은 명확성을 제공하는 방법에 대해 더욱 세분화됩니다..
  • Web Inspector를 사용하여 디버깅 : Blackberry 애호가를 위해 Web Inspector를 사용하여 사이트를 디버깅하는 방법에 대한 쉬운 안내서입니다..
  • iOS에서 디버깅 : WebKit Web Inspector를 사용하여 App Store에서 앱을 검사하는 방법에 대한 AppGyver의 안내서

커뮤니티

  • Stack Overflow는 지속적으로 Web Inspector에 대한 질문을받습니다. 붙어 있는지 확인하기에 좋은 곳입니다.
  • WebKit Bugzilla는 Web Inspector와 관련된 모든 기능 요청 및 버그를 나열합니다. 막히면 다른 사람들이 같은 문제를 겪었는지 확인할 수 있습니다.
  • Stack Exchange는 Askdifferent라는 지식 기반을 운영하며 Apple 관련 질문으로 가득합니다. Web Inspector에 갇혀 있으면 또 다른 좋은 자료입니다.

요약

WebKit의 Web Inspector는 웹 페이지에서 일어나는 일을 배우는 데 사용할 수있는 강력한 도구입니다. 작업중인 장치에 관계없이 버그를 빠르고 쉽게 찾아서 수정할 수 있습니다. 또한 모든 Web Inspector 숙련도는 Chrome 및 Firefox를 포함한 다른 주요 WebKit 기반 브라우저로 이어집니다. 하나를 배우고 그들 모두를 배우십시오. 이 안내서는 올바른 길을 시작하는 데 도움이됩니다..

추가 자료 및 자료

코딩 및 개발과 관련된 추가 가이드, 자습서 및 인포 그래픽이 있습니다.

  • MantisBT 소개 및 리소스 :이 인기있는 버그 추적 프로그래밍에 대한 모든 정보.
  • Ubuntu Primer : 가장 인기있는 Linux 배포판 중 하나 인 MantisBT 호스팅을위한 훌륭한 기반에 대해 알아보십시오.
  • 객체 지향 프로그래밍 : 광범위한 객체 지향 프로그래밍 언어에 대해 배우십시오..

인터넷이 세상의 끝에서 살아남을 것인가?

인터넷에서 대재앙이 어떻게 될지 궁금한 적이 있습니까? 인포 그래픽을 확인하십시오. 인터넷은 세상의 끝에서 살아남 을까요? 우리는 모두 파괴 될 수 있지만 인터넷은.

인터넷은 세상의 끝에서 살아남을 것인가?
인터넷이 세상의 끝에서 살아남을 것인가?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map