Ein interessantes Feature für die Optimierung des Workflows mit NetBeans ist die NetBeansConnector-Extension von Chrome.
Sie ermöglicht es, dass in einer Html5-Applikation Änderungen im Source-Code sofort sichtbar werden.
Außerdem werden umgekehrt Änderungen, die man z.B. mit dem Developer Tool des Chrome-Browsers in den Styles vornimmt (String-Umschalt-I), sofort in den Source-Code übernommen.
Eine Installationsanweisung kann man hier bekommen. Im Grunde ist es aber ganz einfach.
Man stellt in einer Html5-Applikation unter Project Properties (rechte Maustaste) / Run Browser Chrome with NetBeans Connector ein.
Man wird dann spätestens beim ersten Run (rechte Maustaste auf dem Projektordner) oder Grüner Pfeil in der Menu-Leiste (s. Abb. 1) aufgefordert, die Extension zu installieren und bei Bedarf auf die Installationsseite geführt. Nach der Installation der Chrome-Extension steht dann die Funktionalität sofort zur Verfügung.
Abb. 1: Start der Chrome-Extension NetBeansConnector mit Run (grüner Pfeil)
Habe ich den Chrome-Browser auf diese Weise gestartet, kann ich meinen Source-Code editieren und sehe in Echtzeit sofort immer das Ergebnis.
Das interessanteste Feature ist aber Folgendes. Verändere ich im Chrome-Debugger-Tool die Styles (vgl. Abb 2), dann wird diese Änderung durch Aus-ixen der Style-Eigenschaft im Source-Code-Editor übernommen (vgl. Abb. 3).
Abb. 2: Deaktivieren der Eigenschaft "background" der Regel "body"
Deaktiviere ich z.B die Eigenschaft background der Regel body im Debugger-Tool von Chrome, wird diese Eigenschaft in der Datei reset.css im Editor von Netbeans ausgeklammert.
Abb. 3: Ausklammern der Eigenschaft "background" der Regel "body"
Das ist eine sehr praktische Sache. Allerdings muss man aufpassen, dass man nicht zuviele Änderungen auf einmal vornimmt, denn sonst verliert man den Überblick und vergisst einige Änderungen beim Speichern der Sourcen. Deshalb vorsichtig mit diesem Feature umgehen.
Ein kleines Problem, mit dem ich leben kann
Einen Wehrmutstropfen gibt es aber. Deutsche Umlaute werden bei jeder Änderung fortlaufend verstümmelt. Kommentare sehen dann schnell so aus:
/* Trick 17, um Fläche nach außen auf body-layer-Breite zu vergrößern */
Das ist ärgerlich und ich habe noch kein Work-Around dafür gefunden, da ich in der Regel deutsche Kommentierungen vermeide.
Es hat nichts mit dem Speichern in einem falschen Zeichensatz zu tun. Das Zeichenformat ist auch nach einer Änderung immer noch UTF8 ohne BOM. Deshalb am besten nur in Kommentierungen einfach keine deutschen Umlaute verwenden, bis dieser Bug von den Extension-Entwicklern behoben ist.