WeChat 미니 프로그램 도구 세부정보
javascript && wxss
WeChat 애플릿은 세 가지 터미널, 즉 iOS, Android 및 디버깅용 개발자 도구에서 실행됩니다.
세 터미널의 스크립트 실행 환경과 기본이 아닌 구성 요소를 렌더링하는 데 사용되는 환경은 다릅니다.
- iOS에서는 애플릿의 자바스크립트 코드가 JavaScriptCore에서 실행되고 WKWebView에서 렌더링됩니다. 환경은 iOS8, iOS9입니다. , iOS10
- Android에서는 미니 프로그램의 자바스크립트 코드가 X5 JSCore를 통해 파싱되고 Mobile Chrome 37 커널을 기반으로 X5에서 렌더링됩니다
- 개발 도구에서는 미니 프로그램의 자바스크립트 코드가 nwjs에서 실행되며, Chrome Webview로 렌더링됨
세 터미널의 환경은 매우 유사하지만 여전히 몇 가지 차이점이 있습니다.
ES6
일관성 없는 구문에 대한 구문 지원 개발자는ES6<을 켤 수 있습니다. /code>는
ES5
의 기능을 우회하도록 변환합니다. 세부정보ES6
语法支持不一致语法上开发者可以通过开启ES6
转ES5
的功能来规避。详情ES6
API 支持不一致考虑到代码包大小的限制,API 上目前需要开发者自行引入相关的类库来进行处理,可以通过 caniuse 或者 X5兼容 查询到相关 API 的支持情况wxss
ES6
API 지원은 일관성이 없습니다. 코드 패키지 크기의 제한을 고려하여 현재 API에서는 처리를 위해 관련 클래스 라이브러리를 도입해야 합니다. caniuse 또는 X5 호환성을 통해 관련 API를 쿼리할 수 있습니다. 지원 상태 wxss
일관성 없는 렌더링 성능 대부분의 문제 세부 사항은 스타일 완성을 켜면 피할 수 있지만 개발자는 iOS 및 Android에서 미니 프로그램의 실제 성능을 확인하는 것이 좋습니다. .
은 휴대폰에서 코드를 스캔하기 위해 카메라를 직접 호출하는 것과 다릅니다. 디버깅을 완료하기 위해 카메라를 호출하여 코드를 스캔하는 것은 비효율적인 동작입니다. 따라서 개발 도구에서는 QR 코드 스캐닝 API를 호출한 후 개발자가 실제로 카메라를 활성화하여 코드를 스캔하는 대신 후속 로직 디버깅을 위해 로컬 이미지를 선택할 수 있지만 프로세스는 다릅니다. 인터페이스는 동일합니다.
- WeChat 결제 디버깅
- 최신 버전의 개발자 도구는 이미 WeChat 결제 디버깅을 지원하지만 보안을 고려하여 휴대폰에서 WeChat Pay를 직접 호출하는 것과는 다릅니다.
새로 바인딩된 개발자는 WeChat Pay 디버깅 권한을 받기까지 24시간이 필요합니다.
- 공유 디버깅
개발자 도구에서 공유를 호출하는 것은 시뮬레이션된 동작이며 실제로 사용자와 공유되지 않습니다. 개발자는 이 시뮬레이션된 동작을 사용하여 공유 API가 올바르게 호출되는지 확인할 수 있습니다.
클라이언트의 신뢰할 수 있는 도메인 이름 확인
개발자가 디버깅을 위해 휴대폰을 사용하여 QR 코드를 스캔하는 시나리오에서 디버깅 모드를 켠 후 최신 버전의 클라이언트는 신뢰할 수 있는 도메인 이름을 확인하지 않습니다.
클라이언트 신뢰할 수 있는 도메인 이름 확인
개발자가 디버깅을 위해 휴대폰을 사용하여 QR 코드를 스캔하는 시나리오에서 디버깅 모드를 켠 후 최신 버전의 클라이언트는 신뢰할 수 있는 도메인 이름을 확인하지 마세요.
클라이언트의 신뢰할 수 있는 도메인 이름 확인
개발자가 디버깅을 위해 휴대폰을 사용하여 QR 코드를 스캔하는 시나리오에서 디버깅 모드를 켠 후 최신 버전의 클라이언트는 신뢰할 수 있는 도메인 이름을 확인하지 않습니다.
코드 파일은 UTF8로 인코딩되어야 합니다
iOS에서는 UTF8 인코딩 형식만 지원됩니다. 최신 버전의 개발자 도구는 코드를 업로드할 때 코드 파일에 대한 인코딩 형식 확인을 수행합니다.
ES6 API 지원
WeChat 6.5.3 및 이전 버전에서 미니 프로그램의 ES6 API 지원은 다음과 같습니다.
tip
: TBS 2.0 TBS 3.0은 X5 커널 버전입니다tip
: TBS 2.0 TBS 3.0 是 X5 内核版本tip
팁
: WeChat은 2017년 2월 이전에 전체 TBS 3.0 커널 업그레이드를 완료할 예정입니다🎜