Charlesの便利な機能・使い方 - Qiita
Charles は HTTP(S) 通信の内容を閲覧したり、改変したりすることができるツールです。 Android や iOS のアプリ開発などで通信のデバッグをする際に非常に役に立つツールですので、便利な機能や使い方についてご紹介したいと思います。 注意点 この記事では Charles の導入・設定方法についての解説は省略させていただきます。 私が Mac ユーザーですので、記事内で紹介しているショートカットキーや画面キャプチャは Mac のものとなります。 また、Charles のバージョンは v4.6.1 時点のものとなります。 通信の閲覧 Structure と Sequence タブ 通信を閲覧する際に Structure と Sequence の2種類のタブがあります。 Structure では Host ごとにグルーピングされて表示され、Sequence では指定した順番に表
ローカル開発環境の Web サイトにスマホからアクセスする方法 (Vagrant もOK)
【環境】 OS X 10.11.4 Charles 3.11.4 iOS 9.3 ✨ この記事では、Mac で起動している Vagrant サーバの Web サイトに iPhone からアクセスするための方法を紹介します。Vagrant を使用せずに、Mac のローカルホストにスマホから接続することもできます。 前提 Mac と iPhone が同一 Wi-Fi 上でネットワーク接続されていること 準備 Charles をダウンロードします。 以下のサイトにアクセスしてDOWNLOADボタンを押して、お使いの環境に合わせてダウンロードしてください。 Charles ダウンロードが完了したら Charles を起動します。初回に何回かダイアログが出ますが、すべて肯定するボタンを押していけばOKです。 Mac 側の設定 Wi-Fi に接続します。 Charles の画面上部のメニューバーから
【開発支援ツール】Charlesの使い方【神ツール】 - Qiita
1.Charlesとは 注意 本稿は古い記事です。こちらに新しい記事を用意しましたので、これからCharlesを使う方は新しい方をご参照くださいmm 【開発支援ツール】Charlesの使い方更新版【神ツールv4.5.6】 1-1. はじめに アプリ開発をしているとAPIのレスポンスを見たかったり、正しいドメインにアクセスしているかを確認したい場合が出てくると思います。 そんな時に便利なツールがCharlesです！(とても便利) 開発に携わるのならば、是非Charlesを使えるようになりましょう！！(とてもとても便利) 神ツールです 1-2. Charlesでできること Charlesを使用すればこんなことができます。 ・通信のモニタリング -アクセスしたドメインやAPIのレスポンスを確認できます。 ・通信速度のシミュレーション -通信速度を変えて通信できるようになります。タイムアウトのテス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CharlesのMap Localを使って、Webサイトオープン後にJSやCSSの開発をする
