F12의 네트워크 도구 Edge 브라우저의 개발자 도구

Microsoft는 최근 Windows 9에서 Microsoft Edge 브라우저 에 대한 F12 개발자 도구 에 새로운 향상된 네트워크 도구를 발표했습니다. 개발자들로부터 엄청난 수요가있었습니다. 개발자는 이제 향상된 도구 세트로 작업 할 수있게 된 것을 기쁘게 생각합니다.

Microsoft에서 구입 한 주요 개선 사항을 살펴보십시오.

Microsoft Edge F12 개발자 도구

초보자이더라도 Microsoft Edge F12 개발자를 쉽게 따라 할 수 있으므로 따라야 할 단계는 거의 없습니다. 추가 작업 메뉴를 클릭하여 열고 F12 개발자 도구 를 선택하기 만하면됩니다.

Edge의 네트워크 도구 향상

Microsoft가 개선 작업을 수행하는 첫 번째 단계는 개발자가보다 깨끗한 환경을 제공 할 수 있도록 네트워크 도구를 다시 설계하는 것입니다. 다음으로, Microsoft 팀은 또한 HTTP 기반 네트워크 트래픽을 처리하면서 개발자에게 더 많은 융통성을 제공하기 위해 시작 및 중지 도구 모음 버튼을 추가했습니다.

" Content type filter "가 추가되어 개발자가 필터를 설치하고 원하는 트래픽 유형 만 얻을 수 있습니다. 따라서이 기능을 사용하면 많은 관련없는 네트워크 호출을 건너 뛰고 동시에 네트워크 오류 유형, 수, 요청 수, 응답 데이터 전송 크기 및 다운로드 시간과 관련된 정보를 얻을 수 있습니다.

JSON HAR 파일에있는 모든 정보의 트랙

Microsoft Edge의 주목할만한 F12 개발자 도구 개선 사항

New Microsoft Edge에 포함 된 향상된 항목 목록은 다음과 같습니다.

• 항상 서버에서 새로 고침 이 기능을 사용하면 오래된 버전이 아닌 서버의 최신 버전 리소스에 대해 테스트 할 수 있습니다.
• 캐시 및 쿠키 지우기 : 다음 단계를로드하기 전에 브라우저의 캐시가 지워져 있는지 확인합니다. 페이지로 이동하고 브라우저 설정으로 이동하지 않고도 바로 가기로 쿠키를 지울 수 있습니다.
• 세션 지우기 - 세션 중에 기록 된 네트워크 트래픽 정보를 지우려면 clear session 버튼을 사용할 수 있습니다.
• 탐색시 항목 지우기 - 티와 함께 기능은 마지막 페이지 새로 고침 또는 탐색 중에로드 된 리소스에만 집중할 수 있습니다.

네트워크 도구의 요약보기 포함

• 이름 : 요청한 리소스의 이름과 URL
• 프로토콜 를 포함합니다. : 자원을 요청하는 데 사용되는 프로토콜 포함
• 방법 : 요청에 사용 된 HTTP 메소드를 표시
• 결과 : 서버가 반환 한 응답 상태 코드와 텍스트 메시지를 표시
• Content type : 서버가 리턴 한 응답의 MIME 유형을 표시
• Received : 서버가 전달한 응답 페이로드의 전체 크기
• Time : 리소스를 통해 다운로드하는 데 걸린 시간
• 시간 : 시간 경과에 따라 발생한 네트워크 활동의 그래픽 표현을 표시합니다.

정보의 세부 정보보기에 관심이있는 경우 세부 정보보기 요약보기 대신. 머리글, 본문 및 매개 변수 등과 같은 정보는 상세보기의 다른 섹션에 표시됩니다. 요청을 두 번 클릭하고 측면 패널에서 정보를 읽는 것입니다.

여기서 지적해야 할 중요한 사항 중 하나는 Microsoft가 말한 중요한 점은 네트워크 툴의 새로운 향상된 기능이 IE11 환경에서도 사용 가능하다는 점입니다

Edge Developer Tools에서 사용자 에이전트, 모드, 디스플레이, 위치 정보를 어떻게 변경할 수 있는지 살펴보십시오.