Introducing
The Slant team built an AI & it’s awesome
Find the best product instantly
Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to Safari
Try it now
4.7 star rating
0
What is the best alternative to Browsersync?
Ad
Ad
CodeKit
All
14
Experiences
Pros
11
Cons
3
Top
Pro
Everything is set up for you
Everything you need to get a project started is included with CodeKit. Thanks to the professional support, different components of the workflow pipeline are guaranteed to play nicely with each other without you needing to do the research on how to configure them. More advanced features that may require extra configuration to set up with other workflow wrappers are set up out of the box in CodeKit, like automatic browser updating, linting, and source maps.
See More
Top
Con
Mac only
This is a major problem for larger teams that have varied development environments.
See More
Top
Pro
Provides a clean and modern GUI
CodeKit has a clean and intuitive graphical user interface out of the box. Most other tools in this category run as command line utilities or require unsupported third-party plugins to run with a GUI. The CodeKit GUI makes it easier to navigate and manage the various components of your project with helpful UIs like dropdowns, and views that provide extra details without having to run a separate command.
See More
Top
Con
Confined
You get only the tools that are provided by the application.
See More
Top
Pro
Live browser updating built in
CodeKit has live updating built in and will update monitored files across multiple browsers and devices, and refresh CSS without a new page load. Other workflow wrappers have live updating, but they require extra configuration. With CodeKit, everything is set up for you so you can get it up and running in no time at all.
See More
Top
Con
Proprietary
See More
Top
Pro
Interactively define how files compile with a GUI
You can navigate your project directory, and use a menu form to set up how it gets compiled without needing to read configuration documentation, or deal with configuration errors. On top of that, file watching and recompilation is built in with no extra configuration needed.
See More
Top
Pro
Great value for money
At a one time cost of $29, it's a great deal considering how powerful and easy to use it is.
See More
Top
Pro
Visual package management with Bower
CodeKit provides a clean GUI for Bower that makes it easier to navigate and get information about modules without having to deal with a command line interface.
See More
Top
Pro
Connects with MAMP
You can use it to, for example, live-update server-side PHP by establishing a connection with your local MAMP server.
See More
Top
Pro
Don't have to worry about vendor prefixes due to Autoprefixer support
Autoprefixer automagically adds vendor prefixes based on latest information.
See More
Top
Pro
Reduces size of compressed images
CodeKit provides a powerful tool to automatically reduce the size of compressed images and production web code.
See More
Top
Pro
Live pre-processor and script compilation
CodeKit supports live compilation of Less, Sass, Stylus, Jade, Haml, Slim, CoffeeScript, JavaScript and Compass including automatic debugging and minification.
See More
Top
Pro
Has over 6k componenets
Install 6,000+ Bower components with a single click: Bootstrap, jQuery, Modernizr, Zurb Foundation, even WordPress.
See More
Hide
See All
Experiences
Get it
here
51
1
Ghostlab
All
8
Experiences
Pros
6
Cons
2
Top
Pro
Can be used without additional software on any browser
Doesn't need any additional software or browser extensions to be installed on any device. If every device is pointed to the IP address that it provides it will automatically reload that page on every file change.
See More
Top
Con
No Linux version
Ghostlab is available only for Windows and Mac, there is no Linux version. At least for the time being.
See More
Top
Pro
Testing page preset with a lot of useful information
Ghostlab offers a testing page which when opened displays a lot of useful information. Such as, but not limited to: viewport width and height, user agent string, pixel ratio etc...
See More
Top
Con
Not free
Ghostlab is proprietary and not free. It costs $49. Though there is a free 7-days trial.
See More
Top
Pro
Synchronizes scrolls, clicks, reloads and form input across all connected clients
Every time the page is reloaded on a device, it's automatically reloaded on every other device connected. It also registers scrolls, form inputs and clicks across different devices and automatically synchronizes them to each connected device.
See More
Top
Pro
Cross-browser and cross-device live reloading
Ghostlab offers developers the opportunity to test their site in multiple browsers and devices at the same time. Once the Ghostlab server is deployed, it offers an IP address running on port 8080 which automatically reloads on every file change.
See More
Top
Pro
Easy setup
Setting up GhostLab is very easy, by simply dragging a URL or a local folder it creates automatically a new site entry and is ready to work. It can then be named or choose the specified file extensions that need to be watched.
See More
Top
Pro
Remote inspection of code on different devices.
Ghostlab utilizes weinre, an open-source remote debugger to remotely inspect the code on different devices. By double clicking the device name that needs to be inspected, and clicking the 'Debug' button, Ghostlab opens a Chrome inspector which can inspect any item in the page of the device and manipulate the CSS and HTML.
See More
Hide
See All
Experiences
$49
12
27
PhantomJS
All
8
Experiences
Pros
4
Cons
4
Top
Con
Deprecated by Puppeteer
PhantomJS is no longer actively maintained by the original authors. Puppeteer is said to be a replacement supported and backed by the Google Chrome team, now.
See More
Top
Pro
Supports screen capture
See More
Top
Con
Heavy setup
You'll often end up having PhantomJS binaries connected via WebDriver to your testing framework, possibly using client/server especially if you want your test running with something else than Java. This means an overhead in terms of maintenance and performance, but still usually lighter than running a full browser (like Chrome, Firefox, IE).
See More
Top
Pro
Used in many open source projects
Including bootstrap, grunt, ember.js, and YUI.
See More
Top
Con
Browser closes unexpectedly
It often happens when running on more then 5 (my measurement) JVM instances that the browser gets stuck and quits unexpectedly. This can be partially solved by running the instances one by one instead of parallel (this is a problem when testing Jenkins and Bamboo agents) but I don't believe this qualifies as a solution. The error is called UnreachableBrowserException.
See More
Top
Pro
Supports many browser standards
PhantomJS has full DOM and CSS parsing, JSON, canvas, and SVG support.
See More
Top
Con
Elements are sometimes not visible
This is an error which occurs with almost no reason, PhantomJS sometimes decides that it cannot click the element even though the element is intractable or enabled. This happens if you have to scroll to see the element (and these are not pages that load elements with JavaScript) which is strange because PhantomJS should catch the whole page if it is not loaded explicitly with JavaScript. This problem partially goes away with re-sizing the browser, but that does not really qualify as a solution. The error it raises is: ElementNotVisibleException.
See More
Top
Pro
Built on WebKit
WebKit is becoming the gold standard for browser compatibility, making it a good starting point for native headless browser testing.
See More
Hide
See All
Experiences
Get it
here
47
5
Browserlink.vim
All
4
Experiences
Pros
3
Cons
1
Top
Pro
Native Vim support
It's a Vim plugin, so it's natively tied to Vim itself.
See More
Top
Con
Only supports Vim
Supports only Vim, and works only for developers who use Vim.
See More
Top
Pro
CSS injection
Live injects CSS. This means that any time that there is a change in the CSS stylesheet, the page does not reload, only the CSS does.
See More
Top
Pro
Error and console support
See More
Hide
Get it
here
2
0
CasperJS
All
7
Experiences
Pros
5
Cons
2
Top
Pro
Allows screenshots (either the full page or parts of it) if performing UI testing
There are times where you don't want to open up a browser for screencaps, that is where CasperJS comes to use, it can render the page using its own rendering engine and take and save a screenshot for you, all via the commandline
See More
Top
Con
Not for unit testing but rather UI testing
These are two extremely different concepts. CasperJS should be removed from this list
See More
Top
Pro
Easy to understand
See More
Top
Con
Cannot guarantee 100% accurate Webkit-based browser screenshots
QtWebKit is the rendering engine used by CasperJS. Keep in mind this is NOT the same rendering engine as Chrome; hence, if you want to be 100% sure of the results, you must run a Webkit browser (such as Chrome) yourself.
See More
Top
Pro
Written in JavaScript
Since all webdevs know JS, the start-up time of learning the framework will be reduced to zero, as your team can be productive from day one.
See More
Top
Pro
Easily integrates with other applications
Due to the simplicity of the framework, not only other libraries can be built with it, but it can be integrated with any web application as well.
See More
Top
Pro
Can run javascript code inside pages being tested
Can execute arbitrary javascript or load external JS into the page being tested. This feature is possible due to the presence of a rendering engine, and helps you see the effects of any client side scripting during your tests.
See More
Hide
See All
Experiences
Get it
here
15
3
LiveReload
All
4
Experiences
Pros
3
Cons
1
Top
Pro
Great bundled compilers
LiveReload supports LESS, SASS, Compass, Stylus, CoffeeScript, IcedCoffeeScript, Eco, SLIM, HAML and Jade out of the box. It instantly compiles them and puts the compiled files in the specified folder.
See More
Top
Con
To use it, a code snippet or an extension to the browser needs to be added
To use LiveReload, a code snippet needs to be added inside the view, or an extension to be installed to the browser(s) of choice. While it's not too much work, it can be a hassle and a deal-breaker for some people.
See More
Top
Pro
Works with most modern browsers
LiveReload supports Safari, Chrome, Firefox, Mobile Safari and Opera with web sockets enabled.
See More
Top
Pro
CSS injection
Once the monitored .css file is saved, changes are implemented without a refresh.
See More
Hide
9.99
12
3
Endtest
All
13
Experiences
Pros
9
Cons
4
Top
Pro
Codeless automated testing
Endtest allows you to create automated tests for web applications, directly on their cloud infrastructure. No coding skills are required. You can also choose the action "Execute Javascript" for a more flexible test run.
See More
Top
Con
Doesn't support a wide array of browsers and/or operating systems
Because it's still in its infancy, it doesn't yet have a huge variety of browsers and operating systems.
See More
Top
Pro
Running your automated tests on their cloud infrastructure
You can easily run your automated tests on their platform, just by clicking the run button.
See More
Top
Con
Free plan has limited time storage for test suites
If you are using the free plan, keep in mind that the test suites created there are scheduled to be deleted after around 2 weeks. Endtest will send you a notification email the day before mentioning "Test suites from users who are not on the PRO Plan get automatically deleted after some time," and offering for you to upgrade to PRO.
See More
Top
Pro
Designed for Continuous Integration
It has an API which allows testers to run it on Jenkins or Team City. Other than that, it has a built-in test scheduler to allow testers to preset test executions.
See More
Top
Con
Codeless and locks you in rendering your efforts useless if you want to switch
See More
Top
Pro
Now supports mobile testing
Endtest has added a new feature which now supports mobile testing for both Android and iOS (.apk and .ipa).
See More
Top
Con
Bad UI
See More
Top
Pro
Option to export your automated tests in different formats, including .EXE
You can export your automated tests in a variety of different formats, and run them on your own infrastructure. The formats are either in Python file format or executable file format (.EXE).
See More
Top
Pro
Now supports a wider variety of browsers, operating system and devices
As of March 2018, Endtest can now support multiple platforms (Windows, MAC, Android and iOS), Operating Systems, and more than a handful of devices for both Android and iOS.
See More
Top
Pro
Super fast and affordable.
See More
Top
Pro
Premium version is relatively cheaper than most in the market
Their pricing plan ($79/month or $650/year) includes team plan upgrade, which means the whole team, regardless of the number of users, will only need to subscribe to the $79/month or $650/year plan. This includes unlimited test runs, test exports, recordings, etc.
See More
Top
Pro
It's mostly free to use
The free plan covers a lot, you can have up to 3 test suites, and you can run your automated tests as many times as you want. The pro plan includes some very advanced options that you might need only if you're working with a team (for example, the collaboration feature, schedule test run, API for Jenkins, etc.).
See More
Hide
See All
Experiences
Free
41
13
Live.js
All
4
Experiences
Pros
3
Cons
1
Top
Con
No cross-device support live or otherwise
Does not have support for multiple devices or multiple browsers for live reloading.
See More
Top
Pro
CSS injection
Once the monitored .css file is saved, changes are implemented without reloading the whole page.
See More
Top
Pro
Multiple browser support
Live.js has multiple browser support, it supports Chrome, Firefox, Opera, Safari and IE6+. Basically almost all the browsers that are currently in use.
See More
Top
Pro
Easy setup
Setting up Live.js is extremely easy, the developer either adds the live.js script inside their page, or if they want to monitor only CSS changes, they can add the bookmark that is found on the Live.js homepage.
See More
Hide
Get it
here
1
1
CSS refresh
All
3
Experiences
Pros
2
Cons
1
Top
Con
Only for CSS
CSS refresh only watches for .css file changes. It does not watch for JavaScript or HTML updates.
See More
Top
Pro
CSS injection
Once the monitored .css file is saved, changes are implemented without refreshing the whole page. Only the CSS is changed.
See More
Top
Pro
Easy setup
To use CSSrefresh, all that is needed is to include the small .js file or to use the bookmark provided by the CSSrefresh page.
See More
Hide
Get it
here
0
1
Reloadr
All
3
Experiences
Pros
2
Cons
1
Top
Pro
Server-side PHP support
Reloadr has a reloadr.php file included, which when configured, monitors and .php file in the project folder. Once a .php file is updated, reloadr automatically reloads the page.
See More
Top
Con
No cross-device support
Reloadr does not support cross-device testing and live reloading.
See More
Top
Pro
Easy setup
Setting up Reloadr is rather easy. There are only two files that need to be included in the project folder, then the reloadr.js needs to be loaded in the view and the method to run Reloadr needs to be called. After that, everything is set up and ready to go.
See More
Hide
Get it
here
0
1
Adobe Edge Inspect CC
All
6
Experiences
Pros
3
Cons
3
Top
Con
No longer developed
As of November 2015, Adobe is no longer developing Edge Inspect.
See More
Top
Pro
Remote code inspection
Inspect uses winre to debug and inspect the code on remote devices connected to it. It allows for DOM manipulation and provides a JavaScript console.
See More
Top
Con
Requires a lot of additional software to be installed
Adobe Edge Inspect requires at the bare minimum, the Edge Inspect itself to be installed and a Chrome extension, just to get live-reloading and syncing for desktop. For mobile it requires additional apps to be installed from the Play Store or the App Store.
See More
Top
Pro
Synchronization is very fast
The rendering across different browsers and devices is fast and accurate.
See More
Top
Con
Not free
It's free only for those who have an existing Adobe Creative Cloud subscription. Otherwise it needs to be purchased. Although there is a free trial.
See More
Top
Pro
Setup is easy
Setting up Adobe Edge Inspect is rather easy. The Edge Inspect application itself is needed for desktop and a chrome plugin. For mobile devices, there is the Adobe Edge Inspect mobile app which needs to be installed. Once the Inspect program is "switched on", it will start watching all devices that have Edge Inspect enabled. For mobile devices, the Inspect app will generate an authentication code which needs to be inserted into the Chrome plugin. Once that's done, the devices are synchronized.
See More
Hide
Get it
here
0
1
Built By the Slant team
Find the best product instantly.
4.7 star rating
Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to Safari
Try it now - it's free
{}
undefined
url next
price drop