• ベストアンサー

サイト上でCSSのソースの見方がわかりません。

サイト上で、CSS・HTMLのソースを見たいのですが、どなたかやり方を教えて頂けないでしょうか。 サイト上で右クリックでソースの表示をしてもHTMLしかでませんし、IEで設定→F12開発者ツールをクリックしても、HTMLは見れるのですが、CSSが見れません。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.3

<Chrome> F12、または 表示>開発/管理>デベロッパーツール  または右クリック>要素を検証 http://www.buildinsider.net/web/chromedevtools/01 <Firefox> F12、または 右クリック>要素を調査 https://developer.mozilla.org/ja/docs/Tools/Page_Inspector/How_to/Open_the_Inspector 何れもブラウザの下部にソースが記載されたウインドウが表示されます。 そのウインドウの右側にCSSが表示されている筈です。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

noname#206842
noname#206842
回答No.2

ブラウザのデヴェロッパーツールで見る方法もありますが、ブラウズで見ているサイト上で、 右クリック⇒ソースの表示で見ることができます。 少しおかしな日本語になっていますが、これで見えるのはHTMLのソースです。 ここが、質問の肝だと思います。 これを読むと、外部CSSを読み込んでいる場合、<link rel stylsheet=""text/css" href="cssのある場所" media="screen" />などと記載されていると思います。 href="" に書かれている部分が、CSSの場所と、名前です。 これが理解できていれば、デベロッパーツールなど必要ないと思います。(確かに便利だが)

全文を見る
すると、全ての回答が全文表示されます。
回答No.1

F12の開発者ツールで右側の小窓は出ていますか? 右窓のタブが【スタイル】になっていますか? HTML窓の<body>など該当する箇所をクリックすると右窓に表示されます。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • HTML の文字について

    他のサイトで、かっこいい字体があったので、参考にしたいのですが、文字コードが分からず再現できません。 サイト上で右クリックでソースの表示をしてもHTMLしかでませんし、IEで設定→F12開発者ツールをクリックしても、HTMLは見れるのですが、CSSが見れません。 どなたか教えていただけないでしょうか?

    • ベストアンサー
    • HTML
  • HTMLのソースをすべて見るにはどうすればいいの

    IE9で、F12で開発者ツールを開いた時に、HTMLのソースをすべて見るにはどうすればいいのでしょうか? プラスボタンを押してもまたプラスボタンが出てきてしまいます。 全てのソースがみたいです。 でもブラウザ上で右クリックでメモ帳を開くのは見にくいです。

  • 「ソースの表示」が動かない

    IEの6、ウインドウズ2000を使っています。 ホームページのソースを見るために「右クリック」 「ソースの表示」を使いますが、これが動かなく なってしまいました。 選んでも何も反応しなくなりました。 たまにちゃんと動くこともありますが・・・ HTMLを勉強しているので、かなり困っています。 だれか助けてください。

  • どうやってソースを見れるのでしょうか?

    とあるウェブシステムのソースを見たいのですが、 右クリック禁止になっていて右クリックできません。 ブラウザはたぶんIEです。 IEでログインしたら新たなブラウザが立ち上がります。 F11で全画面表示させても、アドレスバーはありますが、ファイル・編集・表示などありません。 URLの末尾は.aspxです。 この場合、どうやってソースを見れるのでしょうか?

    • ベストアンサー
    • HTML
  • IE8開発者ツールでソースの修正

    JavaScriptのデバッグにIEの開発者ツールを使用してみようと考えています。 そこで質問なのですが、 開発者ツールでデバッグしている最中に、JavaScriptのソースプログラムを修正するにはどうしたら良いのでしょうか? ブレイクポイントの設定やステップ実行、変数の値を表示するなどの使い方はわかったのですが、バグの原因がわかった時、直接ソースを修正しようと、左側の画面にカーソルを移動しましたが、修正ができませんでした。 HTMLの属性などは、ダブルクリックすると書き換えることが可能なようですが、JavaScriptも同様に修正することはできないのでしょうか? 開発環境は WindowsXP IE8 です。 よろしくお願い申し上げます。

  • ソースの表示について

    IEを使っているのですが「右クリック→ソースの表示」を行っても「表示→ソース」を行ってもまったくソースを見ることができません。何か設定があるのでしょうか?よろしくお願いします。

  • ソースが表示されない

    右クリックでソースの表示を選択すると、HTMLソースが表示されると思うのですが、表示がされません。 もちろん、IEの「ツール」メニューで「インターネットオプション」を選び、「全般」タブにある「インターネット一時ファイル」の「ファイル削除」ボタンと、「履歴」の「履歴のクリア」ボタンをクリックすれば良いのですが、その作業をしても、表示されません。デフラグをし、ディスクのクリーンアップをしても表示されません。どなたか、おわかりになられる方のご教授をお願いいたします。

  • dreamweaver ソース コピー css

    cssなどでデザインされたwebサイトからソースを丸々コピーしdreamweaverに貼りつけると画像が表示されなかったり、HTMLのみの表示になってしまいます。webサイトで見ているように綺麗な形に復元するにはどうしたらよいのでしょうか?

  • ソース内で文字を検索する事は出来ないのでしょうか?

    スレイプニルで右クリック→検証で 開発ツールを立ち上げた時に ソース内で文字を検索する事は出来ないのでしょうか? ソース部分をクリックしてctrl+Fを押しても何も起こりません。

  • ソースの表示ができないんです

    私は今、ホームページを作ろうとしているのですが、 テンプレートのソースを無料で配布されているサイトで、 右クリック→ソースの表示をして、もらっていこうとするのですが クリックしても反応がないのです。 ちゃんと右クリックのメニューにはソースの表示、と出て、 クリックもできるのですが、押してもステータスバーに 「このページのソースを表示します」とでるだけで、 ノートパッドが起動しません。 以前、同じサイトでソースを配布していただいたときには うまくいっていたのですが、今はそこにかぎらず どこのサイトでソースを表示しようとしても、全くダメなんです。 どうしたらいいでしょうか。教えてください・・・。 ちなみに、ウィンドウズME,IE5.5です。