Chrome内から制限された帯域幅をシミュレートしますか?


202

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

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

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


拡張機能には、そのレベルのアクセス権はありません。Chromeは、最も一般的なタスクの拡張APIのみを提供しており、これはそれらの1つではありません。
ウラジミールパラント

チェックアウトwebpagetest.org。で接続速度を設定できtest settings / connectionます。
Benjamin Crouzier 2013年

回答:


117

Charles Proxyをお勧めします。個々のサイトの速度を落とすように選択できます。また、HTTP検査ツールがたくさんあります。

編集:

2014年6月の時点で、ChromeはこれをDevToolsでネイティブに実行できるようになりました。ただし、Chrome 38が必要になります。

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


69
警告:チャールズは自由ではない
チャーリー

8
これはChrome devtoolsのどこにありますか?
ポール

15
CanaryでDevToolsを起動します。上部に検索アイコン、電話アイコン、要素、ネットワークなどがあります。電話アイコンをクリックし、下部のパネルで[エミュレーション]を選択すると、ネットワークエミュレーションオプションがそのパネルにあります
Andy Davies

1
@Andy ughh ...どのようにして電話のアイコンを表示しましたか?彼らはカナリアで物事を移動し続けます...
ネイサン

36
残念ながら、Chromeでのスロットルはダウンロードでのみ機能し、アップロードでは機能しません。
JesseBuesking 2014年

140

Linuxを実行している場合は、次のコマンドが非常に役立ちます。

trickle -s -d 50 -w 100 firefox

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

更新

Chrome 38は現在出荷されており、スロットルが含まれています。それを見つけるには、開発者ツールを起動します。私のマシンではCtrl + Shift + Iを実行します。それ以外の場合は、メニュー->その他のツール->開発者ツールでアクセスできます。

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

デバイスモードを切り替え

次に、そのようにスロットルをアクティブにします。

Chromeスロットルを有効にする

これが少し不格好だと思う場合、上記の私の提案はChromeとFirefoxの両方で機能します。


Chromeの開発機能を試し、YouTube動画をアップロードしました。それはアップロードをまったくスロットルしないようでした。
2015

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

68

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

ここに画像の説明を入力してください

次のようなものが表示されます。

ここに画像の説明を入力してください

他の多くの機能の中で、特定のインターネット接続(3G、GPRS)をシミュレートできます


14
これはページのロードテストでは問題なく機能するようですが、(xmlhttpreq2を使用した)アップロードのテストは制限されていないようです。-オフラインでスロットルが機能しなかったが、アップロード中はプロセスがGPRSなどの制限を無視しているように見える-アップロードを整形してプログレスバーやタイムアウトなどをテストできると便利だ
Josh Mc


61

現在のところ、Google Chrome Canaryでネイティブに接続を調整できます46.0.2489.0。開発ツールを開いて、[ネットワーク]タブに移動します。

ここに画像の説明を入力してください


1
これが最も簡単な方法で、追加のプラグインは必要ありません。
Earl3s 2016年

2
ただし、WebSocketには影響しません。
トム・ハバード

19

マイケルは言った、Chrome拡張機能APIは、これを行うの信頼性の高い方法を提供していません。一方、私がかなり長い間使用してきたソフトウェアがあります。

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


13

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


2016年3月の時点でAppleのサイトでハードウェアIOツールを検索するには、このリンクにアクセスしてください。「ネットワークリンクコンディショナー」設定ペインでは、ダウンリンクとアップリンクの帯域幅、ドロップされたパケットの割合、および遅延を設定できます。
グレッグサデツキー2016年

11

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


これは非常に使いやすく、追加の設定なしでlocalhostでも機能します。素晴らしい提案。
HockeyJ 2014

2
これを機能させることができません。フラグを有効にしましたが、開発ツールのエミュレーションにネットワークオプションが表示されません。このウィンドウのみですか?
Pez Cuckow 2014

6

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

Chromeを使用して低速接続をシミュレートしますシステムにまだインストールしていない場合は、Chromeをインストールしてください。その後、新しいタブを開き、CTRL + SHIFT + Iを押して開発者ツールウィンドウを開くか、ハンバーガーアイコン、[その他のツール]、[開発者ツール]の順にクリックします。

ここに画像の説明を入力してください

これにより、開発者ツールウィンドウが表示され、画面の右側におそらくドッキングされます。より多くのデータを表示できるので、画面の下部にドッキングすることをお勧めします。これを行うには、3つの縦の点をクリックしてから、中央のドック位置をクリックします。

ここに画像の説明を入力してください

次に、[ネットワーク]タブをクリックします。右側に、No Throttlingというラベルが表示されます。

ここに画像の説明を入力してください

これをクリックすると、事前構成された速度のドロップダウンリストが表示され、低速接続のシミュレーションに使用できます。

ここに画像の説明を入力してください

選択肢はオフラインからWiFiまであり、数値はレイテンシ、ダウンロード、アップロードとして表示されます。最も遅いのは、GPRSで、次にレギュラー2G、次にグッド2G、次にレギュラー3G、グッド3G、レギュラー4G、DSL、そしてWiFiが続きます。いずれかのオプションを選択してから、現在のページを再読み込みするか、アドレスバーに別のURLを入力します。開発者ツールが表示されているのと同じタブにいることを確認してください。スロットルは、有効にしているタブでのみ機能します。

独自の特定の値を使用する場合は、[カスタム]の下の[追加]ボタンをクリックできます。[カスタムプロファイルの追加]ボタンをクリックして、新しいプロファイルを追加します。

ここに画像の説明を入力してください

GPRSを使用すると、www.google.comの読み込みになんと16秒もかかりました。全体として、これはChromeに組み込まれた優れたツールであり、低速接続でのWebサイトのロード時間のテストに使用できます。ご不明な点がございましたら、お気軽にコメントください。楽しい!


1
正解、Arbaz!
Matt

1
細かく徹底!ありがとう!
SexyBeast

4

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


第二に...フィドラーは素晴らしいです。Fiddlerのスロットリングと遅延の追加に関する関連回答へのリンクを次に示します。stackoverflow.com/questions/16276669/…–
JustinParker

1

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

ローカルマシンで実行されているWebプロキシは、必要な効果を実現できます。たとえば、「スロットリングプロキシ」の検索でこれが見つかりました。



1

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

ここに画像の説明を入力してください

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

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


-3

なお、Chromeに組み込まれているスピードテスターは使用しないでください(スロットルされていない速度が表示されます)。代わりに、Fast.comなどの別のサイトを使用してください。これにより、適切にスロットルされた速度が表示されます。

また、スロットル設定は非表示になっている場合があり、小さな下向き矢印をクリックしてネットワークバーからアクセスできます。


1
こんにちは@Dandelion。お返事をいただきありがとうございます。しかし、この回答は実際には質問に回答しないため、回答として適切かどうかはわかりません。スピードテストは質問とどのように関係していますか?fast.comローカルホストでどのように使用できますか?
ベンジャミン
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.