console-importer

by pd4d10

Easily import JS and CSS resources from Chrome console.

415 Stars 19 Forks Last release: Not found MIT License 74 Commits 4 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Console Importer

Build Status codecov Chrome Web Store Chrome Web Store Chrome Web Store

Demo

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
could be used to import JavaScript and CSS resources.
$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
used as a global variable. This extension doesn't overwrite it.

You can use

console.$i
on these websites.

Q:
$i
fail to import resources

On some websites like GitHub,

$i
will fail to import resources. Console warning may be like follows:
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
and
$i.cdnjs
which could be used to import resources from specific CDN.

License

MIT

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.