Mobile(39)
-
[Mobile] Android WebView의 문제점 및 대안
주의 Crosswalk 브라우저는 2017년 2월 릴리즈21을 마지막으로 개발이 중단되었습니다. WebView(웹뷰)란 안드로이드에 내장된 브라우저 모듈로써, 네이티브 앱 제작 시 사용할 수 있으며 HTML문서를 해석하고 출력하는 기능을 합니다. (iOS에서는 UIWebView) WebView의 한계 WebView는 HTML5의 모든 기능을 완벽하게 실행하지 못하고, 하드웨어 가속을 사용하지 못합니다. 2D렌더링, 대용량 동영상, WebRTC, WebAudio 지원하지 않으며, CSP(Content Security Policy) 설정불가 등 일부 보안취약점도 존재합니다. WebView는 안드로이드 버전별로 버전이 다르기에 버전 별로 파편화가 발생할 수 있습니다. 구글은 더 이상 안드로이드 4.3 이하의 ..
2015.07.03 -
[Mobile] ViewPort란?
ViewPort란 모바일 브라우저에서 웹컨텐트를 출력하는 영역으로써, 일반 PC의 브라우저에는 존재하지 않는 개념입니다. ViewPort는 웹페이지의 너비와 높이, 확대/축소 상태를 설정할 수 있게 해주며, 이를 통해 웹컨텐트가 최적의 상태로 표현될 수 있도록 도와줍니다. 모바일을 위한 웹페이지를 제작할 때 태그를 통해 ViewPort의 크기, 줌인/줌아웃 값을 설정할 수 있습니다. ViewPort를 지원하지 않는 대부분의 PC 브라우저는 이 설정을 무시합니다. width: ViewPort의 가로크기를 지정합니다. 1024로 설정할 경우 ViewPort의 가로픽셀 개수는 1024개가 됩니다. 허용되는 값의 범위는 200~10,000입니다. height: ViewPort의 세로에 해당하는 픽셀의 개수입니다..
2015.07.02 -
[Cordova] 기본 meta태그 및 보안설정
format-detection 스마트폰의 브라우저는 전화, 주소, 이메일 등을 발견하면 자동으로 링크를 걸게됩니다. 이를 제어하기 위해 아래 meta 태그를 사용합니다. 위 설정은 브라우저가 컨텐트 내의 전화, 주소, 이메일을 발견해도 링크를 자동으로 걸지 않게 합니다. tap-highlight IE 11에서 링크를 탭할 경우, 터치된 대상을 명확하게 표시하기 위해 시각적으로 강조하는 기능이 있습니다. 이 기능은 대체로 유용하지만, 이미지링크 혹은 스타일이 적용된 링크의 경우 사용자 경험을 떨어뜨리는 요인이 되기도 합니다. 이를 위해 다음과 같은 태그 설정은 이러한 시각적 강조기능을 제거합니다. cordova-plugin-whitelist cordova에서 지원하는 보안설정을 위 플러그인 입니다. 이 플..
2015.07.02