178

私はクロームの中から様々な接続速度をシミュレートすることができる方法はありますか?Chrome内から限られた帯域幅をシミュレートしますか?

さまざまな速度でhttp://localhostを確認する必要があります。

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

+0

拡張機能をダウンロードするには、以下のリンクをご覧ください。 Chromeは最も一般的なタスクの拡張APIのみを提供しますが、これはその1つではありません。 –

+0

チェックアウトhttp://www.webpagetest.org。 'test settings/connection'の下で接続速度を設定することができます。 –

答えて

103

私はCharles Proxyをお勧めします。個々のサイトの速度を落とすこともできますし、HTTP検査ツールもたくさんあります。

編集:2014年6月の時点で

は、Chromeは今デベロッパーツールでネイティブにこれを行う能力を持っている - あなたは、Chrome拡張機能APIにはない

+66

警告:チャールズは無料ではありません – Charlie

+7

これはchrome devtoolsのどこにありますか? – Paul

+15

カナリアのDevToolsを起動します。検索アイコン、電話アイコン、要素、ネットワークなどがあります。電話アイコンをクリックし、下部パネルのエミュレーションを選択すると、ネットワークエミュレーションオプションがパネルに表示されます –

1

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

ローカルマシン上で実行されているWebプロキシが必要な効果を得ることができます。例えば、 "throttling proxy"の検索では、thisが出てきました。

18

Michael saidとしてのにクローム38が必要になりますこれを行うための信頼できる方法を提供します。一方私はかなりの時間のために自分を使用してきたソフトウェアがあります。

低帯域幅をシミュレートするJavaアプリケーションのSloppyを試してください。それはブラウザに依存しないので、使い方はとても簡単ですし、何よりも無料です!

4

あなたはバイオリンに慣れていない場合 - 行ってください。これはHTTP用の優れたデバッグツールです。また、帯域幅を制限するオプションもあります。

+0

第二に...フィドラーは素晴らしいです。ここでは、Fiddlerのスロットリングと遅延の追加に関する関連する回答へのリンクがあります。 http://stackoverflow.com/questions/16276669/simulate-network-speeds-using-fiddler – JustinParker

132

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

trickle -s -d 50 -w 100 firefox 

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

アップデートは

クローム38は今出ているとスロットルを含んでいます。 、それを見つける開発ツールを起動するには:Ctrlキー+シフト+私は私のマシン上でそれをしない、それ以外のメニュー - >その他のツール - >開発者ツールがあなたをもたらすでしょう。

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

Toggle device mode

そして、そのように絞る有効にします。

Activate Chrome throttling

あなたはこのビット不格好を見つけた場合は、上記の私の提案はChromeとFirefoxの両方のために動作します。あなたは、Mac上にある場合

+3

すごく便利です! – sirFunkenstine

+0

私はChromeでdev機能を試して、YouTubeビデオをアップロードしました。それはまったくアップロードを抑制するようには見えなかった。 – WHol

+1

スロットル機能はアップロードリミッタではありません。これは、ダウンロードテストと、ページが別の接続でどのように読み込まれるかを確認するためのものです。 – Nelson

13

、クロームの開発チームは、お勧めします「ネットワークリンクコンディショナーツール」

次のいずれかの

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

+0

2016年3月現在のAppleのサイトでハードウェアIOツールを検索するには、[このリンク](https://developer.apple.com/downloads/?q=Hardware%20IO%20Tools)にアクセスしてください。 「ネットワークリンクコンディショナー」設定パネルでは、ダウンリンクとアップリンクの帯域幅、ドロップされたパケットの割合と遅延を設定できます。 –

11

今あなたがTHRネットワークを制限することができますうそつき。これは、Dev ToolsのConsoleの "Emulation"タブの "Network"オプションで行うことができます。この新しい機能を確認するには、Chromeのフラグ「デベロッパーツールのテストを有効にする」(chrome:// flags /#enable-devtools-experiments)(chrome://フラグ)を有効にする必要があります。モバイル接続の低帯域幅(GSM、GPRS、EDGE、3G)をシミュレートすることができます。

+0

これはとても使いやすく、追加設定なしでlocalhostでも動作します。優れた提案。 – HockeyJ

+2

この作業はできません。私はフラグを有効にしましたが、devツールのエミュレーションでネットワークオプションが表示されませんでした。このウィンドウのみですか? –

66

Chrome 38で始まるプラグインなしでこれを行うことができます。クリックするだけの要素(またはF12ホットキー)を検査し、その後、toggle device modphoneボタン)

enter image description here

をクリックすると、あなたはこのようなものが表示されます。他の多くの中

enter image description here

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

+14

これはページロードテストにうまくいくように見えますが、テストのアップロード(xmlhttpreq2を使用)は制限されていません。 - オフラインで調整は行われませんでしたが、アップロード中にGPRSなどの制限を無視しているように見えます。アップロードバーの形状を整えてプログレスバーやタイムアウトなどをテストすることができればいいです。 –

+2

これは間違いありませんhttps://code.google.com/p/chromium/issues/detail?id=414319 – Calin

53

今日からあなたの接続をGoogle Chrome Canary 46.0.2489.0でネイティブに動かす。単に開発ツールを開き、[ネットワーク]タブに頭の上:

enter image description here

+1

これは最も簡単なルートで、余分なプラグインは必要ありません。 – earl3s

+0

しかし、WebSocketには影響しません。 –

+0

ありがとう、これは正常に動作します。 –

0

あなたがOSXを使用している場合は、使用することができます:あなたが選択することができます。ここネットワークリンクコンディショナー

enter image description here

異なるプロファイルすなわち。 100%の損失、3GなどのDSL

間違いなくそのアクセス・レベルを持っていないネットワークリンクコンディショナーhere