WeChat H5 ページで発生したいくつかの問題

1. 入力ボックスのカーソルが中央に配置されていないため、line-height の設定も無効になります。

解決策は、line-height で行の高さを設定しないことです。高さをサポートするためにパディングを使用します

2. WeChat に音声ファイルを追加しますが、自動的に再生されません

解決策:

function audioAutoPlay(id){    //解决微信内部无法播放音频的问题
     var audio = document.getElementById(id); 
    audio.play();  
    document.addEventListener("WeixinJSBridgeReady", function () {  
            audio.play();  
    }, false);  
    document.addEventListener("YixinJSBridgeReady", function() {  
        audio.play();  
    }, false);  
}  
    audioAutoPlay("music");

3. WeChat の h5 ページは JS の更新またはジャンプをサポートしません。 、

var a= Math.random() * 100;

window.location.href = window.location.href+"?id="+a;

4. Android スマートフォンのソフト キーボードによりレイアウトが上に移動します。

解決策:

①下部の入力ボックス バグが発生した場合は、ボタンを上に移動してください

②JSを通じて修正してください

function fixfixed(obj) {  

        if(document.activeElement.nodeName == 'INPUT'){
            obj.css('position', 'static');
        } else {
            obj.css('position', 'fixed');
        }
    }

これらは現在利用可能です。新しいものを見つけたら、追加を続けてください

その他の関連記事については、こちらをご覧ください。 WeChat H5 ページで発生するいくつかの問題については、PHP 中国語ネットにご注意ください。