ソースの一部だけを表示させたいのだった
みなさんもいろんなサイトを見ているうちに、「ん、ここのHTMLの書き方はどうなっているのだ？」と気になったことがおありだろう。みなさんてのは誰のことだ。もちろんブラウザの機能にそういうものがあって、例えばFirefoxなら上のメニューバーの「表示」→「ページのソース」をクリックでページのソース(HTMLのコード)を表示させることが出来る。しかし、全部表示されても困ります、この一部分だけのソースが見たいんです、という場合これでは頭からスクロールさせてえんえんと探し続けるということになる。面倒くさいのであった。
Firefoxのアドオンにはいろいろと便利なものがあって、まあ、アドオンとはなにかという話はよしておくが、例えばFirebugあたりがwebデザインの定番であり、一部のコードを見ることは出来るのだが、操作が少々手間なうえにソースが見づらい(いちいち展開しないといけないとか)という欠点がある。もちろんこれはFirebugが悪いのではなく、様々な機能のある優秀なアドオンであることは間違いない。その一部が使いづらいからといってあげつらう気はもうとうない。しかし、やはり面倒くさいのであった。
なにか簡単なものはないかと探したら、あっさり発見。ソース表示タブ(SourceViewerTab)をご紹介したい。
このアドオンを入れて例えば上のようにサイトの一部をドラッグして選択。
右クリックすると「選択した部分のソースを表示」というメニューが。
クリックすると別タブで選択した部分のソースがハイライトされて表示されます。
素晴らしい。別のアプリで開くことも可能らしい。