제가 무언가를 잘못하고 있는 건가요? 대부분의 Discourse 사이트를 방문하면 PWA 앱을 설치할 수 있는 옵션이 표시되는데, 저희가 호스팅 중인 2개의 Discourse 사이트에는 해당 옵션이 없습니다. 모바일에서도 마찬가지인데, 앱이 설치되지 않고 PWA와는 전혀 다른 모습의 래퍼만 추가됩니다.
Chrome가 어떤 이유에서인지 웹 매니페스트를 파싱하는 것을 거부하는 것 같습니다. 특별히 이상한 점은 보이지 않아서, 작동할 때까지 항목을 하나씩 제거해봐야 할 것 같습니다.
추가한 스크린샷을 제거해 보고 차이가 있는지 확인해 보세요.
또한 추가할 것을 깜빡했습니다. 푸시 알림도 마찬가지인데, 게시물을 작성하고 레벨 1 등을 충족했음에도 불구하고 프롬프트가 표시되지 않습니다.
또한, 활성화하려고 할 때 iPhone 14에서는 지원되지 않는다는 보고가 있습니다.
https://forum.driphacks.com/t/it-s-saying-notifications-are-not-supported-on-safari-browser-any-idea-why/114/14
제가 방금 스크린샷을 추가해서 그게 문제였는지 확인해 보려고 했습니다.
오, 포럼의 마크업을 깨뜨렸네요.
<nav id="bar">
<a href="https://www.driphacks.com/">Visit Our Vape Shop</a>
</nav>
을 head 태그 안에 추가했기 때문이에요. 이는 잘못된 HTML이며, 다양한 방식으로 페이지를 깨뜨릴 수 있습니다. head 밖으로 옮기세요.
아, 알겠어. 지금 바로 해볼게.
네, 정말로 문제를 해결해 주셨네요. 헤더 앞에 그 코드를 추가해도 될까요? 꽤 중요하기 때문에 가장 적절한 위치가 어디일지 궁금합니다.
저는 "before header"에 추가했는데, 그렇게 하면 작동하는 것 같습니다