DevTools: format keys in object previews using sans serif.

third_party/WebKit/Source/devtools/front_end/object_ui/ObjectPropertiesSection.js

 /*
  * Copyright (C) 2008 Apple Inc. All Rights Reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * 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.
  * 2. Redistributions in binary form must reproduce the above copyright
@@ skipping 134 matching lines @@
     var textAfterPrefix;
     if (isClass) {
       textAfterPrefix = text.substring('class'.length);
       var classNameMatch = /^[^{\s]+/.exec(textAfterPrefix.trim());
       var className = defaultName;
       if (classNameMatch)
         className = classNameMatch[0].trim() || defaultName;
       addElements('class', textAfterPrefix, className);
     } else if (isAsync) {
       textAfterPrefix = text.substring('async function'.length);
-      addElements('async function', textAfterPrefix, nameAndArguments(textAfterPrefix));
+      addElements('async \u0192', textAfterPrefix, nameAndArguments(textAfterPrefix));
     } else if (isGenerator) {
       textAfterPrefix = text.substring('function*'.length);
-      addElements('function*', textAfterPrefix, nameAndArguments(textAfterPrefix));
+      addElements('\u0192*', textAfterPrefix, nameAndArguments(textAfterPrefix));
     } else if (isGeneratorShorthand) {
       textAfterPrefix = text.substring('*'.length);
-      addElements('function*', textAfterPrefix, nameAndArguments(textAfterPrefix));
+      addElements('\u0192*', textAfterPrefix, nameAndArguments(textAfterPrefix));
     } else if (isBasic) {
       textAfterPrefix = text.substring('function'.length);
-      addElements('function', textAfterPrefix, nameAndArguments(textAfterPrefix));
+      addElements('\u0192', textAfterPrefix, nameAndArguments(textAfterPrefix));
     } else if (isArrow) {
       const maxArrowFunctionCharacterLength = 60;
       var abbreviation = text;
       if (defaultName)
         abbreviation = defaultName + '()';
       else if (text.length > maxArrowFunctionCharacterLength)
         abbreviation = text.substring(0, firstArrowIndex + 2) + ' {\u2026}';
       addElements('', text, abbreviation);
     } else {
-      addElements('function', text, nameAndArguments(text));
+      addElements('\u0192', text, nameAndArguments(text));
     }
     valueElement.title = description || '';
     return valueElement;
 
     /**
      * @param {string} contents
      * @return {string}
      */
     function nameAndArguments(contents) {
       var startOfArgumentsIndex = contents.indexOf('(');
@@ skipping 546 matching lines @@
    * @param {!SDK.RemoteObject} value
    * @return {?Element}
    */
   _createExpandedValueElement(value) {
     var needsAlternateValue = value.hasChildren && !value.customPreview() && value.subtype !== 'node' &&
         value.type !== 'function' && (value.type !== 'object' || value.preview);
     if (!needsAlternateValue)
       return null;
 
     var valueElement = createElementWithClass('span', 'value');
-    valueElement.setTextContentTruncatedIfNeeded(value.description || '');
+    if (value.description === 'Object')
+      valueElement.textContent = '';
+    else
+      valueElement.setTextContentTruncatedIfNeeded(value.description || '');
     valueElement.classList.add('object-value-' + (value.subtype || value.type));
     valueElement.title = value.description || '';
     return valueElement;
   }
 
   update() {
     this.nameElement = ObjectUI.ObjectPropertiesSection.createNameElement(this.property.name);
     if (!this.property.enumerable)
       this.nameElement.classList.add('object-properties-section-dimmed');
     if (this.property.synthetic)
@@ skipping 616 matching lines @@
     var title = options.title;
     var section = new ObjectUI.ObjectPropertiesSection(object, title);
     if (!title)
       section.titleLessMode();
     if (options.expanded)
       section.expand();
     section.editable = !!options.editable;
     return Promise.resolve(section.element);
   }
 };