Web Editor: Inspect & Edit

あらゆるウェブサイトを、あなただけのキャンバスに変えましょう。テキストの編集、画像の差し替え、要素の検証、ネットワークリクエストのデバッグ、APIレスポンスの上書きなど、Android向け最強のWebエディター＆開発者ツールです。

新しい見出しのテスト、外出先でのAPI呼び出しのデバッグ、ノートパソコンなしでのウェブサイトのモックアップなど、デスクトップクラスの要素検証ツールと開発者ツールをスマートフォンで利用できます。

こんな方におすすめ

• 🎨 デザイナー：UI/UXの変更をプロトタイプ化し、レイアウトをリアルタイムでテストできます。

• 💻 開発者：モバイル特有のWeb問題をデバッグし、ネットワークリクエストを傍受し、ストレージを検査できます。

• ✍️ コンテンツクリエイター：ソーシャルメディア向けに、ユニークなビジュアル、ミーム、または「もしも」の見出しを作成できます。

🖼️ 高度なビジュアル編集

• ライブテキスト編集：テキストをタップするだけで、コンテンツを瞬時に書き換えられます。

• 豊富な書式設定：ツールバーから直接、太字、斜体、色、ハイライトを適用できます。

• 画像置換：サイト上の任意の写真をギャラリーの画像に置き換えることができます。

• リアルタイムレンダリング：変更内容をライブ表示と同じように確認できます。

🔍 プロフェッショナル開発者ツール

• ネットワークモニター：ページが行うすべてのリクエスト（XHR、フェッチ、画像、スクリプト、フォント、ビーコン、WebSocket）をブラウザエンジンから直接取得し、実際のヘッダー、ステータスコード、タイミング、WebSocketメッセージ、本文、タイプフィルターを表示します。任意のリクエストをcURLまたはフェッチとしてコピーできます。

• ネットワークオーバーライド*：任意のリクエストを傍受し、レスポンスを独自のデータに置き換えることで、バックエンドに手を加えることなくエッジケースをテストできます。

• ネットワーク状態シミュレーション：Chromeの高速3Gまたは低速3Gプロファイルにスロットリングしたり、完全にオフラインにしたりして、接続不良を再現できます。

• ブラウザシミュレーション：ユーザーエージェントを切り替えて、Safari、Chrome、Firefox、iPad、Android、デスクトップでのページの動作を確認したり、独自のカスタムエージェントを設定したりできます。

• コンソールログ：捕捉されていないエラーを含むリアルタイムログを、フィルタリングと検索機能付きで取得できます。

• JSインジェクション：カスタムJavaScriptを実行し、その戻り値やエラー発生箇所を正確に確認できます。

• 保存済みスクリプト：スクリプトを保存して、タップするだけで実行したり、サイト読み込み時に自動的に実行するように設定できます*。

• AI JavaScriptアシスタント*：実行したい操作を説明するだけで、AIがスクリプトを作成します。

• ストレージビューア＆エディター：ツールバーからlocalStorage、sessionStorage、Cookieを直接閲覧・編集できます。

🗂️ マルチタブブラウジング*

複数のページを同時に開き、瞬時に切り替えることができます。レイアウトの比較や、作業中に参照ページを開いておくのに最適です。

⚡ クイックアクセス＆履歴

よく使うページをホーム画面のワンタップタイルとして保存できます。各ページはクエリパラメータとユーザーエージェントを記憶するため、前回開いたときと同じ状態でページを開くことができます。タイルを長押しすると、編集または削除できます。履歴には、検索履歴、アクセスしたサイト、ファイルなどがデバイス内にのみ保存されます。

📂 独自のページを開く

ブラウザから保存したHTMLまたはMHTMLファイルを開き、ライブページと同じように編集できます。インターネット接続は不要です。アーカイブされたページや、外出先でのローカルプロトタイプの作業に最適です。

✏️ ページ内HTMLエディタ

任意の要素をタップすると、スタイル、属性、ボックスモデルを確認できます。その後、ページ内に表示されるパネルでHTMLをその場で編集できます。フルページソースエディタも同時に表示され、AIアシスタントが編集を自動で行ってくれます。

🎨 サイトごとのカスタムCSS

サイトごとに独自のCSSクラスを作成し、HTMLエディタから直接使用できます。スタイルはサイトごとに保存され、ページが読み込まれるたびに自動的に再適用されます。

🚀 簡単ワークフロー

任意のサイトを閲覧し、「編集」をタップしてテキストや画像を変更、開発者ツールを開くには「開発者ツール」をタップ、保存や共有が可能なクリーンなスクリーンショットを撮影するには「UI非表示」を使用します。

🛠️ 主な機能とユースケース

• Webプロトタイピング：既存サイトでブランド変更をプレビューできます。

• セールスデモ：更新されたコピーでサイトがどのように見えるかをクライアントに提示できます。

• プライバシー優先：すべての変更はデバイス上でローカルに行われます。

⚠️ 免責事項

Web Editor: Inspect & Editは、視覚的な変更とデバッグのみを目的とした生産性向上および開発ツールです。サーバー上のデータを変更したり、Webサイトのセキュリティを回避したりすることはありません。

* プレミアム版のみ

今すぐWeb Editor: Inspect & Editをダウンロードして、制限のないWeb体験をお楽しみください！