1. Safari 웹 인스펙터 활성화
설정 - 앱 - Safari - 고급 - 웹 인스펙터 활성화
2. 윈도우에 iTunes 설치
https://apps.microsoft.com/detail/9pb2mz1zmb1s?hl=ko-KR&gl=KR
iTunes - Windows에서 무료 다운로드 및 설치 | Microsoft Store
iTunes는 음악, 동영상, TV 프로그램 등을 즐길 수 있는 가장 간편한 방법이며 쉽게 구성할 수 있습니다. 동영상을 대여하거나 구입하고 좋아하는 TV 프로그램을 다운로드할 수도 있습니다. iTunes는
apps.microsoft.com
3. 윈도우에 아이폰 연결
노트북에 아이폰 연결 후, iTunes 실행 -> 동기화 허용
4. Powershell 관리자 권한 실행
Node.js 설치된 환경이라 가정
Set-ExecutionPolicy RemoteSigned -scope CurrentUser
# Execution Policy Change
# The execution policy helps protect you from scripts that you do not trust. Changing the execution policy might expose
# you to the security risks described in the about_Execution_Policies help topic at
# https:/go.microsoft.com/fwlink/?LinkID=135170. Do you want to change the execution policy?
# [Y] Yes [A] Yes to All [N] No [L] No to All [S] Suspend [?] Help (default is "N")
# Y 또는 A 입력
iex "& {$(irm get.scoop.sh)} -RunAsAdmin"
scoop bucket add extras
scoop install ios-webkit-debug-proxy
npm install remotedebug-ios-webkit-adapter -g
remotedebug_ios_webkit_adapter --port=9000
5. DevTools 접속
chrome://inspect 에 접속
Devices - Discover network targets - Configure 클릭
localhost:9000 입력 -> Done
6. inspect 시작
- 모바일 Safari에서 원하는 페이지 접속
- Remote Target - 원하는 페이지 inspect 버튼 클릭
윈도우 10에서 iOS 사파리 디버깅(Web Inspect) 하기
아래 내용은 인터넷에 떠도는 내용을 보고 따라해보면서 직접 실패를 겪은 뒤 성공한 순서대로 일부를 수정하여 다시 정리한 글임 아이폰에서 Web Inspect 활성화 한국어: 설정 -> Safari -> 고급 -> "
blog.enleaf.me
'웹 개발' 카테고리의 다른 글
| FSD(Feature-Sliced Design) (0) | 2025.04.08 |
|---|---|
| Hot Module Replacement (Hot-Reloading) (0) | 2025.03.25 |
| React 프로젝트 Github Actions로 AWS EC2 배포하기 (2) (0) | 2025.03.22 |
| React 프로젝트 Github Actions로 AWS EC2 배포하기 (1) (0) | 2025.03.21 |
| 크로스 브라우징(Cross Browsing) (0) | 2025.03.18 |
