Maison > interface Web > js tutoriel > Comment rendre le mini programme WeChat compatible avec IOS et Android

Comment rendre le mini programme WeChat compatible avec IOS et Android

小云云
Libérer: 2018-01-31 13:31:34
original
2642 Les gens l'ont consulté

Cet article présente principalement des informations pertinentes sur les problèmes de compatibilité IOS et Android dans le développement d'applets WeChat. J'espère que cet article pourra aider tout le monde. Les amis dans le besoin pourront s'y référer.

Problèmes de compatibilité IOS et Android dans le développement de l'applet WeChat

1. Problème de conversion de l'heure :

Ceci est pas seulement un problème avec les petits programmes, mais aussi avec les systèmes iOS

C'est-à-dire que new Date("2017-06-16") provoquera un NAN dans IOS, la conversion de l'heure doit donc être encapsulée. séparément. , la solution est la suivante

1. Remplacez "-" par "/"

2 Supprimez la chaîne après "." >

Le code est le suivant :


 /**
   * 字符串转换为时间
   * @param {String} src 字符串
   */
  strToDate(dateObj){
   dateObj = dateObj.replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '').replace(/(-)/g, '/')
   dateObj = dateObj.slice(0, dateObj.indexOf("."))
   return new Date(dateObj)
  }
Copier après la connexion

2. Problème de positionnement fixe

Le positionnement fixe du la page entière sera déclenchée lors du déroulement sur l'événement Pull down ios, mais aucun effet d'animation. Android peut fonctionner normalement

Le positionnement absolu est utilisé dans flex. iOS présente un grave désalignement, ce qui fait que l'élément parent devient un positionnement absolu

En bref, essayez de ne pas l'utiliser. résolu

3. Problème de positionnement absolu

1. En utilisant le positionnement absolu, et la bande passante est définie sur 100 % et le remplissage est défini, la largeur de l'écran sera réduite. débordement, et la page peut être déplacée à gauche et à droite. Bug, il n'y a pas de problème sur le simulateur, mais il y a ce problème sur la vraie machine. Ce problème m'a fait déboguer et souffrir pendant longtemps

2. Lors de l'utilisation d'absolu et que l'élément actuel est un conteneur flex, la mise en page ne sera pas affectée sous Ios. Tous les éléments seront convertis en abslote et le texte. sera mal aligné

3. Bref, essayez de ne pas utiliser d'absolu

4 Le problème de l'espacement des mots dans les boutons

Parfois lors de l'utilisation. gros boutons, deux mots J'espère qu'il y aura un espace au milieu, mais je n'ai pas trouvé d'espace réservé pouvant être utilisé jusqu'à présent, j'ai donc utilisé la méthode espacement des mots plus espace pour définir l'espacement du texte. , sur iPhone 6s, lorsqu'il y a un espace entre deux mots, le tout se déplacera vers la droite. Oups, il faut mettre deux espaces pour que cela fonctionne correctement !

Recommandations associées :


Exemple détaillé de mise à niveau de la base de données IOS et de migration des données

Solution au bouton clignotant côté iOS

Comment connecter le H5 aux données iOS et Android


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal