Web Editor: Inspect & Edit

어떤 웹사이트든 나만의 캔버스로 바꿔보세요. 텍스트를 수정하고, 이미지를 바꾸고, 요소를 검사하고, 네트워크 요청을 디버깅하고, API 응답을 즉시 재정의할 수 있습니다. 안드로이드에서 가장 강력한 웹 편집기 및 개발자 도구를 경험해 보세요.

새로운 제목을 테스트하고, 이동 중에도 API 호출을 디버깅하고, 노트북 없이 웹사이트 목업을 만들어 보세요. 데스크톱 수준의 요소 검사 및 개발자 도구를 스마트폰에서 사용할 수 있습니다.

누구를 위한 앱인가요?

• 🎨 디자이너: UI/UX 변경 사항을 프로토타입으로 만들고 레이아웃을 실시간으로 테스트하세요.

• 💻 개발자: 모바일 웹 관련 문제를 디버깅하고, 네트워크 요청을 가로채고, 저장소를 검사하세요.

• ✍️ 콘텐츠 제작자: 소셜 미디어를 위한 독창적인 이미지, 밈, 가상 시나리오 제목을 만들어 보세요.

🖼️ 고급 시각 편집 기능

• 실시간 텍스트 편집: 텍스트를 탭하여 즉시 내용을 수정하세요.

• 풍부한 서식: 도구 모음에서 바로 굵게, 기울임꼴, 색상, 강조 표시를 적용하세요.

• 이미지 교체: 사이트의 모든 사진을 갤러리의 이미지로 교체할 수 있습니다.

• 실시간 렌더링: 변경 사항이 실제 웹사이트에 어떻게 표시되는지 실시간으로 확인할 수 있습니다.

🔍 전문 개발자 도구

• 네트워크 모니터링: 페이지에서 발생하는 모든 요청(XHR, fetch, 이미지, 스크립트, 글꼴, 비콘, WebSocket)을 브라우저 엔진에서 직접 헤더, 상태 코드, 타이밍, WebSocket 메시지, 본문, 유형 필터와 함께 확인할 수 있습니다. 모든 요청을 cURL 또는 fetch로 복사할 수 있습니다.

• 네트워크 오버라이드*: 모든 요청을 가로채서 응답을 사용자 지정 데이터로 대체하여 백엔드를 건드리지 않고도 예외 상황을 테스트할 수 있습니다.

• 네트워크 조건 시뮬레이션: Chrome의 빠른 3G 또는 느린 3G 프로필로 속도를 제한하거나 완전히 오프라인 상태로 전환하여 연결 상태가 좋지 않은 상황을 재현할 수 있습니다.

• 브라우저 시뮬레이션: 사용자 에이전트를 변경하여 Safari, Chrome, Firefox, iPad, Android 또는 데스크톱에서 페이지가 어떻게 동작하는지 확인하거나 사용자 지정 에이전트를 설정할 수 있습니다.

• 콘솔 로그: 필터링 및 검색 기능을 통해 포착되지 않은 오류를 포함한 실시간 로그를 캡처합니다.

• JS 인젝션: 사용자 지정 JavaScript를 실행하고 반환 값 또는 오류 발생 위치를 정확히 확인합니다.

• 저장된 스크립트: 스크립트를 저장하고 탭 한 번으로 실행하거나 사이트 로드 시 자동으로 실행되도록 설정할 수 있습니다*.

• AI JavaScript 도우미*: 원하는 작업을 설명하면 AI가 스크립트를 작성해 줍니다.

• 스토리지 뷰어 및 편집기: 툴바에서 바로 localStorage, sessionStorage 및 쿠키를 탐색하고 편집할 수 있습니다.

🗂️ 멀티 탭 브라우징*

여러 페이지를 동시에 열고 즉시 전환할 수 있습니다. 레이아웃을 비교하거나 작업 중에 참고 자료를 열어두기에 적합합니다.

⚡ 빠른 액세스

자주 사용하는 페이지를 홈 화면에 탭 한 번으로 바로 접근할 수 있는 탭으로 저장하세요. 각 항목은 쿼리 매개변수와 사용자 에이전트를 기억하므로 마지막으로 작업했던 상태 그대로 페이지가 열립니다. 편집기의 북마크 버튼으로 현재 페이지를 저장하고, 알약 아이콘을 길게 눌러 편집하거나 삭제할 수 있습니다.

📂 나만의 페이지 열기

브라우저에 저장된 HTML 또는 MHTML 파일을 열어 실제 페이지처럼 편집하세요. 인터넷 연결이 필요하지 않습니다. 보관된 페이지나 이동 중 로컬 프로토타입 작업에 적합합니다.

✏️ 페이지 내 HTML 편집기

요소를 탭하면 스타일, 속성, 박스 모델을 검사할 수 있으며, 페이지 내에 바로 나타나는 패널에서 HTML을 편집할 수 있습니다. 전체 페이지 소스 편집기가 옆에 있으며, AI 어시스턴트가 자동으로 편집을 도와줍니다.

🎨 사이트별 맞춤 CSS

사이트에 적용할 CSS 클래스를 직접 작성하고 HTML 편집기에서 바로 사용할 수 있습니다. 스타일은 사이트별로 저장되며, 페이지를 로드할 때마다 자동으로 적용됩니다.

🚀 간편한 워크플로

어떤 사이트든 탐색하고, '편집'을 탭하여 텍스트와 이미지를 변경하고, 렌치 아이콘을 눌러 개발자 도구를 열고, 'UI 숨기기'를 사용하여 깔끔한 스크린샷을 저장하거나 공유하세요.

🛠️ 주요 기능 및 활용 사례

• 웹 프로토타이핑: 기존 사이트에서 브랜드 변경 사항을 미리 볼 수 있습니다.

• 영업 데모: 업데이트된 콘텐츠로 사이트가 어떻게 보이는지 고객에게 보여주세요.

• 개인정보 보호 최우선: 모든 수정은 기기에서 로컬로 이루어집니다.

⚠️ 면책 조항

웹 에디터: 검사 및 편집은 시각적 수정 및 디버깅만을 위한 생산성 및 개발 도구입니다. 서버의 데이터를 변경하거나 웹사이트 보안을 우회하지 않습니다.

* 프리미엄 버전 필요

지금 웹 에디터: 검사 및 편집을 다운로드하고 웹을 자유롭게 경험해 보세요!