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

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

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

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

2019.05.04 01:04:24 조회 2312 (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가지 브라우져에서 확인결과 동일한 증상입니다.

크롬, 사파리, 퍼핀

#소셜로그인 #모바일 #아이프레임

답변 1

마젠토 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2019-05-06 05:48:09 121.♡.♡.72

PC화면에서는 동작한다고 하니, 코드는 문제가 없는것 같은데, 동작안되는 링크를 차라리 오픈해 놓으면, 그것을 보고 왜 동작안하는지 볼수가 있지 않을까 생각됩니다.

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

2019-05-09 01:28:51116.♡.♡.56

답변 감사드립니다. 일단 방지책으로 login.php를 아이프레임이 아닌 부모창에서 열리게 해서 해결은 했습니다.... 문제해결은 아니고 우회하는걸로 처리해버렸네요.

답변을 작성하시기 전에 로그인 해주세요.

전체 133

로그인

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

QA

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

본문

이 질문에 댓글 쓰기 :

답변 1

마젠토 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

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

회원로그인