Developing websites these days involves a lot of testing on different devices and browsers. Services like CrossBrowserTesting and Browser Stack make this much easier, but it’s still unrealistic to boot up a testing session every time you make a change to your local site. You also don’t get the experience of using an actual device—site performance, device capabilities, how colors and fonts are represented, etc. There are just some things an emulator can’t emulate. Even with using physical devices, it’s just as time-consuming to reload every device, and this time only grows exponentially with each device you add to the mix. So what’s a front end developer to do? Thankfully there is a great solution, and it starts with an open source project called Browsersync. Browsersync saves you time and lets you keep an eye on lots of different devices and browsers at once, without having to reload for each change you make. Browsersync synchronizes clicks, scrolling, and typing with all of the browsers and devices you’re using. It also injects any CSS or HTML changes you make into the pages so you don’t have to reload each time you update a file. If you’re already using Grunt or Gulp, it’s pretty
Share This