• ベストアンサー

Fierfoxでスタイルシートの切り替え

お世話になります。 Fierfoxについての質問です。 Fierfoxで[表示]→[スタイルシート]で次の選択項目  [スタイルシートを使用しない]  [標準スタイルシート] が有ります。 この「スタイルシート使用する・しない」の切替えのショートカットキーはありませんか? よろしくお願い致します。

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

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

Web Developer をインストールすればCtrlキーとShiftキーを押しながら S を押せばスタイルシート有効無効を切り替えできます。Ctrl + Shift + S が嫌なら、Altキー押して A を押して Web Developer の設定開いて変更可。 以下はWeb Developer を使わない方法。 ・ http://www.goo.ne.jp/ ←このページをブックマークする。 ・bookmarks menu の「organize bookmarks」(日本語版Firefoxだと「ブックマークの管理」という名称?)を開く。 ・ http://www.goo.ne.jp/ という文字列を以下の文字列に変更する。 javascript:function%20tC(v,nf){if(document.getElementsByTagName('link')){links=document.getElementsByTagName('link');for(i=0;i<links.length;i++){link=links[i];if(link.href.indexOf('css')>=0|link.href.indexOf('CSS')>=0|link.type=='text/css'){link.disabled=v;}}}if(document.getElementsByTagName('style')){styles=document.getElementsByTagName('style');for(j=0;j<styles.length;j++){style=styles[j];style.disabled=v;}}document.getElementsByTagName('head')[0].id=nf;}if(document.getElementById('cssOFF')){tC(false,'cssON');}else{tC(true,'cssOFF');} ・「more」(日本語版Firefoxだと「もっと」?)をクリック。 ・「keyword」に任意の短めの文字列を入力する。たとえば「s」など。 ・スタイルシートを殺したいページを開き、Ctrlキー押しながら L を押す(またはAlt + D)。 ・ロケーションバーにフォーカスが当たっていることを確認し、先ほどの短めの文字列「s」を入力し、Enterキーを押してスタイルシートを無効にする。 スタイルシートを有効に戻すには同じように「s」をロケーションバーにタイプしてEnter。

cosmopapa
質問者

お礼

回答ありがとうございます。 わー!すごい、すごい!できた、できた! 両方ともやってみました。感激です!ありがとうございました! ・Web Developerを使う方 fierfoxにインストールして Ctrl + Shift + S でできました。 ・Web Developerを使わない方 (1) 任意の作業用サイトをブックマークに登録 (2) [ブックマーク]→[ブックマークの管理]→作業用サイトを選択   →[名前(N)]欄を[style切替え]に変更    [URL(L)]欄を[javascript:……]に変更   →ブックマークの管理を閉じる これで任意のサイトで[ブックマーク]にある[style切替え]をクリックすると、 そのサイトのスタイルシートが切り替わるようになりました。 小さい字が読みづらい老眼のおじさんには大変ありがたいものです。 本当にどうもありがとうございました。

その他の回答 (3)

  • neddoheny
  • ベストアンサー率60% (921/1528)
回答No.3

操作手順、表現を訂正します。 *スタイルシートを使用しない場合、 『Altキーを押しながらVキーを押す』→『Yキー』→『Nキー』 *標準スタイルシートに戻す場合、 『Altキーを押しながらVキーを押す』→『Yキー』→『Bキー』

cosmopapa
質問者

お礼

回答ありがとうございます。 アクセスキーというのを初めて知りました。 当面はこれでやってみようと思っております。 ご親切にどうもありがとうございます。 しかし、できたら簡単なショートカットキーが欲しいです。

  • neddoheny
  • ベストアンサー率60% (921/1528)
回答No.2

アクセスキーというのを覚えたらいかがですか? *スタイルシートを使用しない場合、 『Altキー+Vキーを同時押し』→『Yキー』→『Nキー』 *標準スタイルシートに戻す場合、 『Altキー+Vキーを同時押し』→『Yキー』→『Bキー』 文章で書くと一見面倒くさそうですが、 数分間程度練習して、操作を覚えて身につければ 素早く一秒程度で切り替え可能になりますよ。 なにごとも、慣れ次第ですから。 まぁ、こういう方法もあるという参考に。

回答No.1

