- ベストアンサー
firefoxを使用して htmlのcssを見る方法を教えてください。
初めて投稿します。 よろしくお願いします。 独学にて htmlを勉強しています。 まだまだ未熟ですががんばっています。 以前友達のお家で 見せてもらったのですが・・・firefoxの画面より、hp の css を表示しており 大変わかりやすく 勉強するにはいいなぁ~と思いました。 このようなことは してはいけない事なのか??? まったくわかりませんが・・ 私のパソコンでも そのような画面が見られたらと思い 投稿しました。 こんな事を投稿してもいいのかと悩みましたが ご指摘よろしくお願いします。
- kinako4gou
- お礼率87% (27/31)
- HTML
- 回答数3
- ありがとう数8
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
基本的に、HTMLもCSSも、隠すほどのものではなくというか、そもそも隠すべきではないものなのですから、自由に見て勉強してください。覗き見というレベルではまったくありません。だってどちらもテキストデータで、それを読んでブラウザが解釈しているわけですから、ブラウザに読めるということ=誰の目にも見える。 HTMLやCSS、JavaScriptのルールは自由に使えるように公開されているのに、それで書かれた物を見たり、利用したら困るという思考そのものがないのですから・・・ 以前のfirefox1.0あたりまでは、スタイルシートを読む機能もありましたが、利用者が少ないためアドオンに任せられました。下のJSView・・・ さて、その友人が使っているアドオンは、間違いなくfire bugです。あまりにも有名で、ウェブ開発には欠かせないツールになっています。ウェブ開発者で知らない人はいないと思います。 CSSやHTMLの何がどこに適用されているか、何が継承されなにが上書きされているかや、DOMの情報もすべて把握できますし、CSSのソース部分をクリックすると、ウィンドウの該当する部分が示されます。ローカルのファイルの編集もできます。 涎をたらしたくなる話はここまでで、fire bugはこちらにあります。 Mozilla Japan - Firefox 用アドオン - Firebug https://addons.mozilla.jp/firefox/details/1843 また、外部JSは Mozilla Japan - Firefox 用アドオン - JSView https://addons.mozilla.jp/firefox/details/2076 で読み込めます。
その他の回答 (2)
- naokita
- ベストアンサー率57% (1008/1745)
裏ワザでしょうか? 単にサイトのHTMLやCSSを簡単に見たいとの事ですよね? HTML,CSSを拝見するくらいなら 別にOKです・・・ HTMLなら右クリックで「ページソース表示」 https://addons.mozilla.jp/firefox/extensions/developer_tools/ 現在ここの2ページ目のアドオン Firebug があります。 サイトのCSSが一発でわかります。
お礼
裏ワザとは・・まだまだ そこまで達しておりません。 本当に 単にcssを勉強するにあたって どんな風に設定されているのかと・・・見てみたいと思っているだけです。 こんな 事で申し訳ありません。 早速 やってみました・・ 見ることができ とってもうれしいです。 ありがとうございました。
- cipher_roy
- ベストアンサー率45% (411/894)
現在、ブラウザの最新バージョンに近いものはこういった外部ファイル (css、js、php、cgi等)を裏ワザURL入力をしても呼び出せないような セーフガード機能を付けたものに変わってきています。これを嫌って 古いバージョンのブラウザで通している人もいるようですが、サーバー側 でもこういった覗き見(悪意ある二次利用の可能性)をシャットアウト する設定をつけてきています。 検索エンジンであれこれ探すと、過去に使われた裏技はいくつも見つかり ますが、ややこしいことに巻き込まれたくないならあまり今後の使用は お勧めできません。
お礼
シャットアウトの設定があるとは 知りませんでした・・ いろいろな ご心配ありがとうございました。
関連するQ&A
- CSSの勉強に役立つFirefoxのアドオン
CSSの勉強に役立つFirefoxのアドオンを探しています。 以前、誰かがWEBページ上で、DIV枠やID、class名を表示させるFirefoxのアドオンを使っていたのですが、何というものかがわかりません。 どうか教えてください! その他、CSSの勉強に役立つアドオンがありましたらそれも教えていただけると嬉しいです。
- ベストアンサー
- HTML
- FirefoxだとCSSが利かない
はじめまして。独学でHTMLを勉強しているのですが、"test_index.html"という 名前のファイルを作成してみました。内容は以下の通りです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>TEST</title> <link href="test_style.css" rel="stylesheet" type="text/css"> </head> <body> <p class=01>TEST</p> </body> </html> CSSファイル"test_style.css"の中身に .01{color:red} とだけ書いて表示させてみましたところ、IE6とLunascapeでは問題なく赤く表示 されるのですが、Firefoxでは反映されませんでした。 低次元の質問かとは思いますが、解決策をご教示頂ければと思います。 どうぞよろしくお願いします。
- ベストアンサー
- その他(趣味・娯楽・エンターテイメント)
- Firefox タイトルを消すCSS
Firefoxでウィンドウのタイトル部分の文字列とタスクバーに表示されるタイトルテキストを非表示、または任意の文字列に変更する方法を探しています。 以前はタブ名を自動的に非表示または変更するアドオンを使っていたのですが、Firefoxのアップデートによる仕様変更でタブ名を変えてもウィンドウタイトルとタスクバーのタイトルは元の内容が表示されてしまうようになってしまいました。 以前のアドオンではもう対応のしようが無いと思うのでCSSでタスクバーとウィンドウの文字列を非表示にしようと思うのですが、自分で調べても対応するCSSがわかりません。 例えば「いかなるページを開いている時もウィンドウタイトルとタスクバーの文字列にはページタイトルは一切表示させずにFirefoxと表示させる」という内容のCSSをどうやって組めばいいかが知りたいです。 よろしくお願いします。
- ベストアンサー
- ブラウザ
- 透かしをいれるCSS
CSSを勉強していますが、分からないことがあります。 画像に透かしをいれたいと思い下記のCSSを書いたのですが、ブラウザによって表示が違います。 Firefoxでは表示できるのですが、IE8以降では表示できないのですが、何が問題なのかわかりません。 opacity: 0.8; filter: alpha(opacity=80); /* IE6、IE7対応 */ -moz-opacity: 0.8; /* Firefox1.5以前対応 */ 分かる方おられましたらお手数ですが宜しくお願いします。
- ベストアンサー
- CSS
- FirefoxでCSSが読み込めない。
HPを作成中です。IEやSleipnirでは思った通りに表示されるのですが、Firefoxではスタイルシートが読み込まれていないようです。 どの部分が悪いのでしょうか。ご教示のほどをよろしくお願いいたします。 以下冒頭部分のソースです。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <meta http-equiv="Content-Style-type" content="text/css"> <link rel="stylesheet" href="index.css" type="text/css"> <title></title> </head> <body>
- ベストアンサー
- HTML
- CSSのことで教えてください
HTML+CSSでHPを作りました。 CSSは外部フォルダに入れて、HTMLからリンクさせてます。 そして問題なく表示されるのですが、CSSの読み込みが遅いため、HPデザインがバラバラになってしまいます。(CSSを読み込まない状況となりますが、F5キーでリロードさせると解決します) この遅延を解決する方法はありませんか? 補足ですが、CSSは2KBで、HPは6KBです。そしてグーグルクロームやファイヤーフォックスでも同じ状況となります。サーバーはすこぶる快適な環境です。(レンサバ) よろしくお願いします。
- 締切済み
- HTML
- firefoxを使用してcllass要素を表示させたい。
すみません。firefoxを使用しながら ホームページのコーディングをがんばって勉強しております。 HPを画面表示をしてある状態で、"表示"の"Firebug"をクリックすると画面下左には html 右にはスタイルシート が表示されます。htmlのdiv要素やh1やul などのcssを確認したい場合にはそれぞれをクリックすると画面右に表示されるのですが・・・ <li><a href="*"><img src="img/*.gif" alt="" width="" height="" class="koko" /></a></li> の場合 class="koko" の表示がされません。このクラスには何が設定されているのかが知りたいのですが、表示させる方法はあるのでしょうか? 教えてください。よろしくお願いします。
- ベストアンサー
- HTML
- Firefoxのhtmlとcssの使い方
Firefoxの件で質問なんですが、現在htmlとcssを勉強している本に 下記のcssはIEでは表示せずFirefox 3.6以上かgoogle Chrome 2以上を使用すれば 背景表示出来ると書いてありましたので両方試した結果背景等はOKですがhtml にカーソルが出て来ませんでした。出来たら操作が慣れているIEのままでこのソースで表示をしたいのですが無理でしょうか?教えて下さい。 #header { width: 760px ; height: 150px ; ( ここから) background: #719a18 ; background: -moz-linear-gradient(top, #719a18, #2a3a09) ; background: -webkit-gradient(linear, left top, left bottom,from(#719a18),to(#2a3a09)) ; } (ここまでです。) #header_inner {padding: 20px ; } #header h1 {margin: 0; font-size: 2em; font-family: Verdana, Helvetica, sans- serif; color: #ffffff ; } #header p {margin: 0 ; margin-top: 8px ; font-size: 1em ; color: #ffffff ; }
- 締切済み
- HTML
- Firefoxをオフラインで見る方法は
ファイアーフォックスにしたのですが、ネットに繋がっていない時に以前閲覧のページを見るにはどうすれば良いでしょうか。 私の場合、回線を使えない時がしばしば有ります。 IEだと過去に繋いだHPはオフラインでもだいたい見る事が出来ました。 Firefoxだと「URLが見つかりません」というグレー画面になります。 設定はどうすれば良いのでしょうか? Firefox3.07
- ベストアンサー
- ブラウザ
- FirefoxやIE10。HPのCSSが認識されず
HPを作成しており、CSSは外部で作成しております。 IE9では、CSSでは認識されるのですが、IE10や、Firefoxでは認識されません。 ただ、全てが認識されないというのではなく、「フォントサイズ」だけが認識されていない状態です。 .11size { font-size: 11pt; } IE9だと、11サイズで表示されますが、それ以外のブラウザでは認識されていません。 記述に不備があるのでしょうか?
- ベストアンサー
- その他(インターネット・Webサービス)
お礼
早速のお返事 ありがとうございます。 Firebug をインストールしまして・・やってみましたら見ることができました。 ありがとうございました。 今は、スタイルシートを使ってでのHTMLを勉強をしていますが・・HPを見てみると まだまだスタイルシートを使っていないページも多いのですね。でも、今から勉強するのであれば、こちらで勉強したほうがいいのでしょうか? 実際 この世界は難しいですね。大変な所に 興味を持ってしまったのと、手を突っ込んでしまったと・・ちょっと後悔しつつ・・・でも勉強してみようと思います。