모바일과 PC 환경에서 동일 화면의 리스트가 다르게 보이는 문제

[channel101]

정보

문서: JavaScript | Kakao Developers JavaScript
ID: 1374266

버그 미리보기

템플릿 설정

글

PC 에서는 그림1 (PC) 와 같이 “” 인 parameter 을 보냈을때 “” 을 그대로 인식합니다. 하지만 모바일에서는 “” 을 없는 취급하고 없애고 있습니다. 저는 모바일 처럼 표시 되게 하고 싶습니다.

사용한 코드

코드 보기

 items.forEach((item, i) => {
    const no = i + 1;

    templateArgs[`title_${no}`] = item.text;
    templateArgs[`detail_${no}`] = "";

    if (item.file) {
      templateArgs[`img_${no}`] = uploadedUrls[imgIdx++];
    }

    templateArgs[`live_${no}`] = item.live ? "true" : "false";
  });

  Kakao.Share.sendCustom({
    templateId: {개인정보 보호를 위해 숨김},
    templateArgs,
    installTalk: true,
  });

[tim.l]

재현 가능한 사이트 URL 기재해주시겠어요?

[channel101]

@tim.l https://channel101tool.pages.dev/kakaotalk/

[tim.l]

공유하기 버튼이 어디에 있나요?

[channel101]

@tim.l https://github.com/channel101/TOOLS/blob/main/kakaotalk/index.html#L641-L681

[tim.l]

재현 가능한 페이지로제공 부탁드려요.

[channel101]

@tim.l https://channel101tool.pages.dev/kakaotalk/

[tim.l]

공유하기 버튼이 없는 페이지가 표시됩니다. 확인 부탁드려요.

[channel101]

[tim.l]

[channel101]

@tim.l 죄송합니다. 이제 다시 한번 접속 부탁드려요.. ㅜㅜ

[channel101]

@tim.l 페이지가 아직도 제대로 표시 되지 않는다면 Hard Reload 부탁 드립니다.

[tim.l]

PC, 모바일 둘다 잘나오는 것으로 보이는데요.

“”

[channel101]

리스트를 다 채우지 않고 ex) 2개 만 보내게 되면 PC 에서는 빈칸이 나오게 됩니다

[channel101]

title_1 부터 5까지 중에 예시로 2까지만 parameter 을 보내게 되면 사진 1(글) 처럼 나옵니다

[channel101]

Object {header: "숙제", title_1: "1", detail_1: "", live_1: "false", title_2: "2", …}
detail_1: ""
detail_2: ""
header: "숙제"
live_1: "false"
live_2: "false"
title_1: "1"
title_2: "2"
[[Prototype]]: Object

[tim.l]

PC, 모바일 동일하게 내용을 공백으로 하면 공백 항목을 제외한 것만 표시되는데요.

말씀하신 문제 상황에 대해 입력 화면과 모바일 PC 다른 부분 캡쳐 해주시겠어요?

[channel101]

[tim.l]

Pc는 윈도우 카카오톡인가요?

[channel101]

윈도우: window 11
카톡: 26.1.1.4940