How do we handle loading JS/CSS in PhantomJS? about ember-asset-loader HOT 3 CLOSED

Some thoughts:

For JS, we can have an additional script tag that lets us know when the previous script has finished since script tags are blocking. We might need one beforehand as well to make sure we catch any potential errors thrown by the script though.

For CSS, we can poll the sheet/styleSheet property to check how many rules are defined. Alternatively, we can use the <img> onerror hack, but this loses the ability to between loads and errors.

In general, JS onload/onerror support is solid while CSS onload/onerror support is kind of spotty:

• https://pie.gd/test/script-link-events/
• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#Browser_compatibility

from ember-asset-loader.

Turns out onload/onerror is supported for script tags in all the browsers we need to support.

However, img tags are super spotty. There is no way to feature detect support either. So we're going to set onload/onerror and use them if they fire, otherwise we'll just poll the document.styleSheets property to determine when it loads and resolve then. Unfortunately, that means for IE/old Phantom we won't be able to distinguish between successful and failed loads.

from ember-asset-loader.

Closed via #7.

from ember-asset-loader.