title: Debug Knockout js variable values within View file
body: <p>Can I debug the below mentioned code on *.cshtml file ? I have used knockout js as my client side java script library.</p>
  
  <pre><code>&lt;div data-bind="ifnot: book()"&gt;
          &lt;div&gt;
              &lt;h2&gt;Add New Book&lt;/h2&gt;
          &lt;/div&gt;
          &lt;div&gt;
              &lt;label for="name"&gt;Name&lt;/label&gt;
              &lt;input data-bind="value: $root.Name" type="text" title="Name" /&gt;
          &lt;/div&gt;
  
          &lt;div&gt;
              &lt;label for="publisher"&gt;Publisher&lt;/label&gt;
              &lt;input data-bind="value: $root.Publisher" type="text" title="Publisher" /&gt;
          &lt;/div&gt;
  
          &lt;div&gt;
              &lt;label for="price"&gt;Price&lt;/label&gt;
              &lt;input data-bind="value: $root.Price" type="text" title="Price" /&gt;
          &lt;/div&gt;
          &lt;br /&gt;
          &lt;div&gt;
              &lt;button data-bind="click: $root.create"&gt;Save&lt;/button&gt;
              &lt;button data-bind="click: $root.reset"&gt;Reset&lt;/button&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>On above code I need to check the values of say "book() or $root.Name ,etc".Can I do that ?</p>
  
  <p><strong>UPDATE</strong>:On Fire bug</p>
  
  <p><img src="https://i.stack.imgur.com/ItWUK.png" alt="enter image description here"> </p>