Webcomponents.js on Internet Explorer 9

Question

I'm testing if google polymer works on ie9. An error occurs at line 11 of webcomponents.min.js expecting ":" between get() and href. Here is the excerpt from the webcomponent.js file:

...
jURL.prototype = {
    toString: function() {
      return this.href;
    },
    get href() {
      if (this._isInvalid) return this._url;
      var authority = "";
      if ("" != this._username || null != this._password) {
        authority = this._username + (null != this._password ? ":" + this._password : "") + "@";
      }
      return this.protocol + (this._isRelative ? "//" + authority + this.host : "") + this.pathname + this._query + this._fragment;
    }, ....

Is there workaround to avoid this error?

Answer 1

Probably not. From their documentation

Our polyfills are intended to work in the latest versions of evergreen browsers.

Here is browser support matrix for webcomponenets.js

https://github.com/WebComponents/webcomponentsjs#browser-support