title: How to reveal line level profiling in JS sources?
body: <p>I've read <a href="https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/" rel="noreferrer">this article</a> about analyzing runtime performance. The image below is copied from this article. If you check this image, there are yellow highlighted execution time hints for JS files next to each line in the file. </p>
  
  <p>I find this line level profiling feature pretty useful and I would like to try it in my own projects, too.</p>
  
  <p>However, when I open a JS source file in the sources tab, I cannot see it. Note that, I already took a performance profiling snapshot. But still I cannot see this execution time hints.</p>
  
  <p>How can I reveal this feature?</p>
  
  <p>Thanks.</p>
  
  <p><a href="https://i.stack.imgur.com/kUGCm.png" rel="noreferrer"><img src="https://i.stack.imgur.com/kUGCm.png" alt="enter image description here"></a></p>