任意のサイトの CSS をまるごとそっくり手製のページに入れてみたくなったものの、 style タグに URL を指定するのは CORS とかで怒られるらしい(やっていない)ので、取れる範囲でいいから値だけコピーした。 document.styleSheets で取得したシートにそれぞれ入った cssRules を文字列で取得して、手製のページで style タグをつくってシートに insertRule で順番に流し込む。
複数のサイトのスタイルを取ってきて局所的に当てる、とかも、ルールの頭に id を振って div#id 以下だけにあたるようにしてもよさそうだし、 iframe とか使ってもよさそう。
copy css rules from a document to another one
毎度姑息な手段みたいなことをしているのでもう少し賢くなりたい。