Web Developer にCSS有効と無効を切り替えるキーボードショートカットがあります。 https://addons.mozilla.org/en-US/firefox/addon/60 javascript:function%20tC(v,nf){if(document.getElementsByTagName('link')){links=document.getElementsByTagName('link');for(i=0;i<links.length;i++){link=links[i];if(link.href.indexOf('css')>=0|link.href.indexOf('CSS')>=0|link.type=='text/css'){link.disabled=v;}}}if(document.getElementsByTagName('style')){styles=document.getElementsByTagName('style');for(j=0;j<styles.length;j++){style=styles[j];style.disabled=v;}}document.getElementsByTagName('head')[0].id=nf;}if(document.getElementById('cssOFF')){tC(false,'cssON');}else{tC(true,'cssOFF');} でも、わざわざ Web Developer インストールするより、このスクリプトをブックマークしてキーワードつけて呼び出したほうが気軽。

cosmopapa
質問者

お礼

回答ありがとうございます。 回答を拝見致しましたが、私にはチンプンカンプン…。 私はブラウザにfierfoxを使っているだけのおじさんです。 目が悪いので文字を大きくしてブログ等を読んでいますが、それでも小さい字が多くて最近「スタイルシートを使わない」を選択することが多いので、ショートカットキーがあればいいなと思うようになりました。 恐れ入りますが、ショートカットキーが使えるようにする手順を詳しく書いて戴けると助かります。 javascript:以下の所の文章を、ああして…こうして…などと。 あるいは、 Web Developerをfierfoxにインストールして、こうすればいいなど。 勝手なお願いで申し訳ありませんが、よろしくお願い致します。

関連するQ&A

  • スタイルシート切替の標準化?

    スタイルシートの切替というスクリプトが色々とあるようですが、その中でもスタイルシートの切替を容易にするための標準化というか、定義を決めているサイトがあったように思うのですが、知ってる方はいらっしゃいますでしょうか? 確か、そのページの趣旨はスタイルシートの内容をあらかじめ決めておいて、スタイルシートの切替スクリプトで利用できるようにしておき、それを皆で使えるようにしよう、という感じのページだったと思います。 お心当たりがある方、いらっしゃいましたら宜しくお願いいたします。

  • 文章が画面をはみ出さないようにしたい

    お世話になります。 Fierfoxについての質問です。 ブログを読むとき[スタイルシートを使用しない]を選択して、更に大きな文字にして読むことが多いのですが、 ブログによっては時々、文章が画面をはみ出してしまう事があります。 右に左にスクロールして読むのは煩わしいのです。 [スタイルシートを使用しない]を選択した時、文章が画面をはみ出さないように表示する方法はありませんか? よろしくお願い致します。

  • スタイルシートについて

    携帯サイトを運営してる者です。 スタイルシートで 「 display:none 」 というのを使うと、携帯からは表示されるが パソコンからは非表示になります。 その逆で、パソコンからは見れるが 携帯からは見れないというスタイルシートの使い方はありませんか? スタイルシート以外での対応などは、受け付けておりません。 スタイルシートでできない場合は、できないとお教え下さい。 よろしくお願い致します。

  • サブウィンドウからのスタイルシートの切り替え

    お世話になります。カテゴリー違いであるかもしれませんがご容赦下さい。 javascriptについて勉強をし始めた所の初学者です。 ホームページビルダー14を使用してホームページを製作しています。 ページを開いたときに表示するサブウィンドウの切り替えボタン等で、閲覧して下さる方々にページの背景模様や文字色等を変更してもらえるようにメインウィンドウを操作できるようにしたいと考えています。背景や文字の要素ごとに切り替えられるセレクトメニューを設置したいのです。 具体的には、トップページを開いた時に http://www.sky.sannet.ne.jp/masapine/java_newwindow7.htmlのページのような形状のサブウィンドウが開くようにしたいと考えています。 背景模様(画像)の変更は、http://javascript.eweb-design.com/1302_bic.htmlのサイトに書かれているようなchBgImgで切り替える方法を取りたいと思っています。 文字色やリンク色はhttp://www.tagindex.com/javascript/page/color1.htmlのようなdocument.fgColorで切り替え、 その他の変更点等は、http://allabout.co.jp/gm/gc/23930/4/のようにスタイルシートで切り替える形を取りたく、これら3つのソースで設置したセレクトメニューをサブウィンドウに設置してメインウィンドウを切り替えるソースを教えて頂きたいと思うのです。つまり、個々の設置したいソースの内容には辿りついたのですが、それらをサブウィンドウから操作するソースが分からないという事なんです…。 背景模様の切り替えのセレクトメニューの表示には文字の代わりに画像を表示させたく、その際、セレクトメニューの各項目をマウスポイントした時に、画像表示が拡大表示される…というようなそのような事が可能であれば、そのソースも合わせてお教えいただきたく思います…。説明が下手でお恥ずかしい限りです…。 アドバイスを下さる方がいらっしゃいましたらよろしくお願い致します。

  • スタイルシートについて

    スタイルシートで色々変えていたら ちゃんと表示されなくなってしまったので どこがダメなのか教えて頂けないでしょうか?('';) 左側の項目(?)と日記(テスト)の本文が左右に並んで表示されるようにしたいのですが・・・。 現在ですと最大画面にしていたら大丈夫なのに、 window(窓)の画面が小さく表示すると、右にあった日記の本文が左側の項目の下に表示されてしまうんですが。

  • VBA シートの切り替えができないようにするには

    こんにちは。いつもこちらでお世話になっています。 現在、VBAでフォームを利用したマクロを組んでいます。 あるボタンを押したときにマクロが実行された後、終了ボタンを押すまでの間はアクティブシートを移動してほしくない場合、シートの切り替えができないように制御したいのですが、ワークシートに直接イベントとして記述したくない場合はどうしたら良いでしょう? いっそのこと、ウインドウからシート選択ができないように画面を操作すれば良いのでしょうか? その方法はどうやって記述すればいいのでしょうか? それとも、シート切り替えのイベントをフォームで感知することができるのでしょうか? 困っています、、どなたか助けてください。 ウィンドウからシート選択ができないようにする方法だけでも結構です。 よろしくお願いします。

  • スタイルシートが表示されません!

    私は今回初めてHP作りに挑戦しています。それで、スタイルシートとメモ帳を使って必死にHPを作ったのです。 そして、yahooのyahoo!ジオシティーズにてそのメモ帳の内容を貼り付けたのですが、文だけ表示されて、スタイルシートが表示されないのです(;´Д`A メモ帳で作った(スタイルシート使用)ものをyahooでうまく表示させるにはどうしたらよいでしょうか? また、他に方法があるのでしょうか?? 分かりにくくてごめんなさい><; お願いします。

  • Fetchをスタイルシートを送っても認識されません

    MacG4を使用しています。 FetchというFTPソフトを使って、作成したスタイルシート(*****.css)を 送っているのですが認識されません。 txtというフォルダを使って外部ファイルでリンクさせています。 ローカルではきちんとリンクされ、ブラウザでも きちんと表示されているのでファイル構成はあっていると思います。 アップロードすると表示されず スタイルシートが認識されていないようなのです。 「自動判定」「テキスト」「バイナリ」選択では「テキスト」を選択して アップロードしました。 どなたかわかる方がいらしたら教えてください! お願いします。

  • スタイルシートについて

    HPの画面にテーブルを3つ配置することを考えています。 (1)(3) ←数字がそれぞれテーブルの位置関係を示ています (2)(3)   ((3)は一つのテーブルです。) 最初は(1)(3)のテーブルを横につなげることを考えましたが (1)(3)の縦の長さが違うデザインのためできませんでした。 横につなげると、テーブルの縦の長さが長いほうに そろってしまうのです。 そこでスタイルシートを使用すればできるのではないかと 思い、(3)をmarginでTOPを10ptにしたのですが そうすると(2)のテーブルの真下にきてしまいました。 スタイルシートを使用してもしなくてもいいので 方法を教えて下さい。よろしくお願い致します。

    • ベストアンサー
    • HTML
  • movabletypeのスタイルシート(テンプレート)について質問です。

    はじめから標準のスタイルシートでは、ホームページの左に記事が 右に検索窓、カテゴリー、アーカイブ、最近のエントリーなどがきちんと表示されているのですが スタイルキャッチャーやネット上で見つけたテンプレート等を使用すると(スタイルシートを書き換えると)左右に分かれずに表示されます。 一番上に記事、その下に検索窓、カテゴリー、アーカイブといった感じです。 左右に表示させたいのですが、何が原因かわかる方がおられましたらお教えくださいませ。

専門家に質問してみよう