WeChat Mini 프로그램 도구 프로그램 디버깅을 위한 세 가지 주요 기능 영역


프로그램 디버깅에는 세 가지 주요 기능 영역이 있습니다: 시뮬레이터, 디버깅 도구미니 프로그램 운영 영역


Simulator


시뮬레이터는 클라이언트에서 WeChat 애플릿의 실제 논리적 성능을 시뮬레이션합니다. . 대부분의 API에 대해 올바른 상태가 시뮬레이터에 표시될 수 있습니다.

模拟器

컴파일 코드


현재 코드를 컴파일하고 동시에 시뮬레이터를 자동으로 새로 고치려면 도구의 왼쪽 하단에 있는 컴파일 버튼을 클릭하세요. 개발자가 특정 페이지를 디버그하는 데 도움이 됩니다. 사용자 정의 컴파일 모드를 선택할 수 있습니다.

wxml



디버깅 도구


디버깅 도구는 6개의 주요 기능 모듈로 나뉩니다: Wxml, Console, Sources, Network, Appdata, 저장

3

Wxml Pannel

Wxml Pannel은 개발자가 Wxml 변환 인터페이스를 개발하는 데 사용됩니다. 여기에서 실제 페이지 구조와 구조에 해당하는 wxss 속성을 볼 수 있으며 동시에 해당 wxss 속성을 수정하고 시뮬레이터에서 수정 사항을 실시간으로 볼 수 있습니다. 디버깅 모듈의 왼쪽 상단에 있는 선택기를 통해 페이지의 구성 요소에 해당하는 wxml 코드를 빠르게 찾을 수도 있습니다.

wxml


소스 패널


소스 패널은 현재 프로젝트의 스크립트 파일을 표시하는 데 사용됩니다. 브라우저 개발과 달리 WeChat 애플릿 프레임워크는 스크립트 파일을 컴파일하므로 개발자가 소스 패널에서 보는 파일은 개발자의 코드가 래핑됩니다. 정의 함수와 페이지 코드의 경우 마지막에 require에 대한 활성 호출이 있습니다.

sources

Network 패널

Netwrok Pannle은 요청 및 소켓 요청 상황을 관찰하고 표시하는 데 사용됩니다.

network

Appdata 패널

Appdata 패널은 현재 앱 데이터 관련 데이터를 표시하는 데 사용됩니다. 실시간 프로젝트 프로젝트 데이터에 대한 피드백을 제공하려면 여기에서 데이터를 편집하고 적시에 인터페이스에 피드백할 수 있습니다.

appdata

Storage 패널

Storage 패널은 wx.setStorage 또는 wx.setStorageSync를 사용한 후 현재 프로젝트의 데이터 저장 상태를 표시하는 데 사용됩니다.

storage


콘솔 패널

콘솔 패널에는 두 가지 주요 기능이 있습니다.

  • 개발자는 여기에서 코드를 입력하고 디버그할 수 있습니다

    console

  • 미니 프로그램의 오류 출력이 표시됩니다. 여기

    4

센서 패널

센서 패널에는 두 가지 주요 기능이 있습니다.

  • 개발자는 여기에서 지리적 위치를 시뮬레이션하도록 선택할 수 있습니다

    location

  • 개발 모바일 장치 성능은 중력 감지 API 디버깅을 위해 여기에서 시뮬레이션하세요

    4


미니 프로그램 운영 영역


미니 프로그램 운영 영역은 개발자가 일부 클라이언트 환경 운영을 시뮬레이션하는 데 도움이 됩니다. 예를 들어 사용자가 미니 프로그램에서 채팅창으로 돌아오면 미니 프로그램의 배경에 설정된 API가 실행됩니다.

5

미니 프로그램이 여러 창을 사용하는 경우 상단 작업 영역에서 페이지를 전환할 수 있습니다. 이 작업은 실제 WeChat 클라이언트에서만 존재합니다. 아무 것도 아닐 것입니다.

小程序操作区