JavaScript / HTML highlighting / debugging in Eclipse using PhoneGap

javascript html eclipse cordova perspective
Jason Hartley picture Jason Hartley · Apr 4, 2012 · Viewed 8.2k times · Source

I am writing an app using PhoneGap for Android in Eclipse. Since the project is an Android project, it's in a Java perspective. For whatever reason, Eclipse won't highlight HTML and JavaScript for me while in an Android/Java project/perspective and switching to the JavaScript perspective doesn't highlight the code either. Without highlighting or debugging tools, the debug process is very slow.

How do I tell Eclipse to highlight HTML and JavaScript for me while working in a Java Environment?

Answer

Paul Beusterien picture Paul Beusterien · Apr 5, 2012

Make sure you have JSDT(for JavaScript) and the Web Page Editor(for HTML) installed. From About Eclipse -> Installation Details, check for JavaScript Development Tools(JSDT) and Web Page Editor.

To install them :

  • Install New Software -> Work with: Indigo (or Helios) ->Web, XML Java EE, and OSGi Enterprise Development -> JavaScript Development Tools
  • Install New Software -> Work with: Indigo (or Helios) ->Web, XML Java EE, and OSGi Enterprise Development -> Web Page Editor

Alternatively, you could use the AppLaud Eclipse plugin I've created for doing PhoneGap development for Android. See the Getting Started instructions.

Related questions

How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More
How can I change an element's class with JavaScript?

How can I change the class of an HTML element in response to an onclick or any other events using JavaScript?

Read More
Which "href" value should I use for JavaScript links, "#" or "javascript:void(0)"?

The following are two methods of building a link that has the sole purpose of running JavaScript code. Which is better, in terms of functionality, page load speed, validation purposes, etc.? or function myJsFunc() { alert("myJsFunc"); } <a href="javascript:…

Read More