[위챗 H5 개발] 대형 아이폰은 위챗 QR코드를 인식하지 못해요.
한 페이지에는 공중번호의 QR코드가 전시되어 있다. 사용자는 길게 눌러서 팝업 메뉴에서 이 QR코드를 식별하고 공중번호로 전환할 수 있다. QR코드를 식별하는 단계는 안드로이드기기와 비대면 아이폰에서 모두 정상이지만 유독 아이폰 6s 플러스 한 대가 죽어라 이 QR코드를 식별하지 못한다. 이것은 이상하다.
까닭
인터넷을 찾아보니 이 문제를 다루는 글이 많았지만 큰 화면의 아이폰이라고는 언급하지 않아 비교적 일반적인 문제였다.나의 주의를 끄는 것은 요약이 QR코드 식별에 실패할 수 있는 원인 중 하나가viewport에 대한 축소가 이 문제를 초래할 수 있다는 것이다.
우리 프로젝트에서 손으로 만든 flexible 라이브러리를 사용하여 화면의 적응을 진행했다. flexible는 리티나 화면 이상의 아이폰에 대해viewport의 축소 설정을 한다. 예를 들어 아이폰6의 layout viewport는 750px 넓이, 아이폰6 plus의 layout viewport는 1242px 넓이로 설정하여 750px 형식의 디자인 원고를 정확하게 맞출 수 있다.
해결하다
플러그인 flexible 라이브러리에 initial-dpr=1을 설정하면 장치의 dpr을 1로 강제로 여기고layout viewport를 축소하지 않기 때문에 요소 아래에 이런 요소를 추가하면 됩니다
역시 문제가 해결되어 QR코드를 정확하게 식별할 수 있었다.
주제 밖의 말
손으로 씻은 flexible 라이브러리는 아이폰의 설비에 높은 배합을 했지만 실천해 보니 위의 위챗 QR코드 식별 구덩이를 제외하고 다른 ui 라이브러리를 사용하면 ui 라이브러리에서 발생하는 ui 인터페이스가 아이폰 설비에 작아지는 등 호환되지 않는 문제(예를 들어 배고픈mint-ui 라이브러리)가 발생한다.이로움보다 폐해가 더 큰지, 아니면 잠시 위의 방법으로 아이폰에 대한 자체 적응을 멈췄는지 따져보면 후속으로는 좀 더 적합한 UI 자체 적응 방법을 모색해야 할 것 같다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
