programing

Chrome 개발자 도구에서 Ajax 요청 취소

magicmemo 2023. 3. 7. 21:14
반응형

Chrome 개발자 도구에서 Ajax 요청 취소

Ajax 요청을 취소하고 싶다.chrome developer tools시작 후.예를 들어 폴백메시지가 올바르게 표시되는지 여부를 테스트합니다.설정할 수 있습니다.No throttling로.Offline모든 콜이 실패하도록 하기 위해서입니다만, 1개의 콜을 테스트하고 싶습니다.API디버깅을 위해 실패한다.

개발자 도구

내가 쓸 수 있다는 거 알아abort()메서드(JavaScript를 통해 실행할 수 있습니다).나는 단지 이 필요 때문에 코드를 만지고 싶지 않다.

이 있습니다.replay XHRAPI 오른쪽 클릭 옵션입니다.abort XHR같은 방법으로.하지만 없어요.

Chrome 59에서 개발자 도구 자체의 네트워크 탭에서 특정 요청을 차단할 수 있습니다.

https://developers.google.com/web/updates/2017/04/devtools-release-notes#block-requests

네트워크 패널에서 요청을 마우스 오른쪽 버튼으로 클릭하고 요청 URL 차단을 선택합니다. 새 요청 차단 탭이 드로어에 나타나 차단된 요청을 관리할 수 있습니다.

그래서 저 같은 경우에는 특정 API의 코드 블록을 실행한 후 다시 실행합니다.:)

코멘트에 따르면, 이것은 이미 시작된 요청을 정확히 취소하는 것이 아니라 하나의 요청만 차단함으로써 하나의 요청만 실패했을 때 앱이 어떻게 동작하는지 확인하는 것입니다.@Ross Ivantsiv님 감사합니다.

차단 요청을 위한 스크린샷

제가 사용하는 간단한 방법이 있습니다.탭에서 F5 키를 누른 후 바로 ESC 키를 누릅니다.

크롬으로 활성 상태인 XHR 요청은 새 응답이 로드되기 전에 취소됩니다.

  1. 정확한 URL을 모를 경우 소스 탭에 XHR 중단점을 추가하여 모든 XHR을 디버깅할 수 있습니다.

여기에 이미지 설명 입력

여기에 이미지 설명 입력

  1. 또는 디버깅이 필요한 XHR URL 이름 또는 일부를 알고 있는 경우 (+) 아이콘을 클릭하여 XHR을 추가할 수 있습니다.

여기에 이미지 설명 입력

언급URL : https://stackoverflow.com/questions/35665995/cancel-ajax-request-from-chrome-developer-tools

반응형