-webkit-transform, -webkit-perspective 및 여러 비슷한 것을 사용하는 CSS를 작성했습니다. 내 디자인은 하드웨어 가속을 사용할 수 있지만 실제로는 사용할 수없는 경우 기계에서 꿀벌 무릎을 봤습니다. 하드웨어 가속화 가용성을 확인하고 대체 CSS를 제공하려면 어떻게해야합니까?하드웨어 가속 상태 확인 중입니까? (테스트 가능)
사이드 노트 : chrome : // gpu-internals /를 실행하여 수동으로 사용 가능 여부를 확인하십시오.
슬프게도, 대답은 '당신은 (아직)'수없는 것 같습니다.
Modernizr 프로젝트는 HW 가속을 '발견되지 않음'중에서 나열합니다 : https://github.com/Modernizr/Modernizr/wiki/Undetectables.
페이지의 아무 것도 렌더링 할 때 HW 가속이 사안별로 사용되는 것 같습니다. 따라서 브라우저가 이론적으로 HW 가속을 지원할 수는 있지만 사전에 어떤 작업 (번역, 전환, 다시 그리기 등)에 사용되는지 여부는 알 수 없습니다.
프로파일 링을 사용하여 HW 가속을 사용하거나 사용하지 않는 성능 변화를 감지하는 감지 체계를 상상할 수 있습니다. 그러나 HW 가속을 사용하는 사항은 페이지보기에서 한 레이어에서 발생합니다. 예를 들어, HW 가속을 안정적으로 활성화/비활성화 할 수있는 경우에도 전환의 프레임 속도를 감지 할 수 없습니다.
웹킷 렌더링 API는이 정보를 사용할 수있는 장소처럼 보이지만, 페이지 수준합니다 (DOM에서 노드가 RenderObjects 그들에 부착 된 경우에도) 자바 스크립트를 통해 액세스 할 수 있도록 보이지 않는 : https://www.webkit.org/blog/114/webcore-rendering-i-the-basics/
알려진 유일한 가속화 된 브라우저 목록 (yuck)에 대해 사용자 에이전트가 스니핑하는 유일한 방법처럼 보입니다.
나는이 두 가지 방법 모두를 시도해 보았지만 (운 좋게도?) 크롬은 기본적으로 로컬 리소스를로드 할 수 없다. 나는 브라우저에서 기대하고 있습니다 ... – rene
좋은 테스트. 이 질문을 게시하기 전에 오랜 시간 동안 솔루션을 검색했습니다. 나는 이것을 원한 최초의 사람이라고 믿을 수 없다! –