Windows 시스템을 사용
하여 iOS 앱 웹보기에서 H5 페이지 를 디버깅 하고 싶기 때문에이 도구를 찾고 console.log 정보를 사용하여 앱에서 웹 페이지를 디버깅 할 수 있습니다.
스파이 디버거 정보
원 스톱 페이지 디버깅 및 패킷 캡처 도구. 휴대 전화 브라우저 페이지, 휴대 전화 웹뷰 (예 : WeChat, HybridApp 등)의 원격 디버깅. HTTP / HTTPS를 지원하며 USB 연결 장치가 필요하지 않습니다.
특성
1. 페이지 디버깅 + 패킷 캡처
2. 간단한 조작 , USB 연결 장치 필요 없음
3. HTTPS 지원.
(4) spy-debugger
내부의 통합 weinre
, node-mitmproxy
, AnyProxy
.
5. 기본 앱에서 시작된 https 요청을 자동으로 무시하고 웹보기에서 시작된 https 요청 만 차단합니다. SSL 고정 기술을 사용하는 기본 앱에는 영향을 미치지 않습니다.
6. 다른 프록시 도구와 함께 사용 가능 (기본적으로 AnyProxy가 사용됨) (외부 프록시 설정)
사용 사례
페이지 편집 모드
시작 명령 :spy-debugger -w true
weiner 페이지 디버깅 인터페이스
anyproxy 캡처 인터페이스
설치
Windows에서
npm install spy-debugger -g
Mac에서
sudo npm install spy-debugger -g
시작하는 데 3 분
1 단계 : 전화와 PC를 동일한 네트워크에 유지 (예 : 동일한 Wi-Fi에 동시에 연결)
2 단계 : 명령 줄에 spy-debugger를 입력하고 명령 줄 프롬프트에 따라 브라우저에서 해당 주소를 엽니 다.
3 단계 : 휴대폰의 HTTP 프록시를 설정하고 프록시 IP 주소는 PC의 IP 주소로 설정하고 포트는 스파이 디버거의 시작 포트입니다 (기본 포트 : 9888).
Android 프록시 설정 단계 : 设置 - WLAN - 长按选中网络 - 修改网络 - 高级 - 代理设置 - 手动
iOS 프록시 설정 단계 : 设置 - 无线局域网 - 选中网络 - HTTP代理手动
4 단계 : 전화기에 인증서를 설치합니다. 참고 : 휴대폰은 먼저 프록시를 설정 한 다음 (WeChat이 아닌) 모바일 브라우저를 통해 http://s.xxx(地址二维码)
설치 인증서에 액세스해야 합니다 (휴대폰은 처음 디버깅을 위해 인증서를 설치해야하며 인증서가 설치된 휴대폰은 다시 설치할 필요가 없습니다). 문제 : iOS 10.3.1
위 버전 인증서 설치 문제
5 단계 : 모바일 브라우저를 사용하여 디버깅 할 페이지를 방문합니다.
맞춤 옵션
포트
(기본 포트 : 9888)
spy-debugger -p 8888
외부 프록시 설정 (기본적으로 AnyProxy가 사용됨)
spy-debugger -e http://127.0.0.1:8888
spy-debugger에는 패킷 캡처 기능을 제공하는 AnyProxy가 내장되어 있지만 Charles 및 Fiddler와 같은 외부 프록시를 설정하여 다른 패킷 캡처 프록시 도구와 함께 사용할 수도 있습니다.
페이지 콘텐츠를 편집 가능 모드로 설정
이 기능을 사용하면 페이지 내용을보다 직관적이고 편리하게 수정할 수 있습니다. (기본값 : false)
spy-debugger -w true
내부 원칙 : 디버그 페이지에 코드 삽입 필요성 : document.body.contentEditable=true
. iscroll 프레임 워크를 사용하는 페이지는 현재 지원되지 않습니다.
iframe에 의해로드 된 페이지를 모니터링하도록 허용할지 여부
(기본값 : false)
spy-debugger -i true
브라우저에서 시작된 https 요청 만 차단할지 여부
(기본값 : true)
spy-debugger -b false
일부 브라우저에서 보낸 연결 요청은 userAgent를 올바르게 전달하지 못하며, UC 브라우저와 같이이 판단이 때때로 잘못되었습니다. 이번에는 false로 설정해야합니다. 대부분의 경우 기본 구성 인 true를 사용하는 것이 좋습니다. 현재 WebView가 아닌 앱 애플리케이션의 많은 요청이 SSL 고정 기술을 사용하므로 사용자 지정 인증서는 앱의 인증서 확인을 통과하지 못합니다.
HTTP 캐싱 허용 여부
(기본값 : false)
spy-debugger -c true
원본 출처 : Acridine Egg Yolk