So machen Sie das WeChat Mini-Programm mit IOS und Android kompatibel-js-Tutorial-php.cn

So machen Sie das WeChat Mini-Programm mit IOS und Android kompatibel

小云云

Freigeben： 2018-01-31 13:31:34

Original

2651 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich relevante Informationen zu IOS- und Android-Kompatibilitätsproblemen bei der WeChat-Applet-Entwicklung vorgestellt. Ich hoffe, dass dieser Artikel allen helfen kann.

IOS- und Android-Kompatibilitätsprobleme bei der WeChat-Applet-Entwicklung

1. Zeitkonvertierungsproblem:

Dies ist Nicht nur bei kleinen Programmen ein Problem, sondern auch bei iOS-Systemen.

Das heißt, das neue Datum („2017-06-16“) führt zu NAN in IOS, daher muss die Zeitkonvertierung gekapselt werden Separat ist die Lösung wie folgt:

Ersetzen Sie „-“ durch „/“

2. Löschen Sie die Zeichenfolge nach „.“ >

Der Code lautet wie folgt:

 /**
   * 字符串转换为时间
   * @param {String} src 字符串
   */
  strToDate(dateObj){
   dateObj = dateObj.replace(/T/g, &#39; &#39;).replace(/\.[\d]{3}Z/, &#39;&#39;).replace(/(-)/g, &#39;/&#39;)
   dateObj = dateObj.slice(0, dateObj.indexOf("."))
   return new Date(dateObj)
  }

Nach dem Login kopieren

2. Problem mit der festen Positionierung

Die feste Positionierung des Beim Herunterziehen des iOS-Pulldown-Ereignisses wird die gesamte Seite ausgelöst, jedoch kein Animationseffekt. Android kann normal ausgeführt werden

Absolute Positionierung wird in Flex verwendet, was dazu führt, dass das übergeordnete Element zur absoluten Positionierung wird. Android kann den gewünschten Effekt erzielen

Kurz gesagt, versuchen Sie es nicht behoben

3. Absolutes Positionierungsproblem

1. Bei Verwendung der absoluten Positionierung und der Einstellung der Bandbreite auf 100 % und der Einstellung der Auffüllung wird die Bildschirmbreite verringert Überlauf, und die Seite kann nach links und rechts verschoben werden. Auf dem Simulator gibt es kein Problem, aber auf der realen Maschine gibt es dieses Problem. Dieses Problem hat mich lange debuggen und leiden lassen

2. Wenn Sie absolute Elemente verwenden und das aktuelle Element ein Flex-Container ist, wird das Layout unter iOS nicht beeinträchtigt. Alle Elemente werden in „abslote“ konvertiert und der Text wird falsch ausgerichtet sein Große Schaltflächen, zwei Wörter. Ich hoffe, es wird ein Leerzeichen in der Mitte sein, aber ich habe bisher keinen Platzhalter gefunden, der verwendet werden kann, daher habe ich die Wortabstand-plus-Leerzeichen-Methode verwendet, um den Abstand des Textes festzulegen , auf dem iPhone 6s, wenn zwischen zwei Wörtern ein Leerzeichen steht, wird das Ganze nach rechts verschoben. Hoppla, es müssen zwei Leerzeichen gesetzt werden, damit es richtig funktioniert!

Verwandte Empfehlungen:

Detailliertes Beispiel für ein IOS-Datenbank-Upgrade und eine Datenmigration

Lösung für die blinkende Schaltfläche auf der iOS-Seite

So verbinden Sie H5 mit iOS- und Android-Daten

Das obige ist der detaillierte Inhalt vonSo machen Sie das WeChat Mini-Programm mit IOS und Android kompatibel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!