title: Console.log inside chrome dev tools , in the source tab
body: <p>I was just playing around with jBox.js and i was checking the following lines of code: </p>
  
  <pre><code>if (this.options.position[p] == 'center') {
          this.pos[a] += Math.ceil((this.targetDimensions[p] - this.dimensions[p]) / 2);
          return;
  }
  </code></pre>
  
  <p>Now the way the code is written before the above code executes the value of <code>this.pos[a]</code> is <code>18</code> and after the code executes the value of <code>this.pos[a]</code> is <code>25</code> , In my text editor i can add a <code>console.log</code> before and after the if condition and find out, But is the same possible using google dev tools ? Can i <code>console.log</code> inside the <code>source</code> tab in chrome dev tools ? </p>
  
  <p>I am interested in knowing if i can add a console.log statement in the source tab and than run my code, To see the logs.</p>
  
  <p>Thank you. </p>
  
  <p>Alex-z.  </p>