NewAndNoteworthyNB81

(Difference between revisions)
Line 27: Line 27:
[[image:Ko32 02.jpg]]
[[image:Ko32 02.jpg]]
 +
 +
=Web Application Inspection=
 +
 +
==Shadow DOM Support==
 +
 +
* Shadow DOM nodes are shown in Browser DOM view
 +
* Elements of shadow DOM can be selected/inspected in Chrome browser
 +
* Styling information for shadow DOM nodes is shown in CSS Styles view
 +
 +
[[image:shadowDOM.png]]
 +
 +
==DOM Breakpoints==
 +
 +
DOM breakpoints are visualized in Browser DOM view (elements with a breakpoint are marked by a breakpoint badge).
 +
 +
[[image:DOMBreakpoints.png]]

Revision as of 11:31, 22 September 2014

Contents

JavaScript Frameworks

KnockoutJS

Added support for Knockout 3.2.0.

  • New bindings in code completion for data-bind
    • component
    • textInput
  • Updated model for code completion
    • Includes e.g., pureComputed observables
  • Support for Knockout custom components

Code completion for Knockout custom components

Custom HTML elements registered in Knockout JavaScript file using ko.components.register function

image:Ko32 01.jpg

Code completion for component binding

image:Ko32 03.jpg

image:Ko32 05.jpg

image:Ko32 04.jpg

Go to Declaration

Supports multiple source locations (e.g., component is registered in debug and minified JS files, both are present in the project)

image:Ko32 02.jpg

Web Application Inspection

Shadow DOM Support

  • Shadow DOM nodes are shown in Browser DOM view
  • Elements of shadow DOM can be selected/inspected in Chrome browser
  • Styling information for shadow DOM nodes is shown in CSS Styles view

image:shadowDOM.png

DOM Breakpoints

DOM breakpoints are visualized in Browser DOM view (elements with a breakpoint are marked by a breakpoint badge).

image:DOMBreakpoints.png

Not logged in. Log in, Register

By use of this website, you agree to the NetBeans Policies and Terms of Use. © 2012, Oracle Corporation and/or its affiliates. Sponsored by Oracle logo