> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://remoco.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to Activate the iPhone Debug Console or Web Inspector?

Before iOS 6, the iPhone's [Safari web browser](https://www.lifewire.com/using-safari-iphone-browser-2000784) had a built-in Debug Console that developers used to track down web page defects. If you have an iPhone running an early version of iOS, you can access the Debug Console through **Settings** > **Safari** > **Developer** > **Debug Console**. Whenever Safari on the iPhone detects CSS, HTML, and JavaScript errors, details of each are displayed in the debugger.

All the recent versions of iOS use Web Inspector instead. You activate it in the Safari settings on the iPhone or another iOS device. To use Web Inspector, you connect the iPhone to your Mac computer with a cable and open the Mac's Safari, where you enable the [Develop menu](https://www.lifewire.com/how-to-enable-safari-develop-menu-2260894) in Safari's Advanced Preferences. Web Inspector is only compatible with Mac computers.

**Note: Information in this article applies to iPhones and other iOS devices running iOS 6 through iOS 12 and Macs on Mac OS X 10.5 Leopard and later unless otherwise noted.**

#### Activate Web Inspector on iPhone iOS 6 and Later

The Web Inspector is disabled by default since most iPhone users have no use for it. However, developers can activate it in just a few short steps. Here's how:

1. Tap the **Settings** icon on the iPhone Home screen.

![](https://storage.crisp.chat/users/helpdesk/website/d7a1a4311cf1b000/7806ccc6-fac1-44ed-80bc-c0761b_98g6zs.png)

2. Scroll down until you reach **Safari** and tap on it to open the screen that contains  
    everything related to the Safari web browser on your iPhone, iPad, or iPod touch.

![](https://storage.crisp.chat/users/helpdesk/website/711a055068f50400/2a224279-1634-4414-89b1-5456d2_xfr572.jpeg)

3. Scroll to the bottom of the screen and tap **Advanced** menu.

![](https://storage.crisp.chat/users/helpdesk/website/8f1a31bb0d994000/29292b11-aad5-4101-af23-04a220_1xishjg.jpeg)

4. Toggle the slider next to **Web Inspector** to the **On** position.

![](abecaf25-b39b-4001-aa9c-74035cac332f)

#### Connect iPhone to Safari on a Mac

To use the Web Inspector, connect your iPhone or another iOS device to a Mac that's running the Safari web browser. Plug your device into the computer using a cable.

With Safari open, do the following:

1. Click **Safari** in the menu bar and choose **Preferences.**

![](https://storage.crisp.chat/users/helpdesk/website/d6ca90db58212800/58981ab9-9437-46db-b3d6-1dde20_mw4ohi.jpeg)

2. Click the **Advanced** tab in the Preferences.

![](https://storage.crisp.chat/users/helpdesk/website/8196a1568f423800/fb627aaa-5f9b-404f-90d7-f9acba_1q9oieq.jpeg)

3. Select the box next to **Show Develop menu in menu bar**.

![](https://storage.crisp.chat/users/helpdesk/website/f959bfeeefb0a800/a4f85f9b-047f-48d0-9cad-971fd1_9dvir0.jpeg)

4. Exit the settings window.

5. Click **Develop** in the Safari menu bar and select **Show/Connect Web Inspector**.

![](https://storage.crisp.chat/users/helpdesk/website/a1ee2b976ccad00/11285a2e-62d9-4057-bf2f-859a6c_11k9lnx.jpeg)

Your attached iPhone or other iOS device appears in the Develop drop-down menu. With Web Inspector open, developers can inspect all the resources on a web page. The Web Inspector window contains editable HTML and notes regarding the styles and layers of the web page in a separate panel. With Safari 9 and OS X 10.9 Mavericks, Apple introduced [Responsive Design Mode](https://www.lifewire.com/using-responsive-design-mode-in-safari-446569) in Web Inspector. Developers use this built-in simulator to preview how web pages scale to different screen sizes, resolutions, and orientations.