Chrome 내에서 제한된 대역폭을 시뮬레이션 하시겠습니까?


201

Chrome 내에서 다양한 연결 속도를 시뮬레이션 할 수있는 방법이 있습니까?

다양한 속도로 http : // localhost 를 확인할 수 있어야 합니다.

이 작업을 수행 할 수있는 독립 실행 형 응용 프로그램이 있지만 Chrome 에서이 작업을 수행하고 싶습니다.


확장에는 분명히 해당 수준의 액세스 권한이 없습니다. Chrome은 가장 일반적인 작업을위한 확장 API 만 제공하며 그 중 하나가 아닙니다.
블라디미르 Palant

체크 아웃 webpagetest.org . 에서 연결 속도를 설정할 수 있습니다 test settings / connection.
Benjamin Crouzier

답변:


117

Charles Proxy를 추천 합니다. 개별 사이트 속도를 늦출 수 있으며 HTTP 검사 도구도 많이 있습니다.

편집하다:

2014 년 6 월부터 Chrome은 이제 DevTools에서 기본적으로이 기능을 수행 할 수 있습니다. 그래도 Chrome 38이 필요합니다.

옵션은 툴바 끝의 드롭 다운을 통해 네트워크 탭에서 액세스 할 수 있습니다.


69
경고 : Charles는 무료가 아닙니다
Charlie

8
chrome devtools에서 어디서 찾을 수 있습니까?
Paul

15
, 카나리아에서 DevTools로를 화재 당신은 상단 따라 검색 아이콘, 전화 아이콘, 요소, 네트워크 등 네트워크 에뮬레이션 옵션은 해당 패널에있는 하단 패널에서 에뮬레이션을 선택 후 전화 아이콘을 클릭하고
앤디 데이비스

1
@Andy ughh ... 전화 아이콘이 어떻게 나타 났습니까? 그들은 카나리아에서 물건을 계속 움직입니다 ...
Nathan

36
불행히도 Chrome의 조절 기능은 업로드가 아닌 다운로드에서만 작동합니다.
JesseBuesking

140

Linux를 실행중인 경우 다음 명령이 실제로 유용합니다.

trickle -s -d 50 -w 100 firefox

-s(가), 독립을 실행하는 명령을 지시 -d 5050킬로바이트 / S는에 제한 대역폭을 말한다 -w 100세트 1백킬로바이트에 피크 검출 창 크기. firefox로드를 시도하는 모든 사이트에이 속도 제한을 모두 적용하여 파이어 폭스를 시작하도록 명령에 지시합니다.

최신 정보

Chrome 38은 현재 출시 중이며 조절 기능이 포함되어 있습니다. 그것을 찾으려면 개발자 도구를 가져 오십시오 : Ctrl + Shift + 컴퓨터에서 수행하십시오. 그렇지 않으면 메뉴-> 추가 도구-> 개발자 도구가 나타납니다.

그런 다음 개발자 도구 패널의 왼쪽 위에있는 전화를 클릭하여 장치 모드를 전환하십시오 (아래 도구 설명 참조).

장치 모드 전환

그런 다음 조절을 활성화하십시오.

Chrome 조절 기능 활성화

이 내용이 약간 어색한 경우 위의 제안은 Chrome과 Firefox 모두에서 작동합니다.


Chrome에서 개발 기능을 사용해보고 YouTube 동영상을 업로드했습니다. 업로드를 전혀 제한하지 않는 것 같습니다.
WHol

1
스로틀 기능은 업로드 제한 기가 아닙니다. 다운로드 테스트 및 페이지가 다른 연결에서 어떻게로드되는지 확인하기위한 것입니다.
넬슨

68

Chrome 38 부터는 플러그인 없이이 작업을 수행 할 수 있습니다. 검사 요소 (또는 F12핫키)를 클릭 한 다음 toggle device mod( phone버튼) 을 클릭하십시오.

여기에 이미지 설명을 입력하십시오

그리고 당신은 다음과 같은 것을 보게 될 것입니다 :

여기에 이미지 설명을 입력하십시오

다른 많은 기능 중에서 특정 인터넷 연결 (3G, GPRS)을 시뮬레이션 할 수 있습니다


14
이것은 페이지로드 테스트에 잘 작동하는 것으로 보이지만 테스트 업로드 (xmlhttpreq2 사용)는 제한되지 않은 것으로 보입니다. -오프라인 상태에서 제한이 작동하지 않았지만 업로드하는 동안 프로세스에서 GPRS 등의 한계를 무시하는 것으로 보입니다. 진행률 표시 줄, 시간 초과 등을 테스트 할 수 있도록 업로드도 구성 할 수 있다면 좋을 것입니다.
Josh Mc

2
이것은 정확합니다. 이것은 현저한 문제입니다 code.google.com/p/chromium/issues/detail?id=414319
Calin

61

오늘부터 Chrome 카나리아에서 기본적으로 연결을 조절할 수 있습니다 46.0.2489.0. Dev Tools를 열고 네트워크 탭으로 이동하십시오.

여기에 이미지 설명을 입력하십시오


1
가장 쉬운 경로이며 추가 플러그인이 필요하지 않습니다.
earl3s

2
그러나 웹 소켓에는 영향을 미치지 않습니다.
Tom Hubbard

19

마이클이 말했다 , 크롬 확장 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 도구를 검색하려면 이 링크 로 이동 하십시오 . "네트워크 링크 컨디셔너"환경 설정 창에서 다운 링크 및 업 링크 대역폭, 손실 된 패킷 비율 및 지연을 설정할 수 있습니다.
Greg Sadetsky

