그누보드 QA - 소셜로그인 아이프레임에서 작동안함 (모바일만)

소셜로그인 아이프레임에서 작동안함 (모바일만)

사무아미 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2019.05.04 01:04:24 조회 2108 (116.♡.♡.56)

본문

PC에서는 소셜로그인이 정상 작동 합니다. (현재 모바일과 PC 전부 팝업을 사용하지 않도록 extend에서 설정) 그런데 문제는 모바일에서는 소셜로그인과정에서 로딩만 계속되고 다음화면으로 넘어가질 않습니다.

워드프레스를 동시에 사용하려다보니, 아이프레임 내에서 소셜로그인이 작동되도록했는데,

아이프레임이 아닌 일반 페이지에서 로그인 하거나, 팝업에서 작동하게 하면 정상작동합니다.

즉, 모바일 환경에서의 아이프레임에서만 문제가 발생합니다.

어떻게 고쳐야할지 갈피가 안 잡히네요 ㅜㅜ...

아래와 같이 워드프레스 페이지를 만들고 코드를 넣었습니다.

아이프레임상에서 /theme/p022/index/scheduel/service_01.php 라는 페이지를 보여주고,

해당페이지에 접근할 때 비회원일 경우, 로그인을 하도록 alert를 띄운 후 로그인페이지로 이동합니다.


<iframe src="/theme/p022/index/scheduel/service_01.php" id="the_iframe" onload="calcHeight();" name="WrittenPublic" title="게시판뷰" frameborder="0" scrolling="no" style="overflow-x:hidden; overflow:auto; width:100%; min-height:500px;"></iframe>

<script type="text/javascript"> 
//<![CDATA[
function calcHeight(){
 //find the height of the internal page
 var the_height=
 document.getElementById('the_iframe').contentWindow.
 document.body.scrollHeight;
 //change the height of the iframe
 document.getElementById('the_iframe').height=
 the_height;
 //document.getElementById('the_iframe').scrolling = "no";
 document.getElementById('the_iframe').style.overflow = "hidden";
}
//
</script>

현재 모바일로 3가지 브라우져에서 확인결과 동일한 증상입니다.

크롬, 사파리, 퍼핀