DTYPE LABへ
実際のiPhone Safari · MDNのDOMとCSSの検査
WebPier
開発中 · WINDOWSプライベートプレビュー
Macを経由せずに、Safariをデバッグ。
WindowsのChrome DevToolsで、実際のiPhone Safariページを検査します。同じページの情報をMCPでCodexとClaude Codeにつなげましょう。
Windowsで使うWebPier — 英語UI
WebPierの英語UIを未接続のテスト状態で撮影しました。実際のiPhoneの検査画面は下で紹介します。
検査ワークフローの場面
Overview
WebPierは、WindowsからiPhone Safariを検査する開発者向けツールです。iPhoneをUSBで接続してSafariページを選択すると、インストール済みのChrome DevToolsで検査できます。ページの検出、DOMの検査、コンソールへのアクセスは実際のiPhoneで検証済みです。
Why it exists
Windowsで開発していると、iPhone Safariを検査する手順が煩雑になりがちです。WebPierは、その検査の流れを使い慣れたデスクトップツールにつなぎ、ページの情報をAIを活用したデバッグにも役立てられるようにしています。
What it enables
- 実機で。実際のSafariを。
- USB接続したiPhoneで実行中のページを検査します。
- 使い慣れたDevTools。
- WindowsのChrome DevToolsのワークフローにSafariの検査を組み込みます。
- 検査にAIを。
- MCPで検査情報をCodexとClaude Codeにつなぎます。
Technology
- Windowsデスクトップアプリ
- USB接続したiPhone Safari
- Chrome DevTools連携
- MCP · Codex / Claude Code
Status
WebPierは開発中で、プライベートプレビューの段階です。
対応範囲は機能ごとに異なります。iPhoneでのCSS編集、ネットワーク応答本文、ブレークポイント全般は検証を進めています。
AppleやGoogleと提携していない独立した開発者向けツールです。