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 Adobe Edge Inspect CC?
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
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
Browsersync
All
12
Experiences
Pros
11
Cons
1
Top
Pro
Works concurrently across multiple devices
It is not constrained to a single device, it works across desktop and mobile devices at the same time. It will update code changes, synchronize scroll positions and form inputs automatically across all browsers and devices.
See More
Top
Con
Setting up in Windows can be a little tricky
Sometimes when setting up BrowserSync in Windows some errors will pop up. Most of the time this is because npm throws errors when trying to compile BrowserSync and some of the dependencies need Visual C++ runtime libraries. This is easily solvable by installing Visual Studio. Once it's installed, there should not be any more problems.
See More
Top
Pro
Synchronized form field input
When filling out a form in one browser, same information will be repeated in other browsers.
See More
Top
Pro
Works with basically every desktop and mobile browser
Browser-Sync has been tested to work with desktop (Chrome, Firefox, IE 7-10, Safari, Opera) and mobile (Android, iOS, Windows Phone, Opera Mobile, Firefox Mobile) browsers.
See More
Top
Pro
Cross-platform
Works on Windows, Linux and OS X.
See More
Top
Pro
CSS injection
Once the monitored .css file is saved, changes are implemented without a refresh.
See More
Top
Pro
Free and open source
Licensed under MIT.
See More
Top
Pro
Remembers scroll position
Remembers scroll position and synchronize it across all browsers so you don't have to move to the appropriate part of the page after each reload.
See More
Top
Pro
Works as a standalone npm package or as a Grunt plugin
To install as a standalone npm package npm install -g browser-sync To install as a grunt-plugin npm install grunt-browser-sync
See More
Top
Pro
Synchronized navigation
When navigating in one browser, other browsers will automatically follow to the same place.
See More
Top
Pro
Doesn't require a browser plugin
BrowserSync does not require a browser plugin to be installed. This is because it serves the files directly itself, and uses a script which opens a socket between the browser and the server.
See More
Top
Pro
Works with older versions of IE
Browser-Sync works with all supported IE versions - IE7 and up.
See More
Hide
See All
Experiences
Get it
here
48
6
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
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
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
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
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