Loading ajax app with jsdom

问题:

I'm looking for a solution to bootstrap a client side app (written in Backbone.js) on the server, so that I can serve correct content to crawlers and non-js consumers.

I've been playing around with jsdom & nodejs in an attempt to bootstrap the app, and can get it as far as loading in the basic template content, but the app appears to never start.

I've tried 2 different solutions to make sure that I have all the dependencies necessary and the app is loading correctly:

1. I tried using jsdom.env() with all the scripts usually included inline.
2. I tried using jsdom.jsdom() and making sure that FetchExternalResources, ProcessExternalResources, and MutationEvents were all correct and on.

Neither seem to fire the window.onload event though. I'm wondering if jsdom possibly doesn't fire this, or maybe calls it's callback after it would have normally been fired?

Is this a task that is possible in jsdom?

回答1:

I wouldn't wait for window.onload as jsdom doesn't fetch images/css (yet). When using jsdom.env, you can simply treat the callback as a "hey everything is ready now" event.

If your app relies on window.onload, you can trigger it inside the aforementioned callback.