I've done some investigating and found something interesting. For me, GuideMe uses IE 11 because I'm using Windows7. But here's the kicker. Something is forcing it down to document mode 7 (equivalent to IE 7). Furthermore, if I try to override the document mode using a <meta http-equiv statement, the highest I can get it is document mode 8.
I created a simple page as follows and displayed it in IE by itself. Document mode 11. But no matter what I do, if I pull in the page using leftHTML, it uses document mode 7 by default and won't go higher than 8 if I try to force it.
Here's my test page:
Code: Select all
<!DOCTYPE html><html><head> <style> body, html { height:100%; width:100%; background-color:black; overflow-y: hidden; color:white; } .verstext { font-size: 16px; font-family: Arial, Helvetica, sans-serif; color:cyan; } </style> <script> function leftOnLoad() { document.getElementById("browser").innerHTML = getBV(); document.getElementById("docmode").innerHTML = getDocMode(); document.getElementById("doctype").innerHTML = getdoctype(); } function getBV() { navigator.sayswho = ( function(){ var ua= navigator.userAgent, tem, M= ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || []; if(/trident/i.test(M[1])){ tem= /\brv[ :]+(\d+)/g.exec(ua) || []; return 'IE '+(tem[1] || ''); } if(M[1]=== 'Chrome'){ tem= ua.match(/\bOPR\/(\d+)/) if(tem!= null) return 'Opera '+tem[1]; } M= M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?']; if((tem= ua.match(/version\/(\d+)/i))!= null) M.splice(1, 1, tem[1]); return M.join(' '); })(); return navigator.sayswho; } function getdoctype () { if (document.doctype) { var objDocType = document.doctype; var strDocType = "!DOCTYPE " + objDocType.name + (objDocType.publicId ? ' PUBLIC "' + objDocType.publicId + '"' : '') + (!objDocType.publicId && objDocType.systemId ? ' SYSTEM' : '') + (objDocType.systemId ? ' "' + objDocType.systemId + '"' : '') + ''; } else strDocType = "Object document.doctype not known"; return strDocType; } function getDocMode() { var engine = null; //if (window.navigator.appName == "Microsoft Internet Explorer") // { // This is an IE browser. What mode is the engine in? if (document.documentMode) // IE8 or later engine = document.documentMode; else // IE 5-7 { engine = 5; // Assume quirks mode unless proven otherwise if (document.compatMode) { if (document.compatMode == "CSS1Compat") engine = 7; // standards mode } // There is no test for IE6 standards mode because that mode // was replaced by IE7 standards mode; there is no emulation. } // the engine variable now contains the document compatibility mode. // } //else // engine = "N/A"; return engine; } function get_type(thing){ if(thing===null)return "[object Null]"; // special case return Object.prototype.toString.call(thing); } </script></head><body onload="leftOnLoad();"> <p class="verstext">Browser: <span id="browser">????</span></p> <p class="verstext">Docmode: <span id="docmode">????</span></p> <p class="verstext">Doctype: <span id="doctype">????</span></p></body></html>P.S. I tried a further test, I tried creating a 'wrapper' page and including the above test page in an iframe, just like GuideMe more or less does. If I include a <meta http-equiv statement in the 'wrapper' page, it reduces the "document mode" that can be used in the page in the iframe and thereby seems to restrict the versions of html, css and js one can employ. Is GuideMe imposing it's own <meta http-equiv?
-