知恵袋ユーザー

2022/1/29 21:44

33回答

Chromeでホームページのソースコードをそのままコピーしてメモ帳に貼り付ける方法を教えてください。

Chromeでホームページのソースコードをそのままコピーしてメモ帳に貼り付ける方法を教えてください。 独学でweb制作を勉強しているため教材として利用したいのですが、chromeでソースコードを表示してもコピーすることができませんでした。そのまま見て勉強してもいいのですが、少々見にくいためメモ帳等に写して確認したいので、そのためのいい方法があれば教えていただきたいです。 よろしくお願いします。

Google Chrome | HTML、CSS・13,368閲覧・xmlns="http://www.w3.org/2000/svg">50

ベストアンサー

fengxian

カテゴリマスター

2022/1/29 22:47

ブラウザで HTML のソースコードを表示してコピーすることができないなんて、何か勘違いです。 HTML のコードは、 1. ブラウザで対象のページを表示し、[Ctrl]+[U] でソースを表示 2. [Ctrl]+[A] で全選択 → [Ctrl]+[C] でコピー 3. メモ帳、或いはエディタで新規ファイルを作成 4. [Ctrl]+[V] で貼り付け 5. charset 属性で明示された文字コードで HTML ファイルとして保存 CSS のコードは、 a. 1 で CSS ファイルの URL を確認 b. ブラウザのアドレス・バーに CSS ファイルの URL を入力 c. CSS のソースが表示されたら [Ctrl]+[A] で全選択 → [Ctrl]+[C] でコピー d. メモ帳、或いはエディタで新規ファイルを作成 e. [Ctrl]+[V] で貼り付け f. CSS ファイルとして保存（必要ならばフォルダを作成） です。

この回答はいかがでしたか？ リアクションしてみよう

この返信は削除されました

ThanksImg質問者からのお礼コメント

Ctrl+Uでソースを表示できるのは知りませんでした！ Chromeのデベロッパーツールで見ようとしていたのですがこっちの方が見やすいです！ ありがとうございます！

お礼日時：2022/1/31 11:47

その他の回答（2件）

nan********

カテゴリマスター

2022/1/29 22:15

> ソースコードを表示してもコピーすることができませんでした。 コピーはできるけど、表示されているページと見た目が違うとかそういう話ですよね? コピペできないことはないので。 なぜそのままコピーできないかっていうと、一つはcssが別ファイルになってるから見た目が変わることと、もう一つはJavascriptなどで動的にページを書いている。 cssは別途ダウンロードするかコピペなりするしかないけど、その場のhtmlをコピーするには、F12で開発者ツールを開いて、Elementsタブにある一番先頭のエレメントを右クリックして、コピーします。