spy debugger

스파이 디버거 정보

원스톱 페이지 디버깅 및 패킷 캡처 도구입니다. 모바일 브라우저 페이지와 모바일 웹뷰(예: WeChat, HybridApp 등)를 원격으로 디버깅합니다. HTTP/HTTPS를 지원하며 USB 연결 장치가 필요하지 않습니다.

언어: 영어

특성

1. 페이지 디버깅 + 패킷 캡처
2. 작동하기 쉽고 USB 연결 장치가 필요하지 않습니다.
3. HTTPS를 지원합니다 .
4. spy-debugger weinre , node-mitmproxy 및 AnyProxy 통합합니다.
5. 기본 앱에서 시작된 https 요청을 자동으로 무시하고 webview에서 시작된 https 요청만 차단합니다. SSL 고정 기술을 사용하는 기본 앱에는 아무런 영향을 미치지 않습니다. [PS: iOS 15 프록시 프로토콜 조정으로 인해 iOS 15 요청이 브라우저에 의해 시작되었는지 더 이상 감지할 수 없습니다.]
6. 다른 프록시 도구와 함께 사용할 수 있습니다. (기본적으로 AnyProxy가 사용됩니다.) (외부 프록시 설정)

사용 사례

페이지 편집 모드

시작 명령: spy-debugger -w true

위너 페이지 디버깅 인터페이스

anyproxy 패킷 캡처 인터페이스

설치하다

Windows에서

    npm install spy-debugger -g

맥에서

    sudo npm install spy-debugger -g

3분 안에 시작하세요

1단계: 휴대폰과 PC를 동일한 네트워크에 유지합니다(예: Wi-Fi에 동시에 연결).

2단계: 명령줄에 spy-debugger 입력하고 명령줄 프롬프트에 따라 브라우저에서 해당 주소를 엽니다.

3단계: 휴대폰의 HTTP 프록시를 설정합니다. 프록시 IP 주소는 PC의 IP 주소로 설정되며 포트는 spy-debugger 의 시작 포트입니다(기본 포트: 9888).

• Android에서 프록시를 설정하는 단계:设置- WLAN - 长按选中网络- 修改网络- 高级- 代理设置- 手动
• iOS 설정 프록시 단계:设置- 无线局域网- 选中网络- HTTP代理手动

4단계: 휴대폰에 인증서를 설치합니다. 참고: 휴대폰은 먼저 프록시를 설정한 다음 (WeChat이 아닌) 모바일 브라우저를 통해 http://s.xxx (地址二维码) 에 액세스하여 인증서를 설치해야 합니다 (휴대폰을 처음 디버깅하려면 설치가 필요함). 이미 인증서를 설치한 휴대폰에서는 다시 설치할 필요가 없습니다. iOS에 새로 설치된 인증서는 인증서 신뢰를 수동으로 켜야 합니다.

5단계: 모바일 브라우저를 사용하여 디버깅하려는 페이지에 액세스합니다.

맞춤 옵션

포트

(기본 포트: 9888)

 spy-debugger -p 8888

외부 프록시 설정(기본적으로 AnyProxy 사용)

 spy-debugger -e http://127.0.0.1:8888

spy-debugger에 내장된 AnyProxy는 패킷 캡처 기능을 제공하지만 Charles 및 Fiddler와 같은 외부 프록시를 설정하여 다른 패킷 캡처 프록시 도구와 함께 사용할 수도 있습니다.

페이지 콘텐츠를 편집 가능 모드로 설정

이 기능을 사용하면 페이지 내용을 보다 직관적이고 편리하게 수정할 수 있습니다. (기본값: 거짓)

 spy-debugger -w true

내부 구현 원칙: 디버깅해야 하는 페이지에 코드 삽입: document.body.contentEditable=true . iscroll 프레임을 사용하는 페이지는 아직 지원되지 않습니다.

weinre가 iframe에 의해 로드된 페이지를 모니터링하도록 허용할지 여부

(기본값: 거짓)

 spy-debugger -i true

브라우저에서 시작된 https 요청만 가로챌지 여부 [PS: iOS 15 프록시 프로토콜 조정으로 인해 요청이 브라우저에서 시작되었는지 여부를 더 이상 감지할 수 없습니다.]

(기본값: 거짓)

 spy-debugger -b true

일부 브라우저에서 발행한 연결 요청은 userAgent를 올바르게 전달하지 않으며, UC Browser 와 같이 이 판단이 잘못된 경우가 있습니다. 이번에는 false로 설정해야 합니다. 대부분의 경우 기본 구성인 true를 활성화하는 것이 좋습니다. 현재 앱 자체(WebView 아님)에서 발행한 많은 요청이 SSL 고정 기술을 사용하므로 사용자 정의 인증서는 앱의 인증서 확인을 통과하지 못합니다.

HTTP 캐싱 허용 여부

(기본값: 거짓)

 spy-debugger -c true

더

• node.js V7 버전에서 weinre 충돌하는 버그를 수정했습니다.

• weinre 페이지 document ready 이벤트 이전에 console.log 로그를 인쇄할 수 없는 문제를 개선 및 복구했습니다.

• 포착되지 않은 예외(Uncaught Exceptions) 기능을 인쇄하는 weinre 강화합니다.

• spy-debugger 의 원칙은 weinre 통합하는 것입니다. 이는 weinre 각 디버그 페이지에 js 코드를 추가할 필요성을 단순화합니다. spy-debugger 의 원칙은 모든 HTML 페이지 요청을 가로채고 weinre 에 필요한 js 코드를 삽입하는 것입니다. 페이지 디버깅을 더욱 편리하게 만듭니다.