Need help with console-importer?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

pd4d10
496 Stars 25 Forks MIT License 82 Commits 8 Opened issues

Description

Easily import JS and CSS resources from Chrome console.

Services available

!
?

Need anything else?

Contributors list

# 6,634
React
Dart
bitbuck...
gitee
81 commits

Console Importer

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.