Web Inspector

Web Inspector

다운로드: App Store
Spark by MWM logo
로고: Web Inspector

Web Inspector: 모바일 Safari를 위한 전문 개발 도구

Mac 없이도 iPhone 및 iPad에서 직접 DOM을 검사하고, JavaScript를 디버깅하며, 네트워크 트래픽을 모니터링하세요.

개발사

And a Dinosaur

카테고리

Developer Tools

다운로드

269K+

사용자 평점

4.1/5

총 평가 수

200

지원 언어

1

재해석된 개발자 도구

이 인터페이스를 사용하는 269K+ 명의 사용자.

iPhone에서 모바일 웹사이트의 DOM 트리와 HTML 코드를 보여주는 Web Inspector 앱 인터페이스.

iPhone에서 모바일 웹사이트의 DOM 트리와 HTML 코드를 보여주는 Web Inspector 앱 인터페이스.

HTML DOM 요소를 편집하기 위한 Web Inspector 모바일 앱 인터페이스

HTML DOM 요소를 편집하기 위한 Web Inspector 모바일 앱 인터페이스

iOS에서 모바일 웹사이트의 DOM 트리와 HTML 요소를 보여주는 Web Inspector 앱 인터페이스

iOS에서 모바일 웹사이트의 DOM 트리와 HTML 요소를 보여주는 Web Inspector 앱 인터페이스

iPhone 화면에 HTML 및 CSS 코드를 표시하는 모바일 웹 검사기 도구

iPhone 화면에 HTML 및 CSS 코드를 표시하는 모바일 웹 검사기 도구

코드 실행 및 경고 창을 보여주는 Web Inspector 모바일 앱의 JavaScript 콘솔 인터페이스

코드 실행 및 경고 창을 보여주는 Web Inspector 모바일 앱의 JavaScript 콘솔 인터페이스

Safari에서 웹사이트의 실시간 네트워크 요청 및 상태 코드를 보여주는 모바일 앱 인터페이스

Safari에서 웹사이트의 실시간 네트워크 요청 및 상태 코드를 보여주는 모바일 앱 인터페이스

웹사이트의 네트워크 응답 헤더를 보여주는 Web Inspector 앱 인터페이스

웹사이트의 네트워크 응답 헤더를 보여주는 Web Inspector 앱 인터페이스

iPhone에서 네트워크 탭에 CSS 글꼴 관련 규칙을 표시하는 Web Inspector 앱

iPhone에서 네트워크 탭에 CSS 글꼴 관련 규칙을 표시하는 Web Inspector 앱

모바일 Safari에서 로컬 저장소 쿠키 및 스타일시트 디버깅을 위한 리소스 탭을 보여주는 Web Inspector 앱

모바일 Safari에서 로컬 저장소 쿠키 및 스타일시트 디버깅을 위한 리소스 탭을 보여주는 Web Inspector 앱

기기에서 바로 사용하는 데스크톱급 개발자 도구

이 앱을 돋보이게 하는 도구, 269K+ 명의 사용자가 선택.

🔍

실시간 DOM 및 CSS 검사

Safari 내에서 실시간으로 요소를 검사하고 스타일을 수정하여 레이아웃 문제를 즉시 식별하고 수정하세요.

💻

전체 JavaScript 콘솔

모바일 생산성에 최적화된 기능적 콘솔을 사용하여 이동 중에도 스크립트를 실행하고, 오류를 확인하며, 복잡한 문제를 디버깅하세요.

🌐

네트워크 및 저장소 감사

데스크톱 컴퓨터 없이 API 요청을 모니터링하고 쿠키 또는 로컬 저장소를 관리하여 성능 및 데이터 지속성 문제를 해결하세요.

전 세계 사용자들에게 사랑받는 앱

Trusted by 269K+ 명이 이 앱을 사랑합니다.

"

"Web Inspector는 제 모바일 워크플로우를 완전히 바꿔 놓았습니다. CSS 글리치를 디버깅하거나 콘솔 로그를 확인하기 위해 더 이상 iPhone을 Mac에 연결할 필요가 없습니다. 드디어 iPad를 진정한 개발 워크스테이션처럼 느끼게 해줍니다. 이동 중인 모든 웹 전문가에게 필수적입니다."

