본문 바로가기

Safari

(2)

[ WEB ] iOS에서 SVG 이미지가 깨져 보일 때 해결 방법 회사에서 iOS개발 파트에 이슈 티켓이 발행되었는데, AOS에서는 이미지가 정상적인 해상도로 노출되는 반면, iOS 에서는 이미지가 깨져 보이는 이슈가 있었다. 해당 이미지는 SVG 벡터 이미지라 이론상으로 당연히 깨지는 이슈가 없어야 하는 게 맞는데 참 이상했다. iOS개발자 분이 해당 화면은 웹뷰라고 웹프론트 파트에 이슈 티켓을 넘겨주어 함께 찾아보았는데, 구글링을 통해 사파리 웹뷰에서 SVG깨짐 현상이 발생하고 있다는 사실을 알았고, 방법을 찾아보았다. 태그를 이런 식으로 object 태그를 사용하면 간단하게 해결할 수 있다. (, 도 가능) 구글링을 해본 결과 위의 방법이 가장 쉬워 보였다. 하지만 모든 SVG 이미지를 로 사용하기는 실질적으로 어려웠다. (서버에서 이미지..

[ Safari ] 아이폰의 사파리 모바일 웹 디버깅 하는 방법 아이폰으로 모바일 사파리 웹의 디버깅을 맥북을 이용하여 하는 방법. 1. 아이폰의 설정앱을 연다. 2. 설정의 Safari - 고급에서 웹 속성 설정을 활성화 한다. 3. 케이블을 사용하여 맥북에 연결한다. 4. 맥북에서 사파리를 열고 메뉴 탭에서 개발자용 탭을 확인한다. 5. 맥북 사파리의 환경설정 - 고급 - 메뉴 막대에서 개발자용 메뉴 보기를 활성화 한다. 6. 맥북 사파리의 개발자용 탭에서 iPhone을 선택한다. 7. 아이폰의 사파리 웹페이지를 탐색하며, 맥북 사파리로 개발자용 콘솔을 통해 디버깅을 한다.

티스토리툴바