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 上のモバイル Web サイトの DOM ツリーと HTML コードを表示する Web Inspector アプリインターフェース。

iPhone 上のモバイル Web サイトの DOM ツリーと HTML コードを表示する Web Inspector アプリインターフェース。

HTML DOM 要素を編集するための Web Inspector モバイルアプリインターフェース

HTML DOM 要素を編集するための Web Inspector モバイルアプリインターフェース

iOS 上のモバイル Web サイトの DOM ツリーと HTML 要素を表示する Web Inspector アプリインターフェース

iOS 上のモバイル Web サイトの DOM ツリーと HTML 要素を表示する Web Inspector アプリインターフェース

iPhone 画面に HTML および CSS コードを表示するモバイル Web Inspector ツール

iPhone 画面に HTML および CSS コードを表示するモバイル Web Inspector ツール

コードの実行とアラートウィンドウを表示する Web Inspector モバイルアプリの JavaScript コンソールインターフェース

コードの実行とアラートウィンドウを表示する Web Inspector モバイルアプリの JavaScript コンソールインターフェース

Safari の Web サイトのリアルタイムネットワークリクエストとステータスコードを表示するモバイルアプリインターフェース

Safari の Web サイトのリアルタイムネットワークリクエストとステータスコードを表示するモバイルアプリインターフェース

Web サイトのネットワークレスポンスヘッダーを表示する Web Inspector アプリインターフェース

Web サイトのネットワークレスポンスヘッダーを表示する Web Inspector アプリインターフェース

Web Inspector アプリが iPhone 上のネットワークタブに CSS フォントフェイスルールを表示

Web Inspector アプリが iPhone 上のネットワークタブに CSS フォントフェイスルールを表示

モバイル Safari のローカルストレージ Cookie およびスタイルシートのデバッグ用リソースタブを表示する Web Inspector アプリ

モバイル Safari のローカルストレージ Cookie およびスタイルシートのデバッグ用リソースタブを表示する Web Inspector アプリ

デバイス上のデスクトップグレードの開発者ツール

このアプリを際立たせるツール、 269K+ 人のユーザーが選択.

🔍

ライブ DOM と CSS の検査

Safari 内でリアルタイムに要素を検査し、スタイルを変更することで、レイアウトの不具合を即座に特定して修正します。

💻

完全な JavaScript コンソール

モバイルでの生産性に最適化された機能的なコンソールを使用して、外出先でもスクリプトを実行し、エラーを表示し、複雑な問題をデバッグできます。

🌐

ネットワークとストレージの監査

デスクトップコンピュータなしで、API リクエストを監視し、Cookie やローカルストレージを管理して、パフォーマンスとデータ永続性の問題をトラブルシューティングします。

世界中のユーザーに愛されています

Trusted by 269K+ 人がこのアプリを愛用しています.

"

"Web Inspector は私のモバイルワークフローを完全に変えました。CSS の不具合をデバッグしたり、コンソールログを確認するために、もはや iPhone を Mac に接続する必要がなくなりました。iPad が正当な開発ワークステーションのように感じられるようになりました。外出中のあらゆる Web プロフェッショナルにとって不可欠です。"

Alex R.、シニアフロントエンド開発者
"

"モバイル固有のバグのテストはかつて大きな頭痛の種でしたが、このアプリはそれをシームレスにしてくれます。ネットワークリクエストを検査し、DOM を Safari で直接編集できることは、ライブサイトの監査のトラブルシューティングに役立ちます。これは間違いなく私の開発ツールキットの中で最も役立つユーティリティです。"

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 不要でモバイルデバッグをマスター

269,000 人以上の開発者が、iPhone および iPad の Safari で直接 DOM の検査、JavaScript のデバッグ、ネットワークトラフィックの監視を行っています。

ダウンロード: App Store
FAQ

よくある質問

について知っておくべきこと Web Inspector

Web Inspectorとは何ですか?

Web Inspectorは、Mobile Safariにウェブ開発ツール群を追加するアプリです。これにより、ユーザーはiOSデバイス上で直接ウェブページを検査およびデバッグできます。

Web Inspectorはウェブページ要素を編集できますか?

はい、Web Inspectorを使用すると、ユーザーはウェブページのDocument Object Model(DOM)内の要素を編集できます。これには、HTML構造の表示、検査、および変更が含まれます。

Web Inspectorはどのようなウェブ開発ツールを提供しますか?

Web Inspectorは、DOM、Elements、Console、Network、Resourcesツールを提供します。これらの機能は、Mobile Safari内でのウェブコンテンツの検査、デバッグ、および変更を目的としています。

Web Inspectorはユーザーデータや個人情報を収集しますか?

いいえ、Web Inspectorは個人情報を収集、保存、または送信しません。このポリシーにより、iOSでウェブ開発ツールを使用する際のユーザーのプライバシーが保護されます。

Web InspectorはJavaScriptのデバッグをどのように支援しますか?

Web InspectorにはConsoleツールが用意されており、ユーザーはデバッグ、変更、情報取得のためにJavaScriptコマンドを入力できます。また、ウェブページから発信されたログ、エラー、警告も表示されます。

Web Inspectorでネットワークリクエストを監視できますか?

はい、Web InspectorにはNetworkツールが含まれています。これにより、ウェブページから行われたすべてのネットワークリクエストとレスポンスの詳細なリストが提供され、包括的な分析とデバッグが可能になります。

Web Inspectorはウェブページのスタイルを表示しますか?

はい、Web InspectorのElementsツールは、ウェブページのノードとスタイルに関する詳細を表示します。これにより、開発者は特定のHTML要素に適用されているCSSを検査し、理解することができます。

Web Inspectorはどのようなリソースデータを表示できますか?

Web InspectorのResourcesツールは、ウェブページによって保存されたデータに関する詳細を明らかにします。これには、Cookie、ローカルストレージ、セッションストレージが含まれ、クライアントサイドのデータ管理に関する洞察を提供します。