ソースコードを閲覧する
ブラウザを使ってHTML,CSS,JavaScriptのソースコードを閲覧することができます。
ブラウザを使ってほかの人が作ったソースを閲覧することができます。
HTMLソースに限ってはいたって簡単です。ほぼすべてのブラウザで共通、
●画面上にて、 右クリック → 「ソースの表示」 または、
●「表示」メニュー →「ソース」
の通り(ブラウザの違いにより、これに類似した操作を)行えばできます。
HTMLコードを閲覧する
- 「表示」メニュー の「ソース」をクリック
または、画面上にて、 右クリック → 「ソースの表示」をクリック
保存したい場合は「ファイル」メニュー から「上書き保存」を実行してください。
CSSコードを閲覧する
- [ツール]メニュー-[F12 開発者ツール]クリック
ショートカットキー:F12
- [CSS]タブをクリック
- ドロップダウンリストからCSSファイルを選択する
テキストファイル形式で見たい場合は一度保存してください。
保存は「保存」ボタンをクリックしてください。
JavaScriptコードを閲覧する
- [ツール]メニュー-[F12 開発者ツール]クリック
ショートカットキー:F12
- [スクリプト]タブをクリック
- ドロップダウンリストからCSSファイルを選択する
保存したい場合は、テキストコピーでしてください。
(右クリック → [すべて選択] → 右クリック → [コピー]のあと、別エディタに貼り付け)
HTMLコードを閲覧する
- 右上「Google Chromeの設定」ボタン をクリック
- [ツール]-[ソースを表示]をクリック
または、画面上にて、 右クリック → [ページのソースを表示]をクリック
保存したい場合は右上「Google Chromeの設定」ボタン をクリック、[名前を付けてページを保存]を実行してください。
CSSコードを閲覧する
- 上記手順でHTMLコードを表示
- ソース内のCSSファイルのリンクコードで、ファイルのアンカーをクリック
保存したい場合は右上「Google Chromeの設定」ボタン をクリック、[名前を付けてページを保存]を実行してください。
JavaScriptコードを閲覧する
- 上記手順でHTMLコードを表示
- ソース内のJavaScriptファイルの使用宣言コードで、ファイルのアンカーをクリック
保存したい場合は右上「Google Chromeの設定」ボタン をクリック、[名前を付けてページを保存]を実行してください。
このページのトップ