CODEWITHSUNDEEP
desktop-applicationnode-webkit
Infant Dev
Infant Dev

Reputation: 1749

How to inspect elements in a desktop application?

I am from the web-development world, not knowing anything about desktop apps. The app is developed using coffee script and packaged through node-webkit. I wanted to know, if there is a way by which I can inspect the elements in the app. While googling I came through Adobe AIR and Spark Inspector. But nothing seemed available for just a node-webkit app. Does anyone have any idea on the same??

Upvotes: 2

Views: 13704

Answers (2)

Tamedo
Tamedo

Reputation: 51

Use the developer tools built into node-webkit.

In your package.json set "toolbar": true this will show the "cog" icon which displays chrome dev tools for your app.

Upvotes: 5

Ben Gotow
Ben Gotow

Reputation: 14893

I'm the developer of the Spark Inspector tool you mentioned.

I've done a fair bit of development in Node and I think you might enjoy the Firebug inspector for Firefox, or the Chrome Inspector built into Chrome (https://developers.google.com/chrome-developer-tools/). Both of these need your page to be open in the browser, but if your app is web-based and you can pop it into a standard browser window, you're in luck. (If not, it might be worthwhile making it work in a standard browser—even if it'll end up packaged into an app—so you can debug it!)

Hope that helps,

Upvotes: 1

Related Questions