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