View Source

Make a ‘View Source’ Button (CSS-Tricks)

CSSのリファレンスサイトを見てたら、
「Fancy View Source」ってボタンが表示されてて、
クリックしてみたらページのソースが出てきた。
なんじゃこりゃ？と思ったらここの使ってるのか。

基本的にはCSSのdisplayで表示のON/OFFを切り替え、
js使って整形してるみたいだけど、動作が軽いのはいいな。
実際のソースと全く同じというわけではないようで、
普通にブラウザの機能でソース見たらいいじゃん、
って気もしなくはないが、色分け整形されてるのは見易いか。

一昔前はjsゴリゴリ書いてややこしかったけど、
最近はjQuery等既存のものを活用することが増えて、
たまにしかjsいじらない自分には有難いような、
結局複雑な使用法調べるから面倒くさいような…