Chrome 개발자도구를 이용해서 위치정보 설정하기

 

 

 

geolocation 관련된 기능을 개발할 때 사용자 위치정보를 모킹 할 수 있는 방법이 필요한 경우가 있습니다.

chrome devtool 에서는 이를 위한 테스트 방법을 제공해주고 있는데, 다음 2 단계로 나눠서 진행해보겠습니다.

1. Google Map 서비스에서 특정 위치의 위경도값 조회하는 방법
2. Chrome devtool에서 위경도값 지정해서 테스트하는 방법

 

1️⃣ Google Map 서비스를 통해 특정 좌표의 위경도값 조회하기

Google Map 서비스에 접속해서 원하는 좌표를 클릭하면 회색 마커로 포커싱 됩니다.

이후 회색 마커를 다시 클릭하면 위경도 값이 나타납니다.

 

광화문 근처로 설정했습니다.

 

2️⃣ Chrome devtool Sensor 사용하기

custom location 추가하기

먼저 사용자 정의 위치정보를 추가하는 방법을 알아봅시다.

devtool을 활성화하고 More tools 에서 Sensors 를 선택해 줍니다.

 

 

그러면 이제 다음과 같은 메뉴가 나타나는데, 여기서 Manage 를 선택해 줍니다.

 

 

그러면 사용자 정의 위치정보를 추가할 수 있는 메뉴가 나타나고, 여기서 앞서 1번 과정에서 알아낸 위경도 값을 입력합니다.

 

 

사용자 정의 위치정보 적용하기

새롭게 추가한 위치정보를 적용하기 위해 이전 메뉴로 돌아와서 옵션을 선택해 줍니다.

이제 Location 이 지정되어 있는 동안에는 기기 위치정보가 적용되어 geolocation API 등을 사용할 때 해당 위치정보를 반환해 줍니다.

 

 

트리플 글로벌 챗봇 서비스에서 사용해 봅시다.

사용자 현재 위치를 기반해서 주변 놀거리를 추천해 줍니다.

 

광화문 근처 놀거리를 잘 알려주네요!