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
Firebug
Description: A tool that integrates with Firefox to allow the debugging, editing, and monitoring of any website's CSS, HTML, DOM, and JavaScript. It provides many other web development tools and has one of the most advanced JavaScript debuggers available for any browser.
Usage: Click on the Firebug icon in the navigation bar to enable.
Supported Versions: v3-5, v30 and above.
Web Developer
Description: Extension that adds various web developer tools to a browser. The extension is available for Firefox and Chrome, and will run on any platform that these browsers support, including Windows, Mac OS X and Linux.
Usage: Right click on the title bar and enable the Web developer toolbar to access the tools.
Supported Versions: All versions.
FirePHP
Description: It enables you to log on to the Firebug Console using a simple PHP method call. It is ideally suited for AJAX development where clean JSON or XML responses are required.
Usage: Open the Firebug window to access FirePHP.
Supported Versions: v3-5.
Yslow
Description: Analyzes web page performance by examining all the components on the page, including components dynamically created by using JavaScript. It measures the page's performance and offers suggestions for improvement.
Usage: Open the Firebug window and click on the YSlow tab to enable.
Supported Versions: v3-5, v30 and above.
Firequery
Description: A Firebug extension for jQuery development. jQuery expressions are intelligently presented in Firebug Console and DOM inspector.
Usage: Open the Firebug window to access Firequery.
Supported Versions: -
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.
Web Developer
Description: Extension that adds various web developer tools to a browser. The extension is available for Firefox and Chrome, and will run on any platform that these browsers support, including Windows, Mac OS X and Linux.
Usage: Click on the Web developer icon in the navigation bar to enable.
Supported Versions: All versions.
Pendule
Description: An extended web developer tool for Chrome that replicates some of Firebug's functionality and is especially useful in its ability to switch off images and CSS.
Usage: Click on the Pendule icon in the navigation bar to enable.
Supported Versions: All versions.
Yslow
Description: Analyzes web page performance by examining all the components on the page, including components dynamically created by using JavaScript. It measures the page's performance and offers suggestions for improvement.
Usage: Click on the YSlow icon in the navigation bar to enable.
Supported Versions: All versions.
Yslow
Description: Analyzes web page performance by examining all the components on the page, including components dynamically created by using JavaScript. It measures the page's performance and offers suggestions for improvement.
Usage: Click on the YSlow icon in the navigation bar to enable.
Supported Versions: v11.1-15 - Applicable only for MAC.
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
Omeasure
Description: A simple measuring tool that lets you to draw a ruler across any webpage to check the width, height or alignment of page elements in pixels.
Usage: Click on the Omeasure icon in the navigation bar to enable.
Supported Versions: 10.6-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
Firebug
Web Developer
FirePHP
Yslow
Firequery
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
Description: A tool that integrates with Firefox to allow the debugging, editing, and monitoring of any website's CSS, HTML, DOM, and JavaScript. It provides many other web development tools and has one of the most advanced JavaScript debuggers available for any browser.
Usage: Click on the Firebug icon in the navigation bar to enable.
Supported Versions: v3-5, v30 and above.
Description: Extension that adds various web developer tools to a browser. The extension is available for Firefox and Chrome, and will run on any platform that these browsers support, including Windows, Mac OS X and Linux.
Usage: Right click on the title bar and enable the Web developer toolbar to access the tools.
Supported Versions: All versions.
Description: It enables you to log on to the Firebug Console using a simple PHP method call. It is ideally suited for AJAX development where clean JSON or XML responses are required.
Usage: Open the Firebug window to access FirePHP.
Supported Versions: v3-5.
Description: Analyzes web page performance by examining all the components on the page, including components dynamically created by using JavaScript. It measures the page's performance and offers suggestions for improvement.
Usage: Open the Firebug window and click on the YSlow tab to enable.
Supported Versions: v3-5, v30 and above.
Description: A Firebug extension for jQuery development. jQuery expressions are intelligently presented in Firebug Console and DOM inspector.
Usage: Open the Firebug window to access Firequery.
Supported Versions: -
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
Web Developer
Pendule
Yslow
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.
Description: Extension that adds various web developer tools to a browser. The extension is available for Firefox and Chrome, and will run on any platform that these browsers support, including Windows, Mac OS X and Linux.
Usage: Click on the Web developer icon in the navigation bar to enable.
Supported Versions: All versions.
Description: An extended web developer tool for Chrome that replicates some of Firebug's functionality and is especially useful in its ability to switch off images and CSS.
Usage: Click on the Pendule icon in the navigation bar to enable.
Supported Versions: All versions.
Description: Analyzes web page performance by examining all the components on the page, including components dynamically created by using JavaScript. It measures the page's performance and offers suggestions for improvement.
Usage: Click on the YSlow icon in the navigation bar to enable.
Supported Versions: All versions.
Opera
Yslow
Firebug Lite
Omeasure
Description: Analyzes web page performance by examining all the components on the page, including components dynamically created by using JavaScript. It measures the page's performance and offers suggestions for improvement.
Usage: Click on the YSlow icon in the navigation bar to enable.
Supported Versions: v11.1-15 - Applicable only for MAC.
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
Description: A simple measuring tool that lets you to draw a ruler across any webpage to check the width, height or alignment of page elements in pixels.
Usage: Click on the Omeasure icon in the navigation bar to enable.
Supported Versions: 10.6-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