- Some JSDT resources.
- Instructions for installation and creation of a simple HTML example using JSDT.
Using the HTML5 Canvas
We’ll use HTML5’s new drawing canvas. If you want to learn more about HTML5 or Canvas, there are some links at the bottom of this page.
Create a new html file called canvas.html. with the following content:
JSDT’s HTML5 Limitations
The first thing I noticed is that JSDT is not HTML5 aware.
- The editor has a warning marker in the gutter because the HTML5 canvas tag is unrecognized:
- And the internal browser doesn’t support HTML5:
- (To run inside the internal browser, Right Click canvas.html and select Run As – Run on Server)
Working around JSDT’s HTML5 Editor Limitations
I’m still trying to figure out the best way to get some nice HTML5 editor functionality (like hover help, content assist, etc), which is the primary reason I would use an IDE over a simple text editor.
Whatever I find out, I’ll post. If anyone has experience with this, I’d love to hear about it.
Working around JSDT’s HTML5 Browser Limitations
It’s simple to work around the fact that JSDT’s internal browser does not support HTML5. Simply switch to a different browser.
From in Eclipse, select Window – Web Browser – and then select either IE or the system browser.
In my case, the system browser is a recent version (3.6.8) of Firefox which has good HTML5 support. I run it. Success!
There are many HTML5 resources available. Here are a couple I used: