갤럭시 S23 삼성브라우저에서 페이지 hang 현상
삼성브라우저에서 결제 UI 노출후, 간헐적으로 페이지 hang 현상이 있습니다. 루핑 도는 듯한?
PC 파이어폭스에서 agent 를 동일하게 설정후 해보면 전혀 이상은 없습니다.
크롬앱에서 모바일 모드로 살짝 지연이 있는것 같습니다. 삼성브라우저보단 덜한 정도.
신용카드와 가상결제 버튼을 계속 번갈아 가면서 클릭하면, 신용카드 선택시에 종종 딜레이가 있음.
삼성브라우저에서 동일 페이지를, 모바일 보기가 아니라 데스크톱보기로 했을땐, 문제가 없습니다.
즉, 결제js 가 모바일 모드로 노출되었을때에만 그런것 같습니다.
호환성 문제인가요?
58 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
정확히 어떤 화면에서 딜레이가 있는지 캡쳐나 영상을 올려주시겠어요?
그냥 js 호출된뒤 결제 UI 노출 삽입된 그 페이지 자체가요.
영상을 보내주시면 확인에 도움이 될것 같습니다. 다른 가맹점등에서는 해당 이슈가 보고된적이 없어서요.
이게 그냥 화면 자체가 아예 반응이 없는, 브라우저에서 오류시 중단하기 되는거라, 영상으로 확인이 가능한건지 모르겠습니다. 캡쳐해볼께요.
삼성브라우저에서 결제 UI 노출후, 간헐적으로 페이지 hang 현상이 있습니다. 루핑 도는 듯한?이때 브라우저 콘솔이나 network tab 에서 에러가 발생하는지도 확인부탁드립니다.
모바일 브라우저는 그게 확인 불가능해요. 메뉴제공이 안되므로.
모바일웹에서 그냥 사용하시는거면 재현 가능한 사이트를 알려주시면 좋을것 같구요.
테스트 페이지 하나 만들후 알려드릴께요
네 테스트 페이지 알려주시면 확인해 보도록 하겠습니다.
https://www.sslcert.co.kr/content/tosspay/test.html
갤럭시 s23 삼성브라우저에서 해봐주세요.
페이지 열고 몇초 있으면 hang 걸립니다.
모바일 브라우저에서 확인 가능합니다.
pc에 디버깅 모드로 꼽은후 chrome://inspect메뉴에서 확인해주세요
콘솔쪽에 에러로그도 없으신거죠?
네. 콘솔에는 아무것도 없습니다.
갤럭시 S23 에서만 발생하시나요?
제폰이 23이라서 그것만..
모바일 모드에서만 그럽니다. 데스크톱 모드로 하면 잘되는것 같습니다.
일단 제가 가진 갤럭시 기기에서 확인해 봤는데 이상이 없습니다.
주변에 다른분들 기기에서는 어떠신가요?
크롬에서는 아주 가끔씩 발생하고 , 삼성브라우저에서는 상시 발생합니다.
주변 분들도 동일하신 건가요?
주변에 테스트해볼 사람이 지금은 없어서요
저도 삼성 브라우저로 했는데 이상이 없어요.
log 와 route 이 두개에서 그런것 같습니다.
혹시 지금 와이파이 연결해서 테스트 중이신가요?
네.
5G 로 해보실수 있을까요?
그런데. 모바일모드에서만 그러니깐요..;;
lte 모드에서도 동일합니다.
화면 스크롤 위 아래로 몇번 하다가 카드 계좌 버튼 번갈아 가면서 클릭하다가.. 어느 시점에 hang 됩니다.
폰 브라우저가 이상한거면, 데스크톱보기에서도 이상해야 하는게 맞는것 아닌가 싶습니다.
그리고 크롬과 삼성브라우저 간 발생 빈도 차이도 있고요.
지금
연동 플랫폼이 어떻게되나요?
웹뷰위에 웹서버 띄우신건가요?
?
아니면 flutter, rn등
어떤거로 개발하셨나요
지금 위 테스트 url 은 단순하게 그냥 html 입니다.
제가 알기곤 iframe 으로 토스 페이지 불러오는걸로 아는데요.
우선 저희가 이렇게 계속 질문드리는 이유는 수많은 가맹점이 문제 없이 사용 중이어서 그렇습니다.
갤럭시 23+삼성브라우저라면 사용자 층이 낮은 기기도 아니고요.
더군다나 재현도 안되는 상황이기 때문에 원인 확인이 어렵습니다.
그럼. 토스쪽 log 와 route 페이지에서 hang 걸리는건 뭘까요? 그냥 단순한 img 같은건 문제 없이 로딩되는데요.
데스크톱 보기에선 문제가 없고 모바일모기에서만 문제이면. 그 차이에서 뭔가 있는것 아닐까 싶습니다. 어차피 저희측 html 에는, 토스 js 스크립트 삽입한거 외엔 뭐가 없으니깐요.
지금 저 log 호출빈도가 어느정도로 확인되시나요?
카드,계좌 버튼 클릭할때마다 계속 log 페이지를 호출합니다.
그리고 PC 크롬 의 모바일 뷰에서도 한번 확인부탁드립니다.
저희쪽에서도 여러번 눌러보는데 hang 이 걸리지 않습니다.
이상하네요.
혹시. 페이지에서 저희측 js 중에, 토스쪽 js 에 영향을 줄만한게 있나요?
영향을 주었다면 저희단말기에서도 증상이 나와야 했을것 같습니다.
하.. 이거 모바일 보기에서만 그러니깐. 어렵네요.
그리고 PC 브라우저에서 모바일모드로는 어떠신지 확인 부탁드립니다.
위 링크는 문제 없는것같습니다.
저희측 사이이트 스크립트 와 토스 스크립트 관련 있나 봅니다?
그러면 저희도 귀사 사이트에서 재현이 되었어야합니다.
사용하신 위젯 clientkey 를 알려주시겠어요?
그건 또 그렇네요...
1. 테스트한 폰에 이슈가 있다.
2. 테스트한 네트워크 환경에 이슈가 있다.
저페이지를 사용하신 clientkey 와 variantkey 로 설정해서 공유드리겠습니다.
const clientKey = "test_gck_LkKEypNArW2R06E9nGELVlmeaxYG";
해당 페이지에서 다시 테스트 해보세요.
괜찮습니다.
그런데. 쉬는 텀을 길게 주고 클릭시, 약간 딜레이 한번? 정도 있은후 잘 클릭됩니다.
그정도로는 이상 없는것 같습니다.
일단 증상으로 보면 사용하신 특정 JS 가 특정 폰, 특정 브라우저에서만 이슈가 발생하는 것으로 보이는데요.
혹시 삼성브라우저에 특별한 설정을 해두신건 아닌지 확인 부탁드립니다.
해당 브라우저 캐시 삭제 후 시도도 한번 요청드려요
기본값으로 쓰는거라...
위 알려주신 페이지도. 계속해보니깐, 버튼 클릭 반응 딜레이가 가끔씩 있긴 하네요. hang 까진 아니고요.
어렵네요.
아마 사용하시는 기기에서 메모리가 딸리시는게 아닌가 싶어요.
크롬이 모바일에서 메모리를 매우 많이 먹습니다. 그래서 뭔가 버튼을 계속 바꾸는 스트레스를 주면 hang이 걸리거나 튕기는 문제가 있는데, 이건 토스말고도 많은곳에서 발생하는 문제이고
말씀주신것처럼 모바일모드에서만 발생한다고 느끼실수도 있어요.
저희측 페이지 디자인 스크립트하고 토스 스크립트 ui 렌더링 작동 방식과 뭔가 안맞는것 같습니다. 저희측 디자인 프레임워크 js 버전을 바꾸니깐. hang 증상은 없어 보이네요.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.