1, 사용자가 가장 먼저해야 할 일은 먼저 도구를 다운로드하여 설치하고 시작하는 것입니다.
즉시 다운로드 및 사용=="WeChat 웹 개발자 도구 다운로드
2, WeChat 웹 인증 디버깅, 구체적인 단계는 다음과 같습니다 :
1) 개발자는 디버거 "로그인"을 클릭하고 휴대폰 WeChat 스캔 코드를 사용하여 로그인하여 실제 사용자의 신원을 사용하여 개발할 수 있습니다. WeChat 웹 인증 디버깅. 휴대폰 로그인 페이지에 바인딩된 공개 번호가 "WeChat 웹 개발자 도구"인지 확인하시기 바랍니다.
2) 개발자의 신원 정보의 안전을 보장하기 위해 개발자의 마이크로 신호가 디버깅하려는 공개 번호에 바인딩되어 있어야 합니다. 구체적인 작업은 다음과 같습니다: 공개 번호가 관리 백그라운드에 로그인하여 개발자 센터를 활성화하고 개발자 도구 - 웹 개발자 도구 페이지에서 개발자의 마이크로 신호에 바인딩 초대를 보냅니다.
3) 개발자가 WeChat에서 초대를 수락하면 바인딩이 완료됩니다. 각 공개 번호는 동시에 최대 10개의 개발자 마이크로 신호를 바인딩할 수 있습니다. 초대 확인 페이지는 다음 그림과 같습니다.
4) 로그인 및 바인딩이 완료되면 개발자는 WeChat 웹 인증 디버깅을 시작할 수 있으며, 자신이 바인딩한 공개 번호만 디버깅할 수 있습니다.
무음 인증 URL: 클릭하여 보기
위 URL은 WeChat 웹 개발자 도구에서 웹뷰 시뮬레이터에 다음과 같은 효과가 표시됩니다.
위 URL을 보려면 URL을 탭하면 위 URL이 표시됩니다.
위 URL을 탭하려면 URL을 탭하면 위 그림이 표시됩니다. p>
"로그인 확인"을 클릭하면 사용자 정보가 있는 타사 페이지로 이동하므로 이후 개발 및 디버깅에 매우 편리합니다.
무음 인증 URL: 클릭하여 보기
WeChat 웹 개발자 도구에서 이 URL을 열면 자동으로 타사 페이지로 리디렉션됩니다.
(참고: 프록시를 사용하는 경우 프록시 자체가 /jssdk를 지원해야 합니다
디버거에서 URL을 열면 오른쪽의 JS-SDK 탭에서 현재 페이지의 wx.config 체크섬과 JSSDK 호출 로그를 쉽게 확인할 수 있습니다. 다음은 체크섬을 통과한 페이지입니다.
체크섬에 실패한 페이지입니다.
체크섬에 통과하지 못한 페이지는 다음과 같습니다. 페이지:
"권한 목록" 탭에서 현재 페이지에 대한 권한이 있는 JS-SDK 목록을 조회할 수 있습니다.
4. 모바일 디버깅
모바일 디버깅은 weinre를 기반으로 하며, weinre를 직접 사용하는 것과 비교하여 몇 가지 개선이 이루어졌습니다.
두 가지 장점이 있습니다. 장점:
1) 페이지에 weinre 디버깅 스크립트를 수동으로 추가할 필요가 없습니다
2) ajax 요청에 국한되지 않고 weinre의 네트워크 요청 탭에서 전체 http 요청 로그를 볼 수 있습니다
(현재 모바일 디버깅은 https를 지원하지 않습니다. 참고)
5. Chrome
5. DevTools
위챗 웹 개발자 도구는 이전 PC에서의 디버깅 환경과 동일한 Chrome DevTools와 통합되어 있어 빠르게 시작할 수 있습니다.
위 내용은 위챗 웹 개발자 도구의 기본 사용법 중 일부이며, 결국 "높은" 소프트웨어의 사용을위한 개발자이며, "문맹자"와 같은 소규모는 단순히 소프트웨어의 특정 사용법을 모릅니다! 이것은 또한 개발자가 자신을 탐구해야하며, 필요한 도구를 개발하는 개발자가 될 수 있어야한다고 생각합니다.