html5 앱 예제

유일한 캐치는, 프로그레시브 웹 애플 리 케이 션 아직 모든 브라우저 또는 소프트웨어에서 지원 되지 않습니다. 예를 들어 GPS 또는 지문 스캐너와 같은 기능을 사용할 수 없습니다. 어쨌든 그게 목표입니다. 현실은 조금 다를 수 있으며, 우리는 단지 이유의 좋은 예를 위해 비디오 재생을 볼 필요가있다. 크롬, 오페라, 인터넷 익스플로러, 에지, 파이어 폭스, 그리고 사파리는 HTML5 브라우저와 비디오 가리키기 단지 몇 단어에서 개발자가 입력하면 비디오 재생을 지원 : 당신이 사용하고 싶은 모든 브라우저는 HTML5를 지원합니다. 이러한 앱이 가지고 있는 모든 유형의 휴대용 웹 뷰 구성 요소는 동일한 렌더링 엔진을 사용하기 때문에 동일한 작업을 수행합니다. 이 사용 가능한의 훌륭한 예가있다, 그리고 거의 모든 우리 중 하나는 우리가 사용하는 전화의 종류에 상관없이 불행했다 : 페이스 북 응용 프로그램. Facebook 앱은 기본적으로 버튼을 누르고 운영 체제가 승인하는 방식으로 계정 자격 증명을 관리하거나 메시지를 푸시하는 데 도움이 되는 프레임에 포함된 웹 보기입니다. 응용 프로그램 내에서 일어나는 모든 것들은 HTML5로 이루어집니다, 그리고 당신이 인터넷에서 모든 데이터를 가져 오기고려하면 처리하기에 너무 많이. 개발자는 페이스 북에 점점 더 많은 추가 계속, 사용자는 페이스 북 의 외부 장소에서 호스팅 큰 파일을 게시하고, 수백만의 사람들이 한 번에 페이스 북의 서버를 공격, 24/7. 따라서 앱이 새로 고침이 느려지고, 전력이 매우 강하며, 많은 불만이 제기됩니다. 경고. 브라우저 동작은 자동 키 반복에 대 한 일치: 키를 누르면 유지 하는 경우, 구글 크롬과 사파리 반복적으로 키 처리기를 호출 하는 것, 반면 파이어 폭스는 한 번만 키 처리기를 호출 하는 것.

자세한 내용은 예를 들어 키보드 이벤트에 대한 Jan Wolter의 기사에서 찾을 수 있습니다. 산업 전반에 걸친 브랜드에 대한 점진적인 웹 앱의 환상적인 결과를 보여주는 충분한 예제가 있습니다. 이 블로그 게시물을 살펴보면 Instagram을 네이티브 앱의 예로 사용할 뿐만 아니라 네이티브 앱의 예로 사용하는 하이브리드 대 네이티브의 장점을 노출하려고 시도하는 것이 아니라 훌륭한 네이티브 앱의 예로 구체적으로 사용되며 Nativ의 성능과 부드러움을 원하는 이유를 살펴보십시오. e. 실제로 웹 뷰를 사용하여 모든 콘텐츠를 렌더링하는 하이브리드 응용 프로그램이기 때문에 이것은 다소 재미 있습니다. (FWIW – 나는 그것을 노크하지, 좋은 기사라고 생각합니다.) 또는 해시에서만 다른 URL을 선택할 수 있습니다(예: # 문자 이후의 부분). 이 경우 URL 간에 전환할 때 다시 로드할 필요가 없으며, 화면 간 전환 속도가 빨라지고 화면 간에 JavaScript 데이터 구조를 유지할 수 있습니다. 이 방법의 한 가지 문제는 현재 브라우저가 아직 window.onhashchange 이벤트를 구현하지 않으므로 사용자가 브라우저 기록 이나 북마크를 사용하여 화면을 변경하려고 할 때 HTML5 앱이 감지하기가 어렵습니다. 현재 가장 좋은 방법은 폴링을 사용하여 해시의 변경 사항을 수동으로 확인하는 것입니다.

이는 아래 예제에 나와 있습니다.

About the author: mcadmin