호스트 웹 응용 프로그램으로 만 Ionic Framework 또는 OnsenUI를 사용할 때의 단점은 무엇입니까

Question

AngularJS를 사용하여 호스팅 된 웹 응용 프로그램을 만들 계획입니다. UI 프레임 워크로서 우리는 Ionic과 Onsen이 AngularJS와 잘 작동하는 것을 발견했습니다. 이 두 프레임 워크는 특히 하이브리드 응용 프로그램 용으로 제작되었습니다. 그러나 우리는 올바르게 이해합니다. 두 프레임 워크 모두 웹 기술을 기반으로합니다. 그렇다면 하이브리드가 아닌 앱을 위해 제안 된 UI 프레임 워크를 사용할 때 어떤 단점이 있습니까? 주로 브라우저 지원입니까?

감사

Answer 1

음, Ionic 및 Onsen 모두 하이브리드 모바일 앱을 위해 특별히 만들어집니다. 제한된 뷰포트를 대상으로하고 전화 UX 패턴을 통합했기 때문에 사용자 정의가없는 태블릿 응용 프로그램에도이 기능을 사용할 수 없습니다 (잘못된 경우 수정하십시오).

또한 (웹 뷰 구성 요소에 앱이 호스팅 됨)으로되어 있으며 성능 향상을 위해 GPU 가속화와 같은 몇 가지 일반적인 WebView 문제를 해결합니다.

간단한 웹 응용 프로그램을위한 UI 프레임 워크가 필요한 경우 Twitter Boostrap 또는 Zurb Foundation을 사용하는 것이 좋습니다. 복잡한 경우에는 Angular 대신 Sencha을 고려할 수도 있습니다.

Answer 2

Cordova/PhoneGap Device Plugin이 설치되기를 기대하는 일부 Ionic이 있습니다. Android 및 iOS에 적절하게 표시하고 iOS 7 용 헤더 막대의 크기를 늘리는 데 도움이됩니다. 브라우저의 "크롬"이이 공간을 차지하므로 웹에 문제가되지는 않을 것입니다.

템플리트 파일이 인터넷에 연결되어 있어야하기 때문에 페이지 전환과 같은 부드러움이 느슨해 질 수도 있지만 앱은 이오닉 또는 온 세미와 함께 빌드 된 경우 가장 효과적입니다. 편물.

Answer 3

모바일 퍼스트 디자인 접근 방식에있어 스마트 접근 방식 일 수도 있습니다. 장점은 사용자 의견/측정 항목에 따라 네이티브 또는 플랫폼 특정 앱에 투자하는 아이디어를 빠르게 반복 할 수 있다는 것입니다.

웹 페이지와 기본 응용 프로그램에 대해 다른 UI 및 응용 프로그램 논리에 대한 사용자의 기대가 가장 큰 단점입니다. 예를 들어 뒤로 버튼은 브라우저와 머리글에 복제됩니다. 일부 플랫폼 특정 CSS 또는 구성을 사용하여이를 숨길 수 있습니다. 그런 다음 응용 프로그램 상태와 사용자 데이터가 있습니다. 로컬 저장소, 세션 또는 데이터베이스에 저장합니까? 이것은 앱과 최상의 판단에 달려 있습니다.

예를 들어 IE6 ​​/ 7 (angular browser support 참조)에서 작동하도록 타겟팅되지 않았기 때문에 Ionic 및 Onsen의 핵심에서 해결되지 않을 수있는 브라우저 문제가있을 수 있지만 등급을 지정하여 해결할 수 있습니다 브라우저 지원 정책.

Answer 4

지난 몇 개월 동안 상황이 크게 바뀌 었습니다.

두 프레임 워크는 이제 분할보기를 지원하므로 타블렛 장치에 사용할 수 있습니다. 주관적으로 Onsen UI가 더 나은 지원을하지만 (훨씬 더 구성 가능함) 이온이 좋지 않습니다. 이것은 작은 데스크탑 브라우저 화면으로 변환 할 수 있습니다.

또한 Onsen UI에는 전용 데스크톱 브라우저 support (모든 웹킷 브라우저)이 있어야한다고 생각해야합니다. 이오닉 프레임 워크는 데스크톱 브라우저에서도 작동하지만 완전히 테스트되지 않았거나 그러한 환경에 맞게 최적화되지 않았습니다.

여기서 가장 큰 문제는 두 프레임 워크가 대형 화면에서 사용되지 않는다는 것입니다. 그들은 크게 보이고 부풀어 오른다. jQuery Mobile (데스크탑 브라우저)을 사용해 본 적이 있다면이 문제를 이해하게 될 것입니다.