dackdive's blog

新米webエンジニアによる技術ブログ。JavaScript(React), Salesforce, Python など

Chrome開発者ツールのコンソールでJavaScriptライブラリを読み込む

ちょいメモ。CDN で配信されているライブラリ限定。
moment.js とか挙動をちょっと試したいなーと思ったときに環境作るの面倒だったんですが、こちらの記事を読んでいて。

Chrome 開発者ツールのコンソールで以下を実行すると、3rd party ライブラリ(この場合 jQuery)が使えるようになる。

> (script = document.createElement('script')).src = 'http://code.jquery.com/jquery-latest.min.js'
> document.getElementsByTagName('head')[0].appendChild(script)

同じ要領で 1 行目の URL を変えれば moment.js でも React でも CDN で配信されているライブラリなら読み込んでコンソール上で使えるようになる。便利。

> (script = document.createElement('script')).src = 'https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.0/moment-with-locales.js';
document.getElementsByTagName('head')[0].appendChild(script)
> moment('2017-10-20T02:34:56').format('H:mm')
"2:34"

覚えていられないので関数として登録しておきたい。