[object-diff] Escape type and field names

Otherwise templates won't display correctly.

Author: cbiesinger

extensions/object-diff/index.html

@@ -11,6 +11,9 @@
     <title>Object Diff</title>
     <script type="text/javascript" src="/jsdbg/loader.js"></script>
     <script type="text/javascript">
+        function htmlEscape(str) {
+            return str.replace(/</g, "&lt;").replace(/>/g, "&gt;");
+        }
         function init() {
             var defaultType = null;
             var address1 = null;
@@ -91,7 +94,7 @@
             .then(function (results) {
                 return Promise.map(results, function (fieldName) {
                     var field1 = object1.f(fieldName);
-                    return Promise.all([field1.then(function (x) { return x.type.name() }), fieldName, field1.desc(), object2.f(fieldName).desc()]);
+                    return Promise.all([field1.then(function (x) { return x.type.htmlName() }), htmlEscape(fieldName), field1.desc(), object2.f(fieldName).desc()]);
                 })
                 .then(function (differentObjects) {
                     var table = document.createElement("table");