Table of contents
Live Reloading
Browsersync automatically refreshes your browser whenever you make changes to your files, saving time and reducing the manual effort required for refreshing the page.
Cross-Browser Testing
It allows for synchronized testing across multiple browsers and devices, ensuring consistency and compatibility of web applications in different environments.
Easy Setup
Browsersync is relatively easy to set up with extensive documentation and a range of configuration options that make it adaptable to different workflows.
CSS Injection
Changes to CSS files can be injected into the browser without a full page reload, speeding up the development process by reducing wait times.
URL Syncing
Synchronizes interactions such as clicks, scrolls, and forms across multiple devices, which is helpful for testing and demonstrating application functionality.
We have collected here some useful links to help you find out if Browsersync is good.
Check the traffic stats of Browsersync on SimilarWeb. The key metrics to look for are: monthly visits, average visit duration, pages per visit, and traffic by country. Moreoever, check the traffic sources. For example "Direct" traffic is a good sign.
Check the "Domain Rating" of Browsersync on Ahrefs. The domain rating is a measure of the strength of a website's backlink profile on a scale from 0 to 100. It shows the strength of Browsersync's backlink profile compared to the other websites. In most cases a domain rating of 60+ is considered good and 70+ is considered very good.
Check the "Domain Authority" of Browsersync on MOZ. A website's domain authority (DA) is a search engine ranking score that predicts how well a website will rank on search engine result pages (SERPs). It is based on a 100-point logarithmic scale, with higher scores corresponding to a greater likelihood of ranking. This is another useful metric to check if a website is good.
The latest comments about Browsersync on Reddit. This can help you find out how popualr the product is and what people think about it.
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 / almost 2 years ago
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 2 years ago
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 2 years ago
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 / almost 3 years ago
I use browsersync to do this with an actual device. It's worth trying out if you haven't already. Source: over 3 years ago
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 / over 3 years ago
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 3 years ago
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 3 years ago
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 3 years ago
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: almost 4 years ago
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 / about 4 years ago
Another option is using BrowserSync along with multiple Chrome / Firefox / Edge / Whatever supported browser windows open. Source: about 4 years ago
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: over 4 years ago
Already configured BrowserSync the time-saving synchronized browser testing - https://browsersync.io/. - Source: dev.to / over 4 years ago
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: over 4 years ago
To make it reload automatically, ie hot reloading, you could use something like https://browsersync.io/. Source: over 4 years ago
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 / over 4 years ago
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 4 years ago
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: almost 5 years ago
I'm using this: https://browsersync.io/. Source: almost 5 years ago
What you're probably looking for is browsersync: https://browsersync.io/. Source: over 5 years ago
Public Opinion Summary on BrowserSync
BrowserSync, a tool widely recognized within the realms of developer tools, browser testing, web development, and image optimization, has garnered a substantial base of user opinions, generally reflecting its utility and versatility. As developers seek to streamline their workflows and enhance the development experience, BrowserSync stands out due to its set of robust features and adaptability.
Versatility and Compatibility
One of BrowserSync's main strengths is its versatility. Users frequently commend its ability to install and run effortlessly across different environments. Its compatibility with numerous build tools, as mentioned in the "Top 10 Best Selenium Alternatives You Should Try" article, also provides a significant advantage for developers looking for integration with their existing workflows. This seamless integration is further emphasized in the Eleventy vs. Next.js context, where BrowserSyncโs inclusion as an inbuilt option for serving sites locally with hot reload capabilities is seen as a substantial convenience.
Synchronized Testing and Development
The ability of BrowserSync to synchronize browser testing across multiple devices and browsers has been a notable point of acclaim. This functionality facilitates simultaneous testing, allowing developers to catch and address design inconsistencies and UI bugs effectively. In posts like 'The built-in Responsive Design browser tool...', users note the convenience of being able to test across real devices in tandem with desktop browsers, enhancing the accuracy of responsive design testing.
Ease of Use and Customization
While BrowserSyncโs capabilities are appreciated, opinions on ease of use can vary. Some users, like those in the Deno 1.38 update post, express a desire for native solutions or modifications that integrate more seamlessly into specific environments, suggesting that the integration process might feel somewhat "shoehorned" for specific use cases. However, this doesnโt overshadow the overall sentiment that BrowserSync remains relatively straightforward to use, especially in less complex setups where hot-reload and file synchronization suffice for the job.
Performance in Development Workflows
BrowserSync's ability to refresh sites automatically when files changeโa feature highlighted in various discussions, such as 'How to see live HTML/CSS changes?'โprovides a significant boost to development workflow efficiency. This live-reload capability diminishes development downtime, allowing for immediate feedback and iteration. Although some in the developer community, like those engaged in Angular-centric development, might find other tools better suited to their needs, BrowserSync remains a go-to for many looking for an uncomplicated and effective solution in web development environments.
Conclusion
In summary, BrowserSync is recognized across the software development community for its flexibility, utility, and synchronization capabilities. While it experiences competition from tools like LiveReload and Ghostlab, its straightforward nature and robust feature set ensure it remains a mainstay in the developer toolkit. Opinions generally favor its impact on productivity and the ease of testing and development it brings to the table, especially for developers focused on cross-browser sync and live-reloading functionalities.
Do you know an article comparing Browsersync to other products?
Suggest a link to a post with product alternatives.
Is Browsersync good? This is an informative page that will help you find out. Moreover, you can review and discuss Browsersync here. The primary details have not been verified within the last quarter, and they might be outdated. If you think we are missing something, please use the means on this page to comment or suggest changes. All reviews and comments are highly encouranged and appreciated as they help everyone in the community to make an informed choice. Please always be kind and objective when evaluating a product and sharing your opinion.
