Easily import JS and CSS resources from Chrome console.
Install it from Chrome Web Store:
Open Chrome devtools console, a function named
Import specific version:
Also, you can import a valid script URL:
CSS is supported, too:
$idoesn'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.
$ifail 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
jquery, try to load it from cdnjs
For advanced use, there are also two functions
$i.cdnjswhich could be used to import resources from specific CDN.