Console Importer

Installation

Install it from Chrome Web Store:

https://chrome.google.com/webstore/detail/console-importer/hgajpakhafplebkdljleajgbpdmplhie

Usage

Open Chrome devtools console, a function named

$i

$i('jquery')

Import specific version:

$i('[email protected]')

Also, you can import a valid script URL:

$i('https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js')

CSS is supported, too:

$i('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css')

Trouble shooting

Q:

$i

doesn't work as expected

Some websites like Google Inbox already have

$i

You can use

console.$i

Q:

$i

fail to import resources

On some websites like GitHub,

$i

Refused to load the stylesheet 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' because it violates the following Content Security Policy directive: "style-src 'unsafe-inline' assets-cdn.github.com".

It is because of strict Content Security Policy of these websites. For more information, see Content Security Policy (CSP) wiki

How does it work?

• If it is like a JavaScript lib name, like

  jquery

  , try to load it from cdnjs
• If it has version number, like

  [email protected]

  , try to load it from unpkg
• If it is a valid URL(CSS or JS), load it directly

For advanced use, there are also two functions

$i.unpkg

$i.cdnjs

License

MIT