# safari

rlaensk

웹페이지가 다른 브라우저 및 기기에서 일관된 방식으로 표시되도록 하는 것애플에서 개발한 웹 브라우저로, 현재 전 세계 웹 브라우저 점유율 2위에 올랐을 정도로 크롬 다음으로 인기가 많다.애플 MAC OS나 IOS전용으로 출시되어 사실상 애플 전용 브라우저라고 보는게 맞

sangpok

퍼블을 하다보면 화면을 가득 채우거나, 밑부분쪽에 콘텐츠를 채워야 하는 경우가 생긴다. 이번에 나는 Bottom Sheet를 구현해야 하는 상황이었다.그럴 경우 100vh를 사용해서 처리를 하게 되는데,, 이것이 모바일로 가면 다음과 같은 문제가 생긴다.크롬에서는 딱

haryan248

썸네일 IE가 없어지더니 Safari가 문제다 🤬🤬🤬🤬 비동기로직을 통해 클립보드에 복사할 상황이 생겨 개발하던 도중 겪은 이슈이다. 비동기 객체를 복사하기 단순히 텍스트를 복사할 때는 Clipboard api를 사용하면 브라우저에 관계없이 쉽게 복사가 가

pbs1014

발생및 확인 동기프로젝트를 배포 후 테스트 과정에서 chrome브라우저에서는 정상적으로 실행이되지만safari 에서 특정 페이지가 터지는 현상이 지속적으로 발생했습니다.local환경으로 확인 결과 아래와 같은 에러가 발생했슴을 확일 할 수 있었습니다.이유위 에러가 발생

gingaminga

쿠키만 차단해야지😡

sumi-0011

브라우저 종류를 알아내보자! 그런데 왜 ios Chrome이 Safari로 인식되지?

singsoong

IOS와 Safari 환경에서 Date 객체 이슈를 해결해보자

ninthsun91

데브툴이나 일부 환경에서는 정상적으로 동작하는데, 모바일 크롬과 사파리에서 스크롤이 먹히지 않는 경우가 있다. 마치 overflow: 'hidden'인 것처럼 화면이 잘린 상태에서 스크롤이 동작하지 않아 잘린 부분을 확인할 수가 없다.이 경우 body나 html에 아래

jmseb3

웹뷰앱이 있는데 갑자기 inspect가 안되서 확인해보니ios 16.4에서 다음과 같은 함수가 추가되었습니다.inspectableiOS 16.4+iPadOS 16.4+macOS 13.3+max Catalyst 16.4+사용할 웹뷰에 다음과 같이 선언하여 사용합니다.

102wy

지금 진행하고 있는 프로젝트에서 계약이 진행되면 알림톡으로 url이 가고 사용자가 url을 눌러서 페이지에 접근하고 계약서를 오픈할때 window.confirm 으로 비밀번호를 확인하는데안드로이드에서는 잘되고 내폰 (아이폰 11) 에서는 잘되는데 다른 아이폰 10, 1

ginameee

https://twitter.com/gluebyte\_/status/1407312318283730950https://yceffort.kr/2021/09/safari-15-update

owlsuri

문제 웹앱 작업을 하는데 input 창에 default로 들어가는 텍스트의 컬러가 웹과 크롬으로 테스트했던 안드로이드에서는 원하는 #333으로 잘 보이는데, 사파리에서만 어딘가 흐리게 보였다. 원인 사파리 브라우저가 input에 default로 값이 있을때 opaci

codepoetfe

위와 같이 백엔드 서버에서 넘어오는 그대로 날짜를 넣어주면 사파리에서는 인식을 못해서 MobX 스토어에서 날짜 형식을 한번 변형시켜서 넣어주는 것으로 바꾸어야 했다.참고 : https://stackoverflow.com/questions/55655273/dat

kimminsoo

이슈내용SPA로 구현 된 사이트에서 History 제어 시 Dialog 동작하지 않음위와 같이 히스토리 스택 추가 및 수정 후 뒤로 이동 시 아래와 같은 Dialog(alert, confirm, prompt) 호출 시 아무런 동작 없음해결방법은 아직 없는 듯 하다.일단

jinic

https://support.apple.com/ko-kr/HT201265방문 기록과 쿠키를 삭제하려면 설정 > Safari로 이동하여 '방문 기록 및 웹 사이트 데이터 지우기'를 탭합니다. Safari의 방문 기록, 쿠키 및 브라우징 데이터를 지워도 자동 완성

aimzero9303

숫자에 콤마, 포메팅하는 정규표현식에 Safai와 iOS에 지원이 되지 않는 부분이 포함되어있었다.

jinic

a 태그 롱 클릭 시 링크 미리보기창이 띄워짐https://rrecoder.tistory.com/m/230인앱 브라우저에서 long press ( long click)를 막는 방법https://stackoverflow.com/questions/1576

awesome-hong

lookbehind는 모든 브라우저에서 support하지 않는다.숫자를 3자리 단위로 끊어서 ,를 찍어주어 돈 단위를 표현해주는 기능을 위해 아래처럼 정규식을 사용했다.위 코드에서 (?<!\\.\\d\*) 에 해당하는 부분이 지원하지 않는 부분이다.이 코드는 돈이

sonaky47

사연 사내 프로젝트를 개발도중에 모바일에서 height를 100vh로 설정해서 화면을 구성하는 작업이 있었는데, ios safari에서만 화면 구성이 이상하게 되고 있었는데 확인해보니 safari 하단의 주소영역을 100vh에서 포함하고 있어서 화면이 제대로 구성되지

ehgks0000

iOS의 팝업 정책과 window.open