Browsersync - Time-saving synchronised browser testing_Education & Science

Update available - click here to reloadDocumentation Time-saving synchronised browser testing.It’s wicked-fast and totally free.npm install -g browser-syncGet Started'bonjourYour indispensable test assistant.With each web page, device and browser, testing time grows exponentially. From live reloads to URL pushing, form replication to click mirroring, Browsersync cuts out repetitive manual tasks. It’s like an extra pair of hands. Customise an array of sync settings from the UI or command line to create a personalised test environment. Need more control? Browsersync is easily integrated with your web platform, build tools, and other Node.js projects.Works stand-alone, or integrates with your current build toolsAwesome FeaturesInstall and run anywhereBuilt on Node.JS_ENTRY to support Windows, MacOS and Linux. Setup in less than 5 minutes.Free to run and reuseBrowsersync is an open source project available to use under the Apache 2.0 License.Build-tool compatibleEasily integrated with task runners like Grunt and Gulp, or included in other Node projects.Network ThrottleTest your website against a slower connection. Even when devices are connected to wifi.Interaction syncYour scroll, click, refresh and form actions are mirrored between browsers while you test.File syncBrowsers are automatically updated as you change HTML, CSS, images and other project files.UI or CLI controlRun the new browser-based UI for quick control, or stick with the original command line usage.Sync customisationToggle individual sync settings to create your preferred test environment.URL historyRecords your test URLs so you can push them back out to all devices with a single click.Depended on by thousandsBrowsersync is an open-source project with over 2 million npm downloads a month and is a dependency of nearly a million separate projects on github. Tried and trusted.Dave RupertWant to feel like a modern day demigod? Fire up Browsersync and control an entire device lab with your phone.Paravel and Shop Talk ShowAddy OsmaniIt has a fantastic feature-set and at least 5 developers I’ve spoken to this week alone swear by it for their own synchronized cross-device testing.Google and addyosmani.comGet started in 5 minutes.1. Install Node.jsBrowsersync is a module for Node.js, a platform for fast network applications. There are convenient installers for MacOS, Windows and Linux.2. Install BrowsersyncThe Node.js package manager (npm) is used to install Browsersync from a repository. Open a terminal window and run the following command:npm install -g browser-syncYou’re telling the package manager to download the Browsersync files and install them globally so they’re available to all your projects.3. Start BrowsersyncA basic use is to watch all CSS files in the css directory and update connected browsers if a change occurs. Navigate your terminal window to a project and run the appropriate command:Static sitesIf you’re only using .html files, you’ll need to use the server mode. Browsersync will start a mini-server and provide a URL to view your site.browser-sync start --server --files "css/*.css"Dynamic sitesIf you’re already running a local server with PHP or similar, you’ll need to use the proxy mode. Browsersync will wrap your vhost with a proxy URL to view your site.browser-sync start --proxy "myproject.dev" --files "css/*.css"User GuidesDocumentationCommand line usageGet help on Stack OverflowReport issues on GithubIntegration GuidesGrunt pluginGulp integrationAPI documentationOptions documentationReach out on Twitter or Github DocumentationBrand AssetsPreviously supported by JH