Alex R., 선임 프론트엔드 개발자
"

"모바일 전용 버그를 테스트하는 것은 엄청난 골칫거리였지만, 이 앱 덕분에 원활하게 처리할 수 있습니다. Safari에서 직접 네트워크 요청을 검사하고 DOM을 편집할 수 있다는 것은 실시간 사이트 감사를 문제 해결하는 데 매우 유용합니다. 개발 도구 키트에서 가장 유용한 유틸리티입니다."

Jordan M., QA 엔지니어

앱 소개

에 대해 알아야 할 모든 것 Web Inspector.

설명

### Please refresh the page if you tap the "i" button and nothing happens ### Web Inspector expands Mobile Safari with a set of web development tools: DOM: View, inspect, edit, and search the elements that make up the DOM of a webpage. Elements: See the details about the webpage’s nodes and styles. Console: Type JavaScript commands in the console to debug, modify, and get information about your webpage. You can also see logs, errors, and warnings emitted from a webpage. Network: See a detailed list of network requests and responses made from a webpage. Resource: Find details about the data stored by a webpage such as cookies, local storage, and session storage.

최신 버전

1.2.7

크기

2.6 MB

출시일

2021년 9월 16일

Mac 없이 모바일 디버깅 마스터하기

iPhone 및 iPad의 Safari에서 직접 DOM을 검사하고, JavaScript를 디버깅하며, 네트워크 트래픽을 모니터링하는 269,000명 이상의 개발자 커뮤니티에 참여하세요.

다운로드: App Store
FAQ

자주 묻는 질문

에 대해 알아야 할 모든 것 Web Inspector

Web Inspector란 무엇인가요?

Web Inspector는 웹 개발 도구 모음으로 Mobile Safari를 확장하는 앱입니다. 사용자는 iOS 기기에서 직접 웹페이지를 검사하고 디버깅할 수 있습니다.

Web Inspector로 웹페이지 요소를 편집할 수 있나요?

네, Web Inspector를 사용하면 웹페이지의 DOM(Document Object Model) 내에서 요소를 편집할 수 있습니다. 여기에는 HTML 구조를 보고, 검사하고, 수정하는 것이 포함됩니다.

Web Inspector는 어떤 웹 개발 도구를 제공하나요?

Web Inspector는 DOM, Elements, Console, Network, Resource 도구를 제공합니다. 이러한 기능은 Mobile Safari 내에서 웹 콘텐츠를 검사, 디버깅 및 수정하도록 설계되었습니다.

Web Inspector가 사용자 데이터나 개인 정보를 수집하나요?

아니요, Web Inspector는 개인 정보를 수집, 저장 또는 전송하지 않습니다. 이 정책은 iOS에서 웹 개발 도구를 사용하는 동안 사용자 개인 정보를 보장합니다.

Web Inspector는 JavaScript 디버깅에 어떻게 도움이 되나요?

Web Inspector는 사용자가 디버깅, 수정 및 정보 검색을 위해 JavaScript 명령을 입력할 수 있는 Console 도구를 제공합니다. 또한 웹페이지에서 발생하는 로그, 오류 및 경고를 표시합니다.

Web Inspector로 네트워크 요청을 모니터링할 수 있나요?

네, Web Inspector에는 Network 도구가 포함되어 있습니다. 웹페이지에서 수행된 모든 네트워크 요청 및 응답에 대한 자세한 목록을 제공하여 포괄적인 분석 및 디버깅을 가능하게 합니다.

Web Inspector가 웹페이지 스타일을 표시하나요?

네, Web Inspector의 Elements 도구는 웹페이지의 노드 및 스타일에 대한 세부 정보를 표시합니다. 이를 통해 개발자는 특정 HTML 요소에 적용된 CSS를 검사하고 이해할 수 있습니다.

Web Inspector가 어떤 리소스 데이터를 표시할 수 있나요?

Web Inspector의 Resources 도구는 웹페이지에서 저장한 데이터에 대한 세부 정보를 보여줍니다. 여기에는 쿠키, 로컬 스토리지 및 세션 스토리지와 같은 클라이언트 측 데이터 관리에 대한 통찰력을 제공하는 항목이 포함됩니다.