구글 크롬에서 Geolocation API 테스트하기

HTML5에서 추가된 Geolocation API는 웹 브라우저에서 사용자 위치를 찾을 수 있도록 도와주는 API다. 이 API를 기반으로 웹앱을 만들거나 웹사이트에서 기능을 구현하면 임의의 경도, 위도로 변경해 테스트를 해야 하는 경우가 있는데 Google Chrome 개발자 도구에서 이 Geolocation 위치를 변경하는 기능을 지원한다.

개발자 도구에서 스마트폰 모양 아이콘을 클릭해 emulation 모드를 활성화 한 후, 하단 emulation 탭에서 좌측 Sensors 항목을 클릭하면 Emulate geolocation coordinates 항목을 확인할 수 있다.

emulate geolcation coordinates

좌표를 입력하면 API에서의 좌표가 변경된 것을 볼 수 있다.

geolocation result

김용균

안녕하세요, 김용균입니다. 문제를 해결하기 위해 작고 단단한 코드를 작성하는 일을 합니다. 웹의 자유로운 접근성을 좋아합니다. 프로그래밍 언어, 소프트웨어 아키텍처, 커뮤니티에 관심이 많습니다.

이 글 공유하기

이 글이 유익했다면 주변에도 알려주세요!

페이스북으로 공유하기트위터로 공유하기링크드인으로 공유하기Email 보내기

주제별 목록

같은 주제의 다른 글을 읽어보고 싶다면 아래 링크를 확인하세요.

March 16, 2015

워드프레스 유지보수 모드 (Maintenance mode)

워드프레스에서 유지보수를 위해 사이트를 일시적으로 차단할 경우가 있다면 유지보수 모드(Maintenance mode)를 활용할 수 있다. 사용자로서 워드프레스를 이용하게 될 때에는 이 모드를 보게 되는 일이 거의 없다. 만약 보게 된다면 워드프레스 …

February 20, 2015

IT 개발자, 호주에서 일하기

2월 한 달 휴가를 내서 한국에 들어왔고 3박 4일 일정으로 서울에서 시간을 보내게 되었다. 만나고 싶었던, 반가운 사람들을 만나 재미있고 알찬 시간을 보낼 수 있어서 좋았다. 많은 분이 호주에서 일하는 삶에 대해 궁금해하셔서 여러 답변을 드렸지만 …