>웹 프론트엔드 >H5 튜토리얼 >WeChat H5 페이지에서 발생하는 몇 가지 문제

WeChat H5 페이지에서 발생하는 몇 가지 문제

高洛峰
高洛峰원래의
2017-02-09 15:13:311653검색

1. 입력 상자의 커서가 고정된 값으로 사용됩니다.

해결 방법은 줄 높이를 설정하는 것이 아닙니다. 줄 높이로 패딩을 사용하세요.

WeChat H5 페이지에서 발생하는 몇 가지 문제

WeChat H5 페이지에서 발생하는 몇 가지 문제

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 중국어 웹사이트에 주목하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.