본문 바로가기

Web

[facebook] 공유하기 스크립트 만들기 페이스북 공유하기를 통해 표현할 수 있는 부분은 상당히 제한적이다. 메타태그를 통해서 전달하는 데이터만 노출 가능하고, 해당 메타태그 데이터의 변경을 바로 적용하고싶으면 공유하기 디버거 페이지에서 직접 캐시를 날려줘야한다. 메타태그 입력정보 확인: https://developers.facebook.com/docs/sharing/webmasters?locale=ko_KR 공유하기 디버거: https://developers.facebook.com/tools/debug/ 모범 사례: https://developers.facebook.com/docs/sharing/best-practices 아래와같이 선언 후에 (function (d, s, id) { var js, fjs = d.getElementsByTagN..
[PWA] 사파리 브라우저의 동영상 리퀘스트방식 pwa에 mp4 동영상 캐싱이 안돼서 구글링을 하다 스택오버플로우와 모질라의 설명을 종합해보니 아래와 같다. 사파리는 영상 로드시 byte-range 리퀘스트를 지원한다. byte-range리퀘스트는 처음에 영상을 로드할때 헤드에 range에 1024바이트 확인한다는 요청을 한다. (해당 리퀘스트가 지원되지 않는 서버 영상은 재생되지 않을수도 있다.) 서버는 성공적인 range 리스폰스이면 206코드를 던지면서 전체 리소스 사이즈가 어떤지를 보낸다. 사파리 브라우저는 이를 탕으로 각 파일의 바이트 길이를 계산한다. 여기서 요청한 것보다 데이터가 크면 이후의 리퀘스트를 중단한다. safari의 mp4영상지원 설명: https://stackoverflow.com/questions/52087208/pwa-ca..