This Bugzilla instance is a read-only archive of historic NetBeans bug reports. To report a bug in NetBeans please follow the project's instructions for reporting issues.

Bug 229323

Summary: Support for Ripple emulator in the CSS inspection/visual editing workflow
Product: web Reporter: Petr Jiricka <pjiricka>
Component: InspectionAssignee: Martin Entlicher <mentlicher>
Status: NEW ---    
Severity: normal    
Priority: P3    
Version: 7.4   
Hardware: All   
OS: All   
Issue Type: ENHANCEMENT Exception Reporter:
Bug Depends on:    
Bug Blocks: 229313    
Attachments: Screenshot of the Ripple emulator and the NetBeans DOM tree window

Description Petr Jiricka 2013-05-03 12:24:05 UTC
Created attachment 134081 [details]
Screenshot of the Ripple emulator and the NetBeans DOM tree window

1. In the Chrome browser, install Ripple emulator:
2. Create a PhoneGap application (e.g. the sample)
3. Run it in Chrome with NetBeans integration
4. Press the Ripple icon in Chrome toolbar to enable the emulator
5. Enable Select mode and select an element
6. Open DOM Tree window if not open already

=> The DOM tree shows the emulator UI, besides the application itself, see the attached screenshot. It should filter out anything not related to the application. And there may be other changes required to make the whole scenario work.
Comment 1 Jan Stola 2014-08-25 19:37:13 UTC
Ripple has changed. The latest version is no longer a Chrome extension. It is a web-server (implemented as Node.js module). It can be started by 'ripple emulate' command (provided by ripple-emulator module). See for details.

Unfortunately, this command not only starts a web-server with the emulator. It also opens the URL with the emulator in the default browser. If we want to support Ripple then we should request some command line option (like -nobrowser) to avoid unwanted opening of the default browser (as we want to start the browser selected for the project).