Developer Tools
Browse the list of developer tools installed on our remote browsers across OS X and Windows machines.
Firebug Lite
Description:
A web developer tool that provides Firebug-like functionality in all the major browsers for easy debugging and development.
Usage:
Click on the Firebug Lite icon in the navigation bar.
Supported Versions:
All versions.
IE Developer Toolbar
Description:
An add-on that aims to aid in design and debugging of web pages.
Usage:
Click on the IE Developer tooolbar icon in the navigation bar.
Supported Versions:
IE 6-8.
Companion.Js
Description:
An Internet Explorer debugger that has detailed JavaScript error reporting, Firebug-like console, a JavaScript console useful for inspecting JavaScript objects at runtime, and a toolbar icon to open the Companion.JS panel.
Usage:
Enable Companion.JS and Companion.JS BHO from Tools menu.
Supported Versions:
IE 6 and 7.
IE Developer Tools
Description:
Tools that can efficiently debug sites directly in IE. Developers can debug a site's HTML, CSS, and Microsoft JavaScript rather than switching in between IE and a separate development environment.
Usage:
Press F12 inside your BrowserStack Live tab.
Supported Versions:
IE 6-8.
F12 Developer Tools
Description:
A suite of tools to help you build and debug your webpage.
Usage:
Press F12 inside your BrowserStack Live tab or click on the F12 icon in the navigation bar.
Supported Versions:
IE9 and above.
F12 Developer Tools
Description:
A suite of tools to help you build and debug your webpage.
Usage:
Press F12 inside your BrowserStack Live tab or click on the F12 icon in the navigation bar.
Supported Versions:
All versions.
Firefox Developer Tools
Description:
Examine, edit, and debug HTML, CSS, and JavaScript on the desktop and on mobile.
Usage:
Click on the Open Menu icon on the top right of your navigation bar, select Developer and click on Inspector from the Menu.
Supported Versions:
Firefox 10 and above
Safari Developer Tools
Description:
Safari includes a powerful set of tools that make it easy to modify, debug, and optimize a website for peak performance and compatibility.
Usage:
Click on the Develop menu in the menu bar to enable.
Supported Versions:
All versions.
Firebug Lite
Description:
A web developer tool that provides Firebug-like functionality in all the major browsers for easy debugging and development.
Usage:
Click on the Firebug Lite icon in the navigation bar to enable.
Supported Versions:
v5-9.
Measureit
Description:
An extension that lets you draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.
Usage:
Click on the Measureit icon in the navigation bar to enable.
Supported Versions:
v5-9.
Chrome Developer Tools
Description:
Based on the WebKit Web Inspector. It comes pre-installed in the Chrome browser. It's one the best general-purpose tools for development and debugging purposes.
Usage:
Click on the Customize and control Google Chrome icon in the navigation bar. Click on tools or more tools and select developer tools option.
Supported Versions:
All versions.
Firebug Lite
Description:
A web developer tool that provides Firebug-like functionality in all the major browsers for easy debugging and development.
Usage:
Click on the Firebug Lite icon in the navigation bar to enable.
Supported Versions:
All versions.
Firebug Lite
Description:
A web developer tool that provides Firebug-like functionality in all the major browsers for easy debugging and development.
Usage:
Click on the Firebug Lite icon in the navigation bar to enable.
Supported Versions:
v10-12.16
Yandex Developer Tools
Description:
Yandex Developer Tools are a set of debugging tools, built into the browser. Use them to iterate, debug and profile your site.
Usage:
Click on Advanced from the menu, select Tools, and then Developer Tools. Alternatively, start using Ctrl + Shift + I.
Supported Versions:
14.12
IE
Firebug Lite
IE Developer Toolbar
Companion.Js
IE Developer Tools
F12 Developer Tools
Description:
A web developer tool that provides Firebug-like functionality in all the major browsers for easy debugging and development.
Usage:
Click on the Firebug Lite icon in the navigation bar.
Supported Versions:
All versions.
Description:
An add-on that aims to aid in design and debugging of web pages.
Usage:
Click on the IE Developer tooolbar icon in the navigation bar.
Supported Versions:
IE 6-8.
Description:
An Internet Explorer debugger that has detailed JavaScript error reporting, Firebug-like console, a JavaScript console useful for inspecting JavaScript objects at runtime, and a toolbar icon to open the Companion.JS panel.
Usage:
Enable Companion.JS and Companion.JS BHO from Tools menu.
Supported Versions:
IE 6 and 7.
Description:
Tools that can efficiently debug sites directly in IE. Developers can debug a site's HTML, CSS, and Microsoft JavaScript rather than switching in between IE and a separate development environment.
Usage:
Press F12 inside your BrowserStack Live tab.
Supported Versions:
IE 6-8.
Description:
A suite of tools to help you build and debug your webpage.
Usage:
Press F12 inside your BrowserStack Live tab or click on the F12 icon in the navigation bar.
Supported Versions:
IE9 and above.
Edge
F12 Developer Tools
Description:
A suite of tools to help you build and debug your webpage.
Usage:
Press F12 inside your BrowserStack Live tab or click on the F12 icon in the navigation bar.
Supported Versions:
All versions.
Firefox
Firefox Developer Tools
Description:
Examine, edit, and debug HTML, CSS, and JavaScript on the desktop and on mobile.
Usage:
Click on the Open Menu icon on the top right of your navigation bar, select Developer and click on Inspector from the Menu.
Supported Versions:
Firefox 10 and above
Safari
Safari Developer Tools
Firebug Lite
Measureit
Description:
Safari includes a powerful set of tools that make it easy to modify, debug, and optimize a website for peak performance and compatibility.
Usage:
Click on the Develop menu in the menu bar to enable.
Supported Versions:
All versions.
Description:
A web developer tool that provides Firebug-like functionality in all the major browsers for easy debugging and development.
Usage:
Click on the Firebug Lite icon in the navigation bar to enable.
Supported Versions:
v5-9.
Description:
An extension that lets you draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.
Usage:
Click on the Measureit icon in the navigation bar to enable.
Supported Versions:
v5-9.
Chrome
Chrome Developer Tools
Firebug Lite
Description:
Based on the WebKit Web Inspector. It comes pre-installed in the Chrome browser. It's one the best general-purpose tools for development and debugging purposes.
Usage:
Click on the Customize and control Google Chrome icon in the navigation bar. Click on tools or more tools and select developer tools option.
Supported Versions:
All versions.
Description:
A web developer tool that provides Firebug-like functionality in all the major browsers for easy debugging and development.
Usage:
Click on the Firebug Lite icon in the navigation bar to enable.
Supported Versions:
All versions.
Opera
Firebug Lite
Description:
A web developer tool that provides Firebug-like functionality in all the major browsers for easy debugging and development.
Usage:
Click on the Firebug Lite icon in the navigation bar to enable.
Supported Versions:
v10-12.16
Yandex
Yandex Developer Tools
Description:
Yandex Developer Tools are a set of debugging tools, built into the browser. Use them to iterate, debug and profile your site.
Usage:
Click on Advanced from the menu, select Tools, and then Developer Tools. Alternatively, start using Ctrl + Shift + I.
Supported Versions:
14.12