【微信H 5開発】大画面iPhoneでは微信QRコードが認識できない
1046 ワード
に質問
公衆番号のQRコードが表示されているページがあり、ユーザーは長押ししてポップアップメニューでQRコードを認識し、公衆番号にジャンプすることができ、QRコードを認識するステップはandroidマシンや非大画面のiPhoneでは正常だが、iPhone 6 s plusだけがこのQRコードを認識できないのはおかしい.
の原因となる
ネットで探してみると、この問題を言っている文章がたくさんありますが、大画面iPhoneだとは言っていません.比較的普遍的な問題です.私が注目したのは、QRコードの認識に失敗する原因をまとめると、viewportのスケールがこの問題を引き起こす可能性があるということです.
思いついたことに、私たちのプロジェクトでは、手持ちのflexibleライブラリを使って画面の適応を行い、flexibleはretinaスクリーン以上のiPhoneに対してviewportのズーム設定を行います.例えば、iPhone 6のlayout viewportは750 px幅に設定され、iPhone 6 plusのlayout viewportは1242 px幅に設定され、750 px形式の設計原稿を正確にフィットさせることができます.
解決する
ハンドヘルドのflexibleライブラリはinitial-dpr=1を設定すると、デバイスのdprが1であると強制的に認識され、layout viewportを再スケールしないので、要素の下にこのような要素を追加すればよい.
案の定、問題は解決して、QRコードは正しく識別することができます.
余談
ハンドヘルドのflexibleライブラリはiPhoneのデバイスに高度な適合を行っているが、実際には、上記の微信QRコード認識のピットのほか、他のuiライブラリを使用すると、uiライブラリで発生するuiインタフェースがiPhoneデバイス上で小さくなるなど互換性のない問題(例えば、お腹が空いたmint-uiライブラリ)に遭遇する.比較すると、弊害が利益より大きいのか、それとも一時的に上記の方法でiPhoneのデバイスへの適応を停止したのか、後続はより適切なUI適応方法を模索しなければならないようだ.
公衆番号のQRコードが表示されているページがあり、ユーザーは長押ししてポップアップメニューでQRコードを認識し、公衆番号にジャンプすることができ、QRコードを認識するステップはandroidマシンや非大画面のiPhoneでは正常だが、iPhone 6 s plusだけがこのQRコードを認識できないのはおかしい.
の原因となる
ネットで探してみると、この問題を言っている文章がたくさんありますが、大画面iPhoneだとは言っていません.比較的普遍的な問題です.私が注目したのは、QRコードの認識に失敗する原因をまとめると、viewportのスケールがこの問題を引き起こす可能性があるということです.
思いついたことに、私たちのプロジェクトでは、手持ちのflexibleライブラリを使って画面の適応を行い、flexibleはretinaスクリーン以上のiPhoneに対してviewportのズーム設定を行います.例えば、iPhone 6のlayout viewportは750 px幅に設定され、iPhone 6 plusのlayout viewportは1242 px幅に設定され、750 px形式の設計原稿を正確にフィットさせることができます.
解決する
ハンドヘルドのflexibleライブラリはinitial-dpr=1を設定すると、デバイスのdprが1であると強制的に認識され、layout viewportを再スケールしないので、要素の下にこのような要素を追加すればよい.
案の定、問題は解決して、QRコードは正しく識別することができます.
余談
ハンドヘルドのflexibleライブラリはiPhoneのデバイスに高度な適合を行っているが、実際には、上記の微信QRコード認識のピットのほか、他のuiライブラリを使用すると、uiライブラリで発生するuiインタフェースがiPhoneデバイス上で小さくなるなど互換性のない問題(例えば、お腹が空いたmint-uiライブラリ)に遭遇する.比較すると、弊害が利益より大きいのか、それとも一時的に上記の方法でiPhoneのデバイスへの適応を停止したのか、後続はより適切なUI適応方法を模索しなければならないようだ.