You are here: 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:

  1. Go to Window | Open Perspective | Web Browser Tools.

  2. Click Open a URL in the Mozilla Browser from the main toolbar.
    The “Open URL…” dialog opens.

  3. 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:

  1. Go to Window | Open Perspective | Web Browser Tools.

  2. Click Open a URL in the Mozilla Browser from the main toolbar.
    The “Open URL…” dialog opens.

  3. Enter a URL in the “Enter URL…” text field and click OK.
    The URL opens in the Internal Web Browser.  

  4. Use Enable Ctrl+Click Selection in the Browser to enable the CTRL + Click element selection in the browser.
    Disabled icons will be greyed-out.

  5. 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

Enable/disable CTRL + Click element selection in the browser.

View Menu

View menu. Expands to allow you to "Clear Cache" and select/deselect to "Show Selection Path Bar".

 

 

Related Links:
Ajax Tools

Working with the Ajax DOM Inspector View

Working with the Ajax Browser Console View

Working with the Ajax Request Monitor View

Working with the Ajax DOM Source View

Working with The Ajax CSS View

Working with the Ajax JavaScript View

Working with the Ajax DOM Watcher View

Working with the Ajax DOM Compare View

Debugging JavaScript

Working with jQuery JavaScript Library

Working with Prototype JavaScript Library

Web Browser Tools Perspective

 

 

©1999-2012 Zend Technologies LTD. All rights reserved.