[FAQ] 지도/로컬 API 문의 전 꼭 읽어 주세요.
https://devtalk.kakao.com/t/faq-api/125610
한달 전쯤 워드프레스에서 카카오 지도를 확인할수 있게 javascript Key를 넣어놨었는데
오늘 핸드폰의 인터넷 웹으로 링크를 타고 들어가보니 지도 크기는 지정되어있지만 보이지 않고 흰 배경이 그대로 보입니다.
pc로, 크롬 개발자 모드로 봤을때는 지도가 잘나오는데 핸드폰으로만 들어가면 보이지 않네요.
경고문구가 있긴한데 이 문제랑 연관이 있을까요?
핸드폰과, 개발하는 PC(또는 맥)을 유선 연결하신 후에,
chrome://inspect 를 통해서 원격 디버깅이 가능합니다.
자세한 사용방법은 구글링을 해보시기 바랍니다.
그렇게 하면 모바일 브라우저(특히 크롬)에서 지도가 뜨지 않는 사이트에 접속하여 개발자 도구에 어떤 오류가 뜨는지 확인하실 수 있습니다.
저 오류는 document.write를 사용하면 스크립트가 다운&해석을 끝날때까지 페이지의 파싱이 블락되기에 그에대한 경고를 띄우는 것인데, 이 경고가 아예 다운로드를 막진 않습니다.
아무튼 원격디버깅을 통해, 모바일브라우저에서 어떤 오류가 뜨는지 알려주시면 좋을 것 같습니다.