Mobile Web iPhone Hover Click
iPhone Safari 에서 클릭을 두 번 해야만 동작 이슈먼저 자세한 증상 및 원인과 해결방법은 아래와 같다. 증상 : 클릭시 첫번째 클릭은 동작안함(두번째부터 동작함)원인 : css의 허위클래스 :hover 선언시 문제발생으로 마우스 오버시 클릭하면 이벤트가 동작안함디바이스 : 아이폰 safari 브라우저 왜 두 번 클릭해야 하는 현상이 생기는 것인가
태그: mobile
Mobile Wep iScroll Dynamically Loading 이슈
iScroll 플러그인 사용시 동적 로드 시 이슈iScroll은 모바일용 웹페이지 개발 시 내부 스크롤바 기능을 가능하게 해주는 자바스크립트 플러그인 이다. iScroll 사용시 아이폰,안드로이드 모두 정상동작하나, 동적일때가 문제가 있다.예를들어 검색버튼을 눌렀을때 스크롤될 리스트들이 호출되거나 동적으로 페이지 불러올때 페이지 양이 많아서 불러오느라 시
Fiddler Proxy Mobile Web Debugging
fiddler proxy 설정으로 모바일웹 디버깅 하기모바일의 특성상 디버그하기기 좀 까다로운 부분이 있다.그래서 fiddler 툴을 활용하여 proxy 셋팅 후 활용하는 방법을 소개한다.(모바일 디바이스 기기하고 로컬 pc하고 같은 네트워크 Wifi 안에 물려있어야 있어야 한다) 안드로이드 폰은 무선랜을 연결할 때 proxy를 설정할 수가 있다.이 기능을
Mobile Web Debbuging
모바일 웹 디버깅처음 모바일 웹 개발을 시작하는 사람이 느끼는 가장 큰 어려움은 아마도 모바일 웹어서 디버깅하는 것일 것이다. 모바일 기기는 데스크톱에 디해 화면도 작고 입력장치도 불편해 실제로 개발하고 디버딩하는 데 많은 어려움이 있다. 특히, 데스크톱에서 지원하는 디버깅 도구에 익숙한 개발자라면 답답한 정도가 더할 것이다. 모바일 웹 개발자 도구 개발이
Javascript PagesShow PagesHide Event
JavaScript pageshow 이벤트, pagehide 이벤트네트워크 연결 속도가 느리고 연결 비용이 높은 모바일 환경에서는 pageshow 이벤트와 pagehide 이벤트가 중요하다. PC와는 다르게 모바일 브라우저에서는 이 이벤트가 페이지 캐시를 모두 지원하기 때문에 특별히 활용도가 높다. pageshow 이벤트와 pagehide 이벤트는 wind
Javascript Mobile Browser Different Event
JavaScript 데스크톱과 다르게 동작하는 이벤트모바일 브라우저에서도 화면이 스크롤되면 scroll 이벤트가 발생하고, 키보드와 마우스 관련 이벤트도 발생한다. 그러나 모바일 브라우저에서 발생하는 이런 이벤트는 데스크톱 브라우저에서 발생할 때와는 발생 순서나 발생 횟수 등이 다르다. scroll 이벤트 scroll 이벤트는 브라우저의 스크롤 막대가 움직
Javascript Mobile Browser Event API
JavaScript 모바일 브라우저 전용 이벤트모바일 브라우저 환경에서 특화되어 사용되는 이벤트 API를 살펴보자. 터치 이벤트 PC에서는 마우스나 키보드로 애플리케이션을 사용하는 데 필요한 동작과 정보를 입력한다면 모바일 환경에서는 사용자 터치로 필요한 동작과 정보를 입력한다. 동작과 정보를 입력하기 위해 기기의 화면에 손가락을 댔을 때 발생하는 이벤트가
Javascript Mobile Event Step
JavaScript 모바일 이벤트 발생 순서프론트엔드 개발에서 이벤트 발생 순서를 이해하고 개발하는 것은 굉장히 중요하다. 특히 운영체제와 제조사별로 조금씩 다르게 처리되는 모바일에서는 더욱 중요하다. 여기서는 일반적인 이벤트 발생 순서를 알아본다. 선택이벤트(touch, scroll, mouse, click) touch 이벤트와 scroll 이벤트, mo
Javascript Mobile Browser Event
JavaScript 모바일 브라우저 이벤트모바일 환경의 사용자 인터페이스는 데스크톱 환경의 사용자 인터페이스와 다르다. 예를 들어, 모바일 기기에서는 데스크톱 PC의 키보드와 마우스 대신 소프트 키보드와 터치 액션을 제공한다. 그뿐만 아니라 데스크톱에서 지원하지 못하는 다양한 기기 정보를 제공한다. 이러한 차이점으로 모바일 브라우저는 데스크톱과 다른 별도의
Mobile Web의 특징
많은 브라우저 환경초창기 웹에서는 표준이 거의 존재하지 않았다. 물론 W3C에 의해 1994년 10월부터 웹 표준이 개발되고 있었지만 당시에는 각 개발사가 브라우저를 임의로 만들고 있었다. 그래서 인터넷 익스플로러에 맞게 개발한 웹 페이지가 파이어폭스나 오페라에서 정상적으로 동작하지 않는 일이 비일비재했다. 이떄 플랫폼은 단일 플랫폼인 웹이지만 개발자는 서