web-dev-qa-db-ja.com

Chrome内から限られた帯域幅をシミュレートする?

Chrome内からさまざまな接続速度をシミュレートする方法はありますか?

速度を変えて http:// localhost をチェックできるようにする必要があります。

これを実行できるスタンドアロンアプリケーションがあることを私は知っています、しかし私はむしろChromeの中でこれをしたいです。

193
user1103744

私はお勧めします Charles Proxy - あなたは個々のサイトを遅くすることを選ぶことができます、またHTTP検査ツールの全体の束を持っています。

編集:

2014年6月現在、ChromeにはDevToolsでネイティブにこれを実行する機能があります - ただし、Chrome 38が必要です。

このオプションは、ツールバーの最後にあるドロップダウンから[ネットワーク]タブからアクセスできます。

111
Andy Davies

Linuxを実行している場合、これには次のコマンドが非常に便利です。

trickle -s -d 50 -w 100 firefox

-sはコマンドをスタンドアロンで実行するように指示し、-d 50は帯域幅を50 KB/sに制限するように指示し、-w 100はピーク検出ウィンドウサイズを100 KBに設定します。 firefoxは、このレート制限のすべてをロードしようとするサイトに適用してFirefoxを起動するようにコマンドに指示します。

更新

Chrome 38は現在発売中で、調整が含まれています。それを見つけるには、開発者ツールを起動します。Ctrl + Shift +私のマシン上でそれを行います。

次に、開発者ツールパネルの左上にある電話をクリックしてデバイスモードを切り替えます(以下のツールチップを参照)。

Toggle device mode

その後、スロットルを有効にします。

Activate Chrome throttling

これが少しぎこちないと感じた場合は、上記の私の提案はChromeとFirefoxの両方に有効です。

136
Richard

Chrome 38以降では、プラグインなしでこれを実行できます。単に検査要素をクリックします(または F12 ホットキー)をクリックし、toggle device modphoneボタン)をクリックします。

enter image description here

そして、あなたはこのような何かを見るでしょう:

enter image description here

他の多くの機能の中で、それはあなたが特定のインターネット接続(3G、GPRS)をシミュレートすることを可能にします

68
Salvador Dali

今日から、Google Chrome Canaryの46.0.2489.0で接続をネイティブに調整できます。 Dev Toolsを開き、[ネットワーク]タブに進んでください。

enter image description here

61
Pono

Michaelによる として、Chrome拡張APIはこれを行う信頼できる方法を提供していません。 その一方で、私はかなり以前から使っているソフトウェアがあります。

低帯域幅をシミュレートするJavaアプリケーション、 Sloppy を試してください。ブラウザに依存せず、非常に使いやすく、そして何よりも無料です。

19
caiosm1005

Macを使用している場合、Chrome開発チームは「ネットワークリンクコンディショナーツール」を推奨します。

どちらか

Xcode > Open Developer Tool > More Developer Tools > Hardware IO Tools for Xcode

Xcodeをインストールしたくない場合は、

Go to the Apple Download Center and search for Hardware IO Tools

https://developer.Apple.com/downloads/index.action

13
Sean McClory

Chrome Canaryでは、ネットワークのスループットを制限できます。これは、開発ツールのコンソールの[エミュレーション]タブの[ネットワーク]オプションで行うことができます。この新機能を表示するには、Chromeフラグ「開発者ツールの実験を有効にする」(chrome:// flags /#enable-devtools-experiment)(chrome:// flags)を有効にする必要があります。あなたはモバイル接続のためにいくつかの低帯域幅(GSM、GPRS、エッジ、3G)をシミュレートすることができます。

11

元の記事: https://helpdeskgeek.com/networking/simulate-slow-internet-connection-testing/

Chromeを使用してSlow ConnectionをシミュレートするChromeをシステムにインストールしていない場合は、Chromeをインストールします。これを行ったら、新しいタブを開いてからCtrl + Shift + Iキーを押して開発者ツールウィンドウを開くか、またはハンバーガーアイコンをクリックして[その他のツール]、[開発者ツール]の順にクリックします。

enter image description here

これにより、[開発者ツール]ウィンドウが表示され、おそらく画面の右側にドッキングされます。あなたはより多くのデータを見ることができるので、私はそれがスクリーンの一番下にドッキングされるのを好む。これを行うには、3つの垂直方向の点をクリックしてから、中央のドック位置をクリックします。

enter image description here

それでは先に進み、[ネットワーク]タブをクリックしてください。右側には、No Throttlingというラベルがあります。

enter image description here

それをクリックすると、遅い接続をシミュレートするために使用できる事前設定された速度のドロップダウンリストが表示されます。

enter image description here

選択肢はオフラインからWiFiまでで、数字はLatency、Download、Uploadとして表示されます。最も遅いのはGPRSで、その後に通常2G、次に通常2G、次に通常3G、通常3G、通常4G、DSL、そしてWiFiの順です。いずれかのオプションを選択してから、現在表示しているページをリロードするか、アドレスバーに別のURLを入力します。開発者ツールが表示されているのと同じタブにいることを確認してください。調整は、有効にしているタブに対してのみ機能します。

独自の値を使用したい場合は、[カスタム]の下の[追加]ボタンをクリックします。新しいプロファイルを追加するには、Add Custom Profileボタンをクリックしてください。

enter image description here

GPRSを使用している場合、www.google.comをロードするのに16秒かかりました。全体として、これはChromeに組み込まれている優れたツールで、低速の接続でWebサイトの読み込み時間をテストするために使用できます。質問がある場合は、コメントしてください。楽しい!

4
Arbaz Alam

もしあなたがFiddlerに慣れていないのなら - お願いします。これはHTTP用の素晴らしいデバッグツールです。帯域幅を制限することもできます。

4
Yuki

OSXを使用している場合は、次のものを使用できます。ネットワークリンクコンディショナー

enter image description here

ここでは異なるプロファイルを選択できます。 100%損失、3G、DSLなど.

ネットワークリンクコンディショナーをダウンロードするために下記のリンクを見つけてください ここ

1
Kiran Sk

私はあなたが求めることがクロムだけでできるとは思わない。私が見つけた最も近いのは this で、これはあなたが望むものではありません。私はそれをするためにクロムプラグインを得ているのは難しいだろう。

あなたのローカルマシン上で動いているウェブプロキシはあなたが望む効果を達成することができます。たとえば、「スロットルプロキシ」を検索すると、 this と表示されます。

1
Michael Slade

Chrome Mobile Emulationページ で提案されているように、Windowsでは Clumsy 、Mac OS Xでは Network Link Conditionerdummynet)を使用できます。 Linuxの場合.

1
tehwalris