현대식 브라우저를 사용하여 브라우저에서 웹 지원을 감지 할 수 있습니다.

Question

여기서 내가 잘못 될지 확실하지 않지만 곧 바랄 것 같습니다. 웹 지원을 감지하려고합니다.

그래서 나는 현대화 사이트로 갔고 스크립트를 다운로드 한 웹 옵션을 확인했습니다.

나는 wordpress 함수 파일을 사용하여 스크립트를 추가했으며 프런트 엔드에서로드되고 있음을 확인했습니다.

그런 다음 스크립트를로드 한 후 나는 WebP 형식이 지원되는 경우 탐지하기 위해 다음 코드를 사용

/* 
* Check webp support 
*/ 
if (Modernizr.webp) { 
    alert('webp supported'); 
} else { 
    alert('webp not supported'); 
} 

아아, 나는 아무런 경고 메시지가 표시되지 않습니다.

dev 도구 콘솔에도 오류 메시지가 없습니다.

누구나 알 수 있습니다.

건배

Answer 1

Modernizr.on('webp', function (result) { 
    if (result) { 
    // Has WebP support 
    } 
    else { 
    // No WebP support 
    } 
}); 

Answer 2

그것은 잘, 여기에 작업 조각이다 사용 :

/* 
 
    Check webp support 
 
*/ 
 

 
if (Modernizr.webp) { 
 
    console.log('webp supported'); 
 
} else { 
 
    console.log('webp not supported'); 
 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"></script>