DevTools: properly format custom elements without nodenames

third_party/WebKit/Source/platform/v8_inspector/InjectedScriptSource.js

 /*
  * Copyright (C) 2007 Apple Inc.  All rights reserved.
  * Copyright (C) 2013 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 562 matching lines @@
 
         var subtype = this._subtype(obj);
 
         if (subtype === "regexp")
             return toString(obj);
 
         if (subtype === "date")
             return toString(obj);
 
         if (subtype === "node") {
-            var description = obj.nodeName.toLowerCase();
+            var description = "";
+            if (obj.nodeName)
+                description = obj.nodeName.toLowerCase();
+            else if (obj.constructor)
+                description = obj.constructor.name.toLowerCase();
+
             switch (obj.nodeType) {

[kozy, 2016/06/08 20:58:05]

What will return obj.nodeType in createCallback for custom element?

[luoe, 2016/06/09 19:27:44]

obj.nodeType will be undefined, in both cases when the prototype does and does
not come from HTMLElement.

             case 1 /* Node.ELEMENT_NODE */:
                 description += obj.id ? "#" + obj.id : "";
                 var className = obj.className;
                 description += (className && typeof className === "string") ? "." + className.trim().replace(/\s+/g, ".") : "";
                 break;
             case 10 /*Node.DOCUMENT_TYPE_NODE */:
                 description = "<!DOCTYPE " + description + ">";
                 break;
             }
             return description;
@@ skipping 406 matching lines @@
             return string.substr(0, leftHalf) + "\u2026" + string.substr(string.length - rightHalf, rightHalf);
         }
         return string.substr(0, maxLength) + "\u2026";
     },
 
     __proto__: null
 }
 
 return injectedScript;
 })