Browsersync Reviews and details

Social recommendations and mentions

• Show HN: Wd-40, a static webserver with automatic hot-reloads

  I thought the name was inspired by a cheap, easily available lubricant that comes in handy for every home. I've tried many simple servers for experimenting with simple static websites (HTML, CSS, JS). I'm currently settled on LiveReload[1] and BrowserSync[2]. LiveReload attaches to other tooling and is more straightforward, while Brower-Sync when looking across a few multiple browsers (out of habit). I'm not... - Source: Hacker News / 9 months ago

• Eleventy vs. Next.js for static site generation

  Eleventy offers a great developer experience. For example, it includes an inbuilt --serve flag that uses Browsersync to enable serving the site locally and with hot reload upon file changes. This is a huge convenience. Another distinctive feature is its capability to choose from and combine up to ten different templating languages, such as JavaScript, Haml, Pug, Liquid, and more. - Source: dev.to / over 1 year ago

• Deno 1.38: HTML doc generator and HMR

  I was looking for something like HMR for client side reloading a little while ago (HTML, CSS, etc), and ended up with just using the CLI of Browsersync[1] with a barebones config. It works, but feels shoehorned and wonky. It would be nice to do this with something native to Deno, which this HMR implementation seems to enable! 1. https://browsersync.io/. - Source: Hacker News / over 1 year ago

• Materio Open Source Bootstrap 5 HTML Admin Template Is Here...!!🤩

  4.Now, that you are ready to run npm tasks, the below command will start the server and watch the code using browsersync. Open http://localhost:3000/ to check your development 🚀. - Source: dev.to / over 1 year ago

• Simulate your website across many devices all in the same browser tab! Proof of concept for a micro saas I'm building in public :)

  I use browsersync to do this with an actual device. It's worth trying out if you haven't already. Source: about 2 years ago

• Email frameworks comparison in 2023

  Maizzle creates a Browsersync local instance and serves our templates in HTML form. Development in that form is okayish. +0,5 point. - Source: dev.to / about 2 years ago

• Micro Frontends for Java Microservices

  In the gateway app, run npm start. This command will run the UI on a web server, open a browser window to http://localhost:9000, and use Browsersync to keep your browser in sync with your code. - Source: dev.to / over 2 years ago

• WordPress Theme development: The new CSS code I'm writing not being applied

  Personally I use https://browsersync.io/ - but you do need to have node.js installed. There are plenty of others if you look. Source: over 2 years ago

• Name of the tools that front end develpers use

  Depends, really. Next / Nuxt or other frontend frameworks will have some sort of built in, hot-refreshing dev server. Or perhaps you're looking for Browsersync? Source: over 2 years ago

• The built-in Responsive Design browser tool (iPhone 7) layout looks different to the layout on my actual iPhone 7. Can someone help to point me in how I can test accurately on my laptop for iPhone 7 and other displays?

  Have you looked into BrowserSync? I bought a used iPhone that stays in a mount on my desk and updates along with the other browsers I'm testing on my desktop simultaneously. Makes catching and fixing little CSS and responsive issues much easier. Source: over 2 years ago

• WorldWideWeb.app

  Vite will add live reloading to HTML it serves: https://vitejs.dev/ It even goes further with some supported frameworks and will do hot module replacement which is like live reloading but doesn't even reload the full page and just injects the changed components in the page (faster more instant updates). If vite seems a little too complex browsersync will do nice life reloading for all HTML it serves too:... - Source: Hacker News / almost 3 years ago

• Is there a tool, to display all your responsive viewports on one screen?

  Another option is using BrowserSync along with multiple Chrome / Firefox / Edge / Whatever supported browser windows open. Source: about 3 years ago

• What tool or library do you wish existed? What would make your work easier if it existed?

  I just took a cursory look at https://browsersync.io/ (assuming that's the tool you mentioned.) And, fail to understand how that'd help me. I use Angular these days and it already watches for file changes & does browser reload. Source: about 3 years ago

• My 15+ Reasons to use JHipster

  Already configured BrowserSync the time-saving synchronized browser testing - https://browsersync.io/. - Source: dev.to / about 3 years ago

• HTML/CSS local IDE?

  There are ways to make the browser automatically refresh, when a html or css file is saved in the editor (see BrowserSync, or LiveReload). Source: about 3 years ago

• Serving static typescript files via express

  To make it reload automatically, ie hot reloading, you could use something like https://browsersync.io/. Source: about 3 years ago

• Sneat Open Source Bootstrap 5 HTML Admin Template Is Here...!!🤩

  Now, you are ready to run npm tasks, below command will start the server and watch the code using browsersync. Open http://localhost:3000/ to check your development 🚀. - Source: dev.to / about 3 years ago

• Is there a solution for editing SCSS via Chrome Devtools (With a Webpack compiler) and have it automatically write to the core code instead of manually copy + pasting?

  Add browsersync to your webpack config. It can live-stream changes to your browser (or auto-reload if it's a non-streamable change) when specific files change. Source: over 3 years ago

• web browser cache is leaving old design?

  Https://browsersync.io/ This will refresh your site when you change and save any file in the site folder. It is npm-based, I love it! Source: over 3 years ago

• How to see live HTML/CSS changes?

  I'm using this: https://browsersync.io/. Source: almost 4 years ago

• How to instantly reflect changes in UI?

  What you're probably looking for is browsersync: https://browsersync.io/. Source: about 4 years ago