테스트 사이트 - 개발 중인 베타 버전입니다

모바일 전화걸기 링크시 _blank 페이지가 떠요. 채택완료

디자이너플러스 9년 전 조회 6,589

모바일 전화걸기 링크를 3년전부터 몇일전까지 잘 되었습니다...

근데;; 갑자기 아래 소스를 클릭하면 새로운 Blank 페이지가 뜨네요 ㅠㅠ

 

</p><p><a href="tel:<span style="font-size: 14.6667px;">O</span><span style="font-size: 14.6667px;">2-</span><span style="font-size: 14.6667px;">O</span><span style="font-size: 14.6667px; line-height: 1.5;">O</span><span style="font-size: 14.6667px; line-height: 1.5;">O</span><span style="font-size: 14.6667px;">-</span><span style="font-size: 14.6667px;">O</span><span style="font-size: 14.6667px; line-height: 1.5;">O</span><span style="font-size: 14.6667px; line-height: 1.5;">O</span><span style="font-size: 14.6667px; line-height: 1.5;">O</span>">전화</a></p><p><span style="font-size: 14.6667px;">

 

클릭시 

/mobile/tel:O2-OOO-OOOO 처럼 나오면서 빈페이지만 떠요.

 

</p><p><script></p><p>if(/Mobile|iPhone|Android|BlackBerry|IEMobile/i.test(navigator.userAgent)) {</p><p>    document.getElementById('tell').innerHTML = "<a href='tel:<span style="font-size: 14.6667px;">O</span><span style="font-size: 14.6667px;">2-</span><span style="font-size: 14.6667px;">O</span><span style="font-size: 14.6667px; line-height: 1.5;">O</span><span style="font-size: 14.6667px; line-height: 1.5;">O</span><span style="font-size: 14.6667px;">-</span><span style="font-size: 14.6667px;">O</span><span style="font-size: 14.6667px; line-height: 1.5;">O</span><span style="font-size: 14.6667px; line-height: 1.5;">O</span><span style="font-size: 14.6667px; line-height: 1.5;">O</span>'></a>";</p><p>}</p><p></script></p><p><div id="tell"></div></p><p>

 

위와 같이 해도 클릭시 

/mobile/tel:O2-OOO-OOOO 링크로 뜨네요..

 

혹시 저와 동일한 증상에서 해결하신 분 없으신가요? 


위에 전화번호는 숫자 "2"를 제외한 나머지 "0"은 영문 "O"으로 표기하였습니다.

 

 

---------------------------------------------------------------------------

 

추가로 그누4 질문과 답변 부분에 에이치H님이 작성하신 내용을 확인해본 결과

증상은 똑같습니다.

 

http://sir.kr/g4_qa/267112">http://sir.kr/g4_qa/267112 

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
p
9년 전

헤더에 추가해보세요

</p><p><meta name="format-detection" content="telephone=yes"></p><p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

디자이너플러스
9년 전
감사합니다. ㅠㅠ

<meta name="format-detection" content="telephone=yes">

이걸 생각못했네요.

시간되면 한번 테스트 해보겠습니다.

정말 감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

9년 전

그렇게 하려면 tell.php, 별도페이지 두개를 만들 필요가 없습니다

링크자체에 자바스크립트를 넣으면 됩니다

그런데 자바스크립트로 링크를 걸어준 것이나 본래 링크나 똑같은 것인데...

아마도 해당 페이지에 어떤 문제가 있는 것 같군요

<a href="javascript:location.href='tel:010-1234-5678'"> 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

디자이너플러스
9년 전
고수이신 균이님과 port443님께서 알려주신대로 두개다 적용해보고 해보니 되네요 ㅠㅠ;;

정말 깔끔하네요 ㅠㅠ

존경스럽습니다. ㅠㅠ

그리구 별도로 확인해본결과 경로문제였습니다.
저 처럼 동일한 증상이 있으신 분들은
위 방법 추천드립니다. ㅠㅠ

바쁘신 와중에도 두분께 정말 감사드립니다.

댓글을 작성하려면 로그인이 필요합니다.

D
9년 전

자문자답 입니다.

 

</p><p><code class="plain" style="font-size: 14.004px; line-height: 25.2072px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; float: none !important; vertical-align: baseline !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; background-image: none !important; background-attachment: initial !important; background-color: rgb(255, 255, 255); background-size: initial !important; background-origin: initial !important; background-clip: initial !important; background-position: initial !important; background-repeat: initial !important;"><!--모바일 ../index.php--></code></p><p><code class="plain" style="font-size: 14.004px; line-height: 25.2072px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; float: none !important; vertical-align: baseline !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; background-image: none !important; background-attachment: initial !important; background-color: rgb(255, 255, 255); background-size: initial !important; background-origin: initial !important; background-clip: initial !important; background-position: initial !important; background-repeat: initial !important;"><a href=</code><code class="string" style="font-size: 14.004px; line-height: 25.2072px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; float: none !important; vertical-align: baseline !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; color: blue !important; background-image: none !important; background-attachment: initial !important; background-color: rgb(255, 255, 255); background-size: initial !important; background-origin: initial !important; background-clip: initial !important; background-position: initial !important; background-repeat: initial !important;">"도메인/tell.php"</code><code class="plain" style="font-size: 14.004px; line-height: 25.2072px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; float: none !important; vertical-align: baseline !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; background-image: none !important; background-attachment: initial !important; background-color: rgb(255, 255, 255); background-size: initial !important; background-origin: initial !important; background-clip: initial !important; background-position: initial !important; background-repeat: initial !important;">>전화</a></code></p><p><span style="font-size: 11pt; line-height: 1.5;">
 

 

</p><p style="font-size: 14.6667px;"><code class="plain" style="font-size: 14.004px; line-height: 25.2072px; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; float: none !important; vertical-align: baseline !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; background-image: none !important; background-attachment: initial !important; background-color: rgb(255, 255, 255); background-size: initial !important; background-origin: initial !important; background-clip: initial !important; background-position: initial !important; background-repeat: initial !important;"><!--별도 페이지 Root/www/tell.php--></code></p><p><font face="Consolas, Bitstream Vera Sans Mono, Courier New, Courier, monospace"><span style="font-size: 14.004px; line-height: 25.2072px;"><script Type='Text/Javascript' Language='Javascript'></span></font></p><p><font face="Consolas, Bitstream Vera Sans Mono, Courier New, Courier, monospace"><span style="font-size: 14.004px; line-height: 25.2072px;"> <!--</span></font></p><p><font face="Consolas, Bitstream Vera Sans Mono, Courier New, Courier, monospace"><span style="font-size: 14.004px; line-height: 25.2072px;">window.location.href = "tel:O2-OOO-OOOO";</span></font></p><p><font face="Consolas, Bitstream Vera Sans Mono, Courier New, Courier, monospace"><span style="font-size: 14.004px; line-height: 25.2072px;"> --></span></font></p><p><font face="Consolas, Bitstream Vera Sans Mono, Courier New, Courier, monospace"><span style="font-size: 14.004px; line-height: 25.2072px;"></script></span></font></p><p style="font-size: 14.6667px;"><span style="font-size: 11pt; line-height: 1.5;">

 

복잡하지만.. 이렇게 처리하니까 되네요 ㅠㅠ

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인