Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Safari Web Inspector network throttling

I'm currently remote-debugging a website on my iPhone using Safari v8 and need to simulate different network speeds.

The Chrome Developer Tools have the functionality to throttle the network connection (simulate 3G, wifi etc.) or even to completely switch it off.

Does the Safari Web Inspector have similar functionality?

At the moment I'm getting around it by just switching off my wifi as I just need to test no network for now, but might need the functionality in the future.

like image 804
Matt Avatar asked Feb 23 '15 08:02

Matt


People also ask

How do I throttle Safari network?

There is currently not a way to do that natively in Safari but you might try using something like Charles Proxy that can throttle your browser or system connection (win, mac, linux).

What is web Inspector on Safari settings?

With Web Inspector open, developers can inspect all the resources on a web page. The Web Inspector window contains editable HTML and notes regarding the styles and layers of the web page in a separate panel. With Safari 9 and OS X 10.9 Mavericks, Apple introduced Responsive Design Mode in Web Inspector.


Video Answer


2 Answers

There is currently not a way to do that natively in Safari but you might try using something like Charles Proxy that can throttle your browser or system connection (win, mac, linux).

Mac version of Charles proxy throttle settings

like image 126
Mike Grace Avatar answered Sep 20 '22 22:09

Mike Grace


Just found a way to do it without having to use a proxy like Charles:

  1. Install XCode
  2. Connect iPhone to mac via USB
  3. Launch XCode
  4. Access developer settings on iPhone
  5. Use "Network Link Conditioner"

Longer blog post I wrote: Enable network throttling on iPhone in 5 steps

Hope this helps!

like image 28
vvo Avatar answered Sep 20 '22 22:09

vvo