11

Chrome Canary에서 이제 네트워크 처리량을 제한 할 수 있습니다. 이것은 Dev Tools에서 콘솔의 "Emulation"탭에있는 "Network"옵션에서 수행 할 수 있습니다. 이 새로운 기능을 보려면 Chrome 플래그 "개발자 도구 실험 사용"(chrome : // flags / # enable-devtools-experiments) (chrome : // flags)을 활성화해야합니다. 모바일 연결을 위해 일부 저 대역폭 (GSM, GPRS, EDGE, 3G)을 시뮬레이션 할 수 있습니다.


이것은 사용하기 쉽고 추가 설정없이 로컬 호스트에서 작동합니다. 훌륭한 제안.
HockeyJ

2
이 작업을 수행 할 수 없으며 플래그를 사용하도록 설정했지만 개발 도구에서 에뮬레이션에 네트워크 옵션이 표시되지 않습니다.이 창만 있습니까?
Pez Cuckow

5

원본 기사 : https://helpdeskgeek.com/networking/simulate-slow-internet-connection-testing/

Chrome을 사용하여 저속 연결 시뮬레이션 시스템에 Chrome이 설치되어 있지 않은 경우 계속 설치하십시오. 그런 다음 새 탭을 열고 CTRL + SHIFT + I을 눌러 개발자 도구 창을 열거 나 햄버거 아이콘, 기타 도구 및 개발자 도구를 차례로 클릭하십시오.

여기에 이미지 설명을 입력하십시오

화면 오른쪽에 도킹되어있는 개발자 도구 창이 나타납니다. 더 많은 데이터를 볼 수 있기 때문에 화면 하단에 도킹하는 것이 좋습니다. 이렇게하려면 세 개의 수직 점을 클릭 한 다음 중간 도크 위치를 클릭하십시오.

여기에 이미지 설명을 입력하십시오

이제 네트워크 탭을 클릭하십시오. 오른쪽에는 No Throttling이라는 레이블이 표시됩니다.

여기에 이미지 설명을 입력하십시오

이를 클릭하면 느린 연결을 시뮬레이션하는 데 사용할 수있는 미리 구성된 속도의 드롭 다운 목록이 표시됩니다.

여기에 이미지 설명을 입력하십시오

선택 범위는 오프라인에서 WiFi까지이며 숫자는 대기 시간, 다운로드, 업로드로 표시됩니다. 가장 느린 것은 GPRS 다음에 Regular 2G, Good 2G, Regular 3G, Good 3G, Regular 4G, DSL 및 WiFi 순입니다. 옵션 중 하나를 선택한 다음 현재 페이지를 다시로드하거나 주소 표시 줄에 다른 URL을 입력하십시오. 개발자 도구가 표시되는 동일한 탭에 있는지 확인하십시오. 조절 기능은 활성화 한 탭에서만 작동합니다.

고유 한 값을 사용하려면 사용자 정의 아래에있는 추가 단추를 클릭하십시오. 새 프로파일을 추가하려면 사용자 정의 프로파일 추가 버튼을 클릭하십시오.

여기에 이미지 설명을 입력하십시오

GPRS를 사용할 때로드하는 데 16 초가 걸리는 www.google.com! 전반적으로이 도구는 Chrome에 내장되어있어 느린 연결에서 웹 사이트로드 시간을 테스트하는 데 사용할 수있는 훌륭한 도구입니다. 궁금한 점이 있으면 언제든지 의견을 말하십시오. 즐겨!


1
좋은 대답, Arbaz!
Matt

1
상세하고 철저한! 감사!
SexyBeast

4

피들러에 익숙하지 않다면 해주세요. HTTP를위한 훌륭한 디버깅 도구입니다. 대역폭을 제한하는 옵션도 있습니다.


두 번째로 ... 피들러는 대단합니다. Fiddler의 스로틀 링 및 지연 추가에 대한 관련 답변 링크입니다. stackoverflow.com/questions/16276669/…
JustinParker

1

크롬으로 만 할 수 있다고 생각하지 않습니다. 내가 찾을 수있는 가장 가까운 것은 이것 입니다. 원하는 것이 아닙니다. 크롬 플러그인을 사용하려면 어려울 것입니다.

로컬 컴퓨터에서 실행되는 웹 프록시는 원하는 효과를 얻을 수 있습니다. 예를 들어, "throttling proxy"에 대한 검색 에서이 작업 을 수행했습니다.



1

OSX를 사용하는 경우 다음을 사용할 수 있습니다. 네트워크 링크 컨디셔너

여기에 이미지 설명을 입력하십시오

여기서 다른 프로파일을 선택할 수 있습니다. 100 % 손실, 3G, DSL 등

네트워크 링크 컨디셔너를 다운로드하려면 아래 링크를 찾으 십시오.


-3

Chrome에 내장 된 Speed ​​Tester를 사용하지 마십시오. 대신 Fast.com과 같은 다른 사이트를 사용하십시오. 적절하게 조절 된 속도를 보여줍니다.

또한 조절 설정이 숨겨져있을 수 있으며 작은 아래쪽 화살표를 클릭하여 네트워크 표시 줄에서 액세스 할 수 있습니다.


1
안녕 @Dandelion. 답변 해 주셔서 감사합니다. 이 답변이 실제로 질문에 대한 답변이 아니기 때문에 답변으로 적합한 지 잘 모르겠습니다. 속도 테스트는이 질문과 어떤 관련이 있습니까? fast.comlocalhost에서 어떻게 사용할 수 있습니까?
Benjamin
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.