Since I recently switched to Microsoft Edge as my daily driver, I figured it makes sense to develop against it. That’s not to say that I’ll only be developing for Edge, just that I want to provide an optimal experience for Edge users.

Edge has become quite a capable browser of late. If I can my websites work well there, they’ll have no trouble in Firefox and Chrome. (I still use Firefox for heavy lifting because Edge’s developer tools just aren’t up to par yet.)

I use Gulp. (Yes, I still use Gulp and love it. Thankfully, I’ve managed to skip the whole Webpack thing so far, but will admit that Parcel looks interesting.)

My default configuration of Browsersync in Gulp fires up localhost using Chrome, a browser I’m now trying to avoid as much as possible for personal use. I wanted it to use Edge instead.

If you’re some kind of mad man like me, here’s how to do just that. Inside the browser-sync init method, pass the browser option into the configuration object with the value microsoft-edge:http://localhost:[port number].

Something like this:

gulp.task('browser-sync', function () {
    browserSync.init({
        browser: 'microsoft-edge:http://localhost:3000'
    });
    ...
});

For some reason, you must add the localhost URL, rather than just microsoft-edge. I don’t know why, but you do.

And, that’s it.