<html>
    <head>
      <base href="https://bugs.webkit.org/" />
    </head>
    <body><span class="vcard"><a class="email" href="mailto:nvasilyev&#64;apple.com" title="Nikita Vasilyev &lt;nvasilyev&#64;apple.com&gt;"> <span class="fn">Nikita Vasilyev</span></a>
</span> changed
              <a class="bz_bug_link 
          bz_status_UNCONFIRMED "
   title="UNCONFIRMED - Web Inspector: Logging error objects should have a better UI"
   href="https://bugs.webkit.org/show_bug.cgi?id=143853">bug 143853</a>
        <br>
             <table border="1" cellspacing="0" cellpadding="8">
          <tr>
            <th>What</th>
            <th>Removed</th>
            <th>Added</th>
          </tr>

         <tr>
           <td style="text-align:right;">Summary</td>
           <td>Web Inspector: Logging error.stack should have a better UI
           </td>
           <td>Web Inspector: Logging error objects should have a better UI
           </td>
         </tr></table>
      <p>
        <div>
            <b><a class="bz_bug_link 
          bz_status_UNCONFIRMED "
   title="UNCONFIRMED - Web Inspector: Logging error objects should have a better UI"
   href="https://bugs.webkit.org/show_bug.cgi?id=143853#c5">Comment # 5</a>
              on <a class="bz_bug_link 
          bz_status_UNCONFIRMED "
   title="UNCONFIRMED - Web Inspector: Logging error objects should have a better UI"
   href="https://bugs.webkit.org/show_bug.cgi?id=143853">bug 143853</a>
              from <span class="vcard"><a class="email" href="mailto:nvasilyev&#64;apple.com" title="Nikita Vasilyev &lt;nvasilyev&#64;apple.com&gt;"> <span class="fn">Nikita Vasilyev</span></a>
</span></b>
        <pre>I think it is way more common to do console.log(error) than console.log(error.stack), so we should have a better UI for error objects, not just stack traces.

► TypeError: undefined is not an object (evaluating 'this.foo.bar') — [f] methodName — MyComponent.js:184:42

And expanded:

▼ TypeError: undefined is not an object (evaluating 'this.foo.bar')
 * [f] methodName        — MyComponent.js:184:42
 * [f] anotherMethodName — Foo.js:12:53
 * [f] andAnotherOne     — [native code]

console.dir(error) should still show the same object outline.</pre>
        </div>
      </p>
      <hr>
      <span>You are receiving this mail because:</span>
      
      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>