CodeLive Connects the Browser to the IDE for Fast Web Development
Quickly Jump to SourceCodeLive makes it simple to see what files or Angular components are being loaded on a web page and quickly jump from the page to the source.
Live Preview Changes
For Java EE websites, instantly view changes to your HTML, CSS and JSP within your normal workflow—even test multiple browsers at once!
Ready for more efficient web development?
Jump to Source Code from the Browser
Use the CodeLive Dashboard to quickly jump from a web page to its source.
- For Angular applications, the dashboard lists the active Angular components. Select the file to open: TypeScript , HTML template or CSS .
- For Java EE websites, the dashboard lists the corresponding JSP, HTML and CSS files open in the browser. Click to open the source file.
Inspect the Source Code for an Element
Another useful way to view your source code is to use the Inspector to navigate to a particular line in the source code.
- For Angular applications, hover over a component on the page to view the component name. Click the component to view the dashboard list filtered for the selected component, and then easily jump to the corresponding TypeScript , HTML or CSS file.