title: import or require any library in browser console
body: <p>While debugging application most of the time I feel like it would hve easier if I could include any library into browser console and try some of the function from that libraty.</p>
  <p>Now in modern <code>javascript/es6/es6/typescript</code> world is there any thing short and quick available to to import a script instantly to the brower so that it can be used to directly</p>
  <h3>Example</h3>
  <p>While debugging, if I want Observable I should be able to do something like this</p>
  <pre><code>import {Observable} from 'rxjs/Observable';  //typescript way
  const Observable= require('rxjs/Observable'); // require way
  </code></pre>
  <p>But these are not working.</p>
  <h3>already explored <a href="https://stackoverflow.com/questions/7474354/include-jquery-in-the-javascript-console">dynamic <code>&lt;script&gt;</code> tag</a></h3>
  <p>I already explore old way to dynamically using the <code>&lt;script&gt;</code> tag like below but its dificult for large number of libs and also not elegant</p>
  <pre><code>var jq = document.createElement('script');
  jq.src = &quot;https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js&quot;;
  document.getElementsByTagName('head')[0].appendChild(jq);
  // ... give time for script to load, then type (or see below for non wait option)
  jQuery.noConflict();
  </code></pre>