Easily import JS and CSS resources from Chrome console.
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
Installation
Install it from Chrome Web Store:
https://chrome.google.com/webstore/detail/console-importer/hgajpakhafplebkdljleajgbpdmplhie
Usage
Open Chrome devtools console, a function named
$icould 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
$iused as a global variable. This extension doesn't overwrite it.
You can use
console.$ion these websites.
Q: $i
fail to import resources
On some websites like GitHub,
$iwill 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.unpkgand
$i.cdnjswhich could be used to import resources from specific CDN.
License
MIT