chrome 의 network 탭에 있json response body 수정

검색어  : how to edit json response in chrome network tab .. 이었던가

검색 결과 : 

https://developer.chrome.com/docs/devtools/overrides/

로컬에서 웹 콘텐츠 및 HTTP 응답 헤더 재정의  |  Chrome DevTools  |  Chrome for Developers

 

Override web content and HTTP response headers locally

api로 부터 json response 를 받아서 화면에 적용할 때,  필드 추가 요건이 발생한 경우.

api 소스를 수정 할 수 없는 상황이라면 chrome inspector 를 통해서 수정이 가능하다.

response의 내용에 백날 마우스 드래그 해봤자 수정안된다.

 

1. 화살표 위치에 필드를 추가 하고 싶을 때

 

2. 해당 json 파일에서 우클릭 후 Override content 를 클릭한다.

 

3. 상단에 알림창이 두개 뜨는데 허용 버튼을 누른다.

 

4. source > override 메뉴로 가서 contents를 수정하고 저장한다.

 

 

5. 화면을 리로드하고 Network 탭으로 가보면 변경한 json 파일이 적용된 것을 알 수 있다.