User Guide > Tasks > Working with Plugins > Working with the Internal Web Browser

Working with the Internal Web Browser

The Internal Web Browser allows you to open a web browser inside of your environment. This provides the advantage of having a fully functioning web browser in your environment as well as added functionality which allows you to carry out live editing, debugging, and monitoring in your projects. This improves and simplifies the process for you. The additional functionality provided by this feature can be applied to HTML, CSS, JavaScript, and XML.

The Internal Web Browser is only available in the Web Browser Tools perspective which can be opened manually by going to Window | Open Perspective | Web Browser Tools.

Opening a URL the Internal Web Browser

This procedure describes how to open a URL in the Internal Web Browser. This is the first step to using the Internal Web Browser.

Instructions on how to complete a procedure

To open the Internal Web Browser:

Go to Window | Open Perspective | Web Browser Tools.
Click from the main toolbar.
The “Open URL…” dialog opens.
Enter a URL in the “Enter URL…” text field and click OK.
The URL opens in the Internal Web Browser.

You can use the open browser as a fully functioning web page, or incorporate the functionalities of Ajax Tools.

Enabling the Ctrl+Click Element Functionality

This procedure describes how to enable the Ctrl+Click functionality in the Internal Web Browser. This functionality allows you to select a node in the DOM Inspector view by clicking on it inside of the browser.

Instructions on how to complete a procedure

To enable the Ctrl+Click functionality:

Go to Window | Open Perspective | Web Browser Tools.
Click from the main toolbar.
The “Open URL…” dialog opens.
Enter a URL in the “Enter URL…” text field and click OK.
The URL opens in the Internal Web Browser.
Use to enable the CTRL + Click element selection in the browser.
Disabled icons will be greyed-out.
Hold down Ctrl and click on the element in the browser.
The element is highlighted in the DOM Inspector view hierarchal tree.

You can also highlight an element in your browser using the DOM Inspector view hierarchal tree. For more information see Highlighting a Node in the Internal Web Browser.

Internal Web Browser Icons

The Internal Web Browser includes the following icons:

	Enable/disable CTRL + Click element selection in the browser.
	View menu. Expands to allow you to "Clear Cache" and select/deselect to "Show Selection Path Bar".