글

7월, 2013의 게시물 표시

브라우저별 navigator.userAgent 반환값

이미지
iPhone 기본브라우저 Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10B329 Safari/8536.25 iPhone chrome 브라우저 Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) CriOS/28.0.1500.16 Mobile/10B329 Safari/8536.25 (00236FCC-CE47-4774-9A79-DBBEEC199F9A) iPad 기본브라우저 Mozilla/5.0 (iPad; CPU OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10B329 Safari/8536.25 iPad chrome 브라우저 Mozilla/5.0 (iPad; CPU OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) CriOS/28.0.1500.16 Mobile/10B329 Safari/8536.25 (811EEF80-F71A-4CA8-8DAB-DB2BA785B506) Android 기본브라우저 (갤럭시 S4) Mozilla/5.0 (Linux; Android 4.2.2; ko-kr; SAMSUNG SHV-E300K/KKUAME7 Build/JDQ39) AppleWebKit/535.19 (KHTML, like Gecko) Version/1.0 Chrome/18.0.1025.308 Mobile Safari/535.19 Android Chrome 브라우저 Mozilla/5.0 (Linux; Android 4.2.2; SHV-E300K Build/JDQ39) AppleWebKit/537.36...
댓글 쓰기
자세한 내용 보기

[drag & drop] HTML5의 drag & drop API 이용하기

이미지
http://romeoh.github.com/dragAndDrop/ html5의 drag & drop API를 이용하여 브라우저에 파일을 떨어뜨리는 예제입니다. 브라우저와 떨어뜨릴 사진을 준비합니다. 브라우저에 콘솔로그를 확인하기 위해서 inspector(요소검사)창을 엽니다. (브라우저에서 마우스 오르쪽 클릭 > 요소검사) 사진파일을 브라우저로 드래그 하면 콘솔창에 상태가 표시됩니다. 사진을 브라우저 밖으로 빼면 역시 콘솔에 이벤트가 발생합니다. 사진을 브라우저에 떨어뜨리면 사진이 표시됩니다. (까메오 출연해주신 아드님께 감사~^^) <!doctype html> <html> <head> <meta charset= "utf-8" > <title></title> </head> <body> <img id= "imgEl" src= "" alt= "" > <p>사진을 브라우저 내부로 드래그 해보세요.</p> <script type= "text/javascript" > // 사진을 브라우저 안으로 드래그 window.addEventListener( "dragenter" , function (){ console.log( "dragenter" ); }, false ); // 사진이 브라우저 위에 있음 window.addEventListener( "dragover" , function (){ console.log( "dragover" ); }, false ); // 사진을 브라우저 밖...
댓글 쓰기
자세한 내용 보기

[iscroll] iscroll 샘플

이미지
차례 세로 스크롤 적용 세로스크롤바 숨기기 가로 스크롤 적용 가로스크롤바 숨기기 가로/세로 스크롤 적용 가로/세로스크롤바 숨기기 폼요소에 포커스되지 않는 이슈 해결 폼요소에 포커스되면 자동 스크롤 폼요소에 포커스되어 있고 가상키보드 활성화시 스크롤이슈 해결 bounce해제 관성해제 스크롤후 스크롤바 자동 숨기기 iscroll해제, 새로생성, 높이 새로고침 밀어서 컨텐츠 더보기 구현 windows8(태블릿 디바이스) ie10에서 iscroll 작동안하는 문제 (2013/3/27일 추가) 세로 스크롤 적용 가장많이 사용되는 설정입니다. 세로로 스크롤되는 iscroll세팅하기 var iscroll = new iScroll("wrapper", { hScroll:false }); 샘플보기 세로스크롤바 숨기기 세로로 스크롤 되면서 스크롤바 숨기기 var iscroll = new iScroll("wrapper", { hScroll:false, vScrollbar:false }); 샘플보기 가로 스크롤 적용 가로로만 스크롤 적용하기 var iscroll = new iScroll("wrapper", { vScroll:false }); 샘플보기 가로스크롤바 숨기기 가로만 스크롤 되면서 스크롤바 숨기기 var iscroll = new iScroll("wrapper", { vScroll:false, hScrollbar:false }); 샘플보기 가로/세로 스크롤 적용 가로,세로 양방향 스크롤 생성입니다. var iscroll = new iS...
댓글 쓰기
자세한 내용 보기

[안드로이드] 구글 안드로이드 버전 이름 AtoZ

이미지
전용뷰어 보기 구글이 안드로이드 이름을 지을때 알파벳 순서의 디저트로 이름을 지어 졌습니다. Apple Pie (Android 1.0) - 애플파이 (2008년 9월 23일 HTC G1에 탑재) 카메라, 블루투스 지원하지 않았지만 플래시와 html는 지원하지 않았습니다. 그리고 market place와 위젯도 포함되어 있었습니다. Banana Bread (Android 1.1) - 바나나브레드 (2009년 2월 9일 출시) T-모바일의 G1에 탑재 - 기존 버그 수정, API변경 - 구글지도 상세추가 - 스피커폰 타임아웃 시간 연장 - 통화며네에서 다이얼 화면 보기 및 숨기기 기능추가 - MMS 메시지의 첨부파일 저장 - 레이아웃에 marquee지원 Cupcake (Android 1.5) - 컵케이크 (2009년 4월 30일 출시 리눅스커널:2.6.27) - 동영상 녹화, 재생, 유튜브업로드, 피카사 사진 업로드 - 소프트 키보드와 키워드 제시 - 블루투스 A2DP, AVRCP지원 - 일정거리 안에서 블루투스 헤드셋 자동접속 - 홈화면 위젯, 폴더, 에니메이션 추가 - 한국어 추가 Donut (Android 1.6) - 도넛 (2009년 9월 15일 출시) - 턴바이턴네비게이션 지원 - 안드로이드 마켓 개선 - 카메라, 캠코더, 갤러리 인터페이스 내장 - 사진 여러장 삭제기능 추가 - 전화접속 속도 개선 - 검색개선, 즐겨찾기, 열어본 웹사이트, 연락처, 웹을 홈화면에서 검색가능 - CDMA, EVDO, 802.1x, VPNs, 제스처, 문자열 음성 변환엔진 - 800 x 400 WVGA - 플래시 lite 4 지원 Eclair (Android 2.0) - 이클레어 (2009년 9월...
댓글 쓰기
자세한 내용 보기