GreasemonkeyやTampermonkeyで外部CSSを読み込む
表題のまま。 久しぶりにuser script書いたら外部のCSSの読み込み方法がわからなかったのでメモ。 （昔、user scriptをよく書いてた時も外部のCSS読み込んでいたと思うんだけど、こんな方法使ってた記憶がない。。。どうやってたんだろう？）
まとめ
ヘッダでGM_addStyleとGM_getResourceTextを許可して、@resourceでcssを変数に格納。その後、 GM_addStyle(GM_getResourceText("変数")) で設定する。
具体例
// @grant GM_addStyle
// @grant GM_getResourceText
// @resource CSS1 https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css
GM_addStyle(GM_getResourceText('CSS1'));
