Browser-sync: Some devices can't connect to external URL

[johjacb]

Hi, thanks for the amazing tool! Such a huge timesaver.

One issue I'm having is that some devices connect to the external URL and some won't. Maybe there is something very simple that I am overlooking. I am using it with Gulp.

Localhost works, as does using the external url on desktop
iphone5/iOS8 connects
iphone4/iOS8 does not
iphone4/iOS6 does not
iPad2/iOS8 connects
Galaxy SII does not
Nexus does not

All connected to the same WiFi and load other sites as expected. Node, npm, gulp, browser sync are all up to date. No special customizations in the gulp file for browser sync.

Any ideas? Thanks for your time.

[johjacb]

well, I've narrowed it down to the wifi connection. I have two networks I can connect to, one open and one secure.

I cannot connect via the open network.
I can connect via the secure network.

I've enabled the tunnel feature for now, so I'm able to test.

Curious to know if anyone has info about open vs. secure.

[Grafikart]

I have a similar problem, do you have an infinite loading on device that fail connecting ?

[johjacb]

No - it attempts to load for 30secs to 1 minute or so before stopping.

[shakyShane]

Sounds like BrowserSync is not selecting the correct IP.

Use a tool such as https://github.com/shakyshane/dev-ip

and if multiple IP's are reported, try each in turn as the 'host' option http://www.browsersync.io/docs/options/#option-host

[ghost]

Was having the same problem, this worked for me. Thanks!

[I-Smirnov]

change port https://browsersync.io/docs/options#option-port