- 2008年3月25日 18:30
- Web制作
Webページをブラウザで確認しているとよくページのソースを見る事がありますが、皆さんはどのようにソースを見ているでしょうか。
普通は右クリックして「ページのソースを表示」でソースを見ますが、いつも使っているエディタで開ければそのまま編集できるのに。。。と思ったことはありませんか。
そんなときは今回紹介するアドオン（拡張機能）「View Source With」を使ってみて下さい。
この拡張機能の良いところは、日本語に対応していて、複数のエディタを設定出来たり、ソースだけでなくCSSをやJavaScript等も指定のエディタで開く事が出来るのでWeb担当者に必要な機能が充実しています。
ではインストールから利用方法までを紹介していきます。
まず「View Source With」のページでインストールします。
インストールが終わったらFireFoxを再起動して画面上で右クリックから「ソースをプログラムから開く」を選択します。
「設定」を選択します。
設定画面が開いたら一般タブから「追加」を選択します。
利用するエディタプログラムへのパスを設定し、概要を記載したらOKをクリックします。
これで設定は完了です。
見たいページで右クリックから「ソースをプログラムから開く」から先ほど設定したプログラムを選択すると指定したエディタで該当ページのソースを開く事が出来ます。
CSSやJavaScriptを指定したエディタで開くには右クリックからCSSを選択します。
該当ページで利用されているCSSファイルを選択する画面が立ち上がるので、エディタで開きたいCSSやJavaScriptを選択するとデフォルトに指定したエディタ開いてくれます。
やはりいつも使い慣れているエディタで編集したり閲覧する方が何かと便利です。
複数のエディタを設定する事ができるので、ぜひお気に入りのエディタを指定して利用してみてください。
インストールはこちらからどうぞ「View Source With」
普通は右クリックして「ページのソースを表示」でソースを見ますが、いつも使っているエディタで開ければそのまま編集できるのに。。。と思ったことはありませんか。
そんなときは今回紹介するアドオン（拡張機能）「View Source With」を使ってみて下さい。
この拡張機能の良いところは、日本語に対応していて、複数のエディタを設定出来たり、ソースだけでなくCSSをやJavaScript等も指定のエディタで開く事が出来るのでWeb担当者に必要な機能が充実しています。
ではインストールから利用方法までを紹介していきます。
まず「View Source With」のページでインストールします。
インストールが終わったらFireFoxを再起動して画面上で右クリックから「ソースをプログラムから開く」を選択します。
「設定」を選択します。
設定画面が開いたら一般タブから「追加」を選択します。
利用するエディタプログラムへのパスを設定し、概要を記載したらOKをクリックします。
これで設定は完了です。
見たいページで右クリックから「ソースをプログラムから開く」から先ほど設定したプログラムを選択すると指定したエディタで該当ページのソースを開く事が出来ます。
CSSやJavaScriptを指定したエディタで開くには右クリックからCSSを選択します。
該当ページで利用されているCSSファイルを選択する画面が立ち上がるので、エディタで開きたいCSSやJavaScriptを選択するとデフォルトに指定したエディタ開いてくれます。
やはりいつも使い慣れているエディタで編集したり閲覧する方が何かと便利です。
複数のエディタを設定する事ができるので、ぜひお気に入りのエディタを指定して利用してみてください。
インストールはこちらからどうぞ「View Source With」
- Newer: 画像の加工、編集をWeb上で簡単にできる無料ツール「Picnik」
- Older: Firefoxのアドオン（拡張機能） 「HTML Validator」でhtml構文のエラーを簡単にチェック。
Trackbacks:0
- TrackBack URL for this entry
- http://webpersons.jp/mt/mt-tb.cgi/466
- Listed below are links to weblogs that reference
- Firefoxのアドオン（拡張機能）「View Source With」を 使って指定したエディタでソース、CSS、JavaScript、を見る from Web Persons [ウェブパーソンズ]｜Web担当者向け情報サイト
