DigiTec

// http://jsfiddle.net/8n6c1dpz/12/
var out = document.getElementById("output");

var vendorPrefixes = [/^ms|^onms/i, /^moz|^onmoz/i, /^webkit|^onwebkit/i];
var vendorProps = vendorPrefixes.map(function (prefix) {
    return Object.getOwnPropertyNames(window).filter(function (name) {
        try {
            return (this[name].prototype && this[name].prototype.constructor === this[name]);
        } catch (exc) {
            return false;

DigiTec

// http://jsfiddle.net/w3mw1r4q/
var ary = Array.apply(null, document.body.children);
console.log(Array.isArray(document.body.children));
console.log(Array.isArray(ary));
console.log(ary.length);

DigiTec

<script>
var r = {};
r.VENDOR_PREFIX = function () {
    var e = /^(Webkit|Khtml|Moz|ms|O)(?=[A-Z])/, t = document.getElementsByTagName("script")[0].style, n;
    for (n in t)
        if (e.test(n))
            return n.match(e)[0].toLowerCase();
    return "WebkitOpacity" in t ? "webkit" : "KhtmlOpacity" in t ? "khtml" : "";
}();
</script>

DigiTec

// Utilize duck typed slice, to enumerate 0..length indices.
// Indices on CSSStyleDeclaration return the "parser" names for properties.
// Based on the parser names, determine the vendor prefix to use.
var vendor_prefix = Array.prototype.slice.call(window.getComputedStyle(document.body)).join('').match(/-(ms|webkit|moz)-/)[0];
console.log(vendor_prefix);

DigiTec

// Per spec configures a location on the global of name Node with a value
// of the instance of the function.
function ANode() {
}

// We derive from Object
ANode.prototype = Object.create(Object.prototype);

// Complete the loop back to ourselves
ANode.prototype.constructor = ANode;

DigiTec

// Lists primarily based on MSHTML support IE5 through IE11

// Namespaces
const nsXHTML = "http://www.w3.org/1999/xhtml";
const nsSVG = "http://www.w3.org/2000/svg";
const nsMATHML = "http://www.w3.org/1998/Math/MathML";
const nsXML = "http://www.w3.org/XML/1998/namespace";

// "x-ms-webview" added for WWA
// "main" tag added for EdgeHTML

DigiTec

var xhtml_tags_chrome_prototypes = {
    "DOCTYPE": "HTMLUnknownElement",
    "a": "HTMLAnchorElement",
    "abbr": "HTMLElement",
    "acronym": "HTMLElement",
    "address": "HTMLElement",
    "applet": "HTMLAppletElement",
    "area": "HTMLAreaElement",
    "article": "HTMLElement",
    "aside": "HTMLElement",

DigiTec

<div id="log" style="whitespace: pre"></div>

DigiTec

Some additional JSFiddle links that I produced afterwards to experiment with timing around when the browser would create its scope chains. It turns out browsers don't tend to create scope chains until the first time the event is fired.

In this example we have a button in a form. We can check its scope first, then change it, then check it again to see one behavior. We can then change scope and execute it to see a different behavior. http://jsfiddle.net/oko08kaw/

This example switches us from one form to another, which is a slightly more complicated behavior but achieves similar results. http://jsfiddle.net/p7bu92jw/2/

DigiTec

typedef unsigned long ErrorCode;
typedef void* MemoryHandle;

ErrorCode OutOfMemory = 0x1;
ErrorCode Success = 0x2;
ErrorCode TerribleFailure = 0x3;

void FreeHandle(MemoryHandle handle)
{
}