CSSファイル名に?が含まれていてサイトをローカルで表示できない
- CSSファイル名に?が含まれているため、ローカルでのサイト表示ができません。
- SNSの仕様変更により、CSSファイルの呼び出し方法が変わりました。
- ソースを手動で書き換える以外に、解決策はありませんか？
- ベストアンサー
cssのファイル名に?が含まれていてサイトをローカルで表示できない。
とあるSNSの自分の記事を、丸ごと保存してバックアップを取っているのですが、そのSNSの仕様変更に伴って、スタイルシートの呼び出し方法が ＜link rel="stylesheet" href="/****.css?200609152017" type="text/css"/＞ と、?を含んだものになってしまいました。 今まではローカルにも****.cssを保存しておけば表示されたのですが、ファイル名に?が含まれているため、これだとcssも保存できませんし、呼び出すこともできません。 ファイルの量が膨大なので、できればソースを手動で書き換える以外の方法をと思っているのですが、どなたか解決策をご存知の方はおられますでしょうか。 なお、ブラウザの「名前を付けて保存」で保存するとソースが勝手に書き換えられるようで表示されるようになるのですが、今回はダウンロードツールを使っているので、その方法は無しということでお願いします。 何か情報に不足がありましたら補足要求ください。 かなり困っているので、どうぞよろしくお願いします。
- delirium
- お礼率92% (677/730)
- HTML
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
試してないですけど、↓なら取り込めるかも知れません。 http://www.httrack.com/page/2/en/index.html 参考： ↓で全文置換出来ます。 http://www.vector.co.jp/soft/win95/util/se162621.html
その他の回答 (1)
まず環境を明記する事。 それによって手法が異なる。 殆どの場合がマルチファイルの文章置き換え機能によって実現する事になる。 環境によってその置き換えは、シェルでできるのかツールによって可能なのかが変る。 因みに私の場合はシェル(bash)で該当部分を置き換える。
お礼
ありがとうございました。解決しました。
関連するQ&A
- 外部ファイルを読み込んだhtmlをinclude
外部ファイルを読み込んだhtmlをincludeしたいです。 ディレクトリの階層は、 index.php style.css /pic/picture.html /pic/css/style1.css /pic/css/style2.css : /pic/css/style13.css /pic/js/jquery1.js /pic/js/jquery2.js : /pic/js/jquery15.js : （画像などが他にもいっぱい） となっています。 ----- picture.html内には <link rel="stylesheet" type="text/css" href="css/style1.css"> <link rel="stylesheet" type="text/css" href="css/style2.css"> : <link rel="stylesheet" type="text/css" href="css/style13.css"> <link rel="stylesheet" type="text/css" href="js/jquery1.js"> <link rel="stylesheet" type="text/css" href="js/jquery2.js"> : <link rel="stylesheet" type="text/css" href="js/jquery15.js"> : と書かれています。 ---- このときindex.phpのbody内に <?php include('./picture.html'); ?> とした場合、相対パスによる記述なのでpicture.html以外のcssやjsは適用されませんよね。 しかし/pic/内にあるすべてのpicture.htmlに関係するファイルは非常に数が多いので、これらすべてをincludeするのは厳しいです。 すべての外部ファイルを読み込んだ状態のpicture.htmlをbody内に表示したいのですが、そんなことは可能でしょうか。 どなたかご教示ください。どうかよろしくお願いします。
- ベストアンサー
- PHP
- CSS のときのヘッダの記述
<link rel="stylesheet" href="style.css" type="text/css" /> の link rel = の ●「 rel 」って何の省略なのでしょうか？ また、 ●href は Hyper link REFerence の略でしょうか？
- ベストアンサー
- HTML
- インラインフレーム内のcssを親フレームに適用する
インラインフレーム（子ウィンドウ）に表示されているページ（同一ドメイン上のページです）で読み込まれているcssを、ページ読み込み時に親ウィンドウ側でも読み込みたいと思っています。 内容としては 親ウィンドウ側css呼び出し部分 <link rel="stylesheet" type="text/css" href="test.css"> <link rel="stylesheet" type="text/css" href="test1.css"> 子ウィンドウ側css呼び出し部分 <link rel="stylesheet" type="text/css" href="test.css"> <link rel="stylesheet" type="text/css" href="test2.css"> となっているソースをページ呼び出し時に 親ウィンドウ側css呼び出し部分 <link rel="stylesheet" type="text/css" href="test.css"> <link rel="stylesheet" type="text/css" href="test2.css"> 子ウィンドウ側css呼び出し部分 <link rel="stylesheet" type="text/css" href="test.css"> <link rel="stylesheet" type="text/css" href="test2.css"> のように共通していないcssを子ウィンドウ側に合わせて変更したいのです。 子ウィンドウ内のページのソースは訳があって編集する事が出来ないので、親ウィンドウ側で子ウィンドウ内の <link rel="stylesheet" type="text/css" href="test2.css"> の href の値を読みこみ、親ウィンドウ側の href の値を置き換えるといった方法では無いかと思うのですが、具体的にどうすればよいのか分かりません。 どなたかご存知の方、ご教授ください。 よろしくお願いいたします。 また、ブラウザはIE6～8と、Firefoxを想定しています。
- ベストアンサー
- JavaScript
- 外部CSSを適用させるための正しいソースコードの書き方
dreamweaverCS4のバグではないかと思うのですが、外部スタイルシート（test.css）を作成し、それをHTMLファイル（test.html）へ適用させたいのですが、ファイルの階層が同じなので、以下のようにソースコードを書くのが正解だと思いますが、 <link href="test.css" rel="stylesheet" type="text/css"> 以下のように、「../test.css」と「..」が付いても適用される場合があります。 <link href="../test.css" rel="stylesheet" type="text/css"> 逆に「..」が付く方が正解で、付かない方が間違っているのでしょうか？ どっちが正しいのでしょうか？ そもそも「..」とは何でしょうか？ すみません、根本的なところからわかっていません。 よろしくお願いします。
- ベストアンサー
- HTML
- NNだけCSSのリンクが切れる?!
<link href="common/top.css" rel="stylesheet" type="text/css"> 上記のようなソースで外部ファイルにリンクしてるのですが、 サーバにあげたときだけNNで見るとCSSが適用されません。（IEでは表示されます） ローカルでみれば、IEでもNNでも問題なく表示されるし、 外部ファイルをやめて、HTML内にCSSを記述すればサーバにあげても表示されます。 サーバ側に原因があるのか、ソースコードで解決できるのか どなたかこの現象の解決方法を教えて下さい！！
- 締切済み
- HTML
- widthでcss,js切換可能でしょうか。
【Web製作】widthでcssやjavascriptを切換えたいです。 マルチデバイス対応のWebSiteを製作しようと思うのですが、 widthによって、cssやjavascriptを切り替えたいのですがどのようにすれば良いでしょうか。 横幅が【959px以下】の場合は【style-1.css】と【base1.js】 横幅が【960px以上】の場合は【style-2.css】と【base2.js】を適応させたいです。 htmlに <link href="style-1.css" rel="stylesheet" type="text/css" media="only screen and (max-width: 959px)"> <link href="style-2.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 960px)"> <link href="style-1.css" rel="stylesheet" type="text/css" media="only screen and (max-device-width: 959px)"> <link href="style-1.css" rel="stylesheet" type="text/css" media="only screen and (orientation: portrait) "> <link href="style-2.css" rel="stylesheet" type="text/css" media="only screen and (orientation: landscape) "> と記述してもうまく動作しません。(確認は【PC】【iPhone】【iPad】です。) 私の解釈ですと、 1.<link href="style-1.css" rel="stylesheet" type="text/css" media="only screen and (max-width: 959px)"> ↑PCの場合、ウィンドウサイズが959px以下の場合【style-1.css】 2.<link href="style-2.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 960px)"> ↑PCの場合、ウィンドウサイズが960px以上の場合【style-2.css】 3.<link href="style-1.css" rel="stylesheet" type="text/css" media="only screen and (max-device-width: 959px)"> ↑PC以外で、画面表示サイズが最大959px以下のデバイスの場合【style-1.css】 4.<link href="style-1.css" rel="stylesheet" type="text/css" media="only screen and (orientation: portrait) "> ↑PC以外で、画面表示サイズが最大959px以下ではないデバイスのポートレートモードの場合【style-1.css】 5.<link href="style-2.css" rel="stylesheet" type="text/css" media="only screen and (orientation: landscape) "> ↑PC以外で、画面表示サイズが最大959px以下ではないデバイスのランドスケープモードの場合【style-2.css】 と、解釈し指定しているのですがうまく動作しません。 そしてもう一つなのですが、 widthやポートレートモード、ランドスケープモードを判別しjsを切り替える事は可能でしょうか。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- CSSを外部ファイル
CSSを外部ファイルで作成して <link rel="stylesheet" href="○○○.css" type="text/css">で参照したいのですが外部ファイルは H1{color : #000000;} を反映させたいときこれだけ書けばいいのでしょうか。サイトの説明を読んでもよくわかりません。
- ベストアンサー
- その他([技術者向] コンピューター)
- 他のローカルサイトからの読み込みが遅い
apacheを使ってローカルサーバーを確立し、共通ファイルを他のローカルサイトから読み込んでみました。が、chromeのwaitが異常に時間がかかります。CSSファイルはまだ2行しか書き込んでいません。ちなみに、Web上にあるサーバーから同じファイルを読み込むとwaitは発生せず、一瞬で読み込まれます。 またサーバーを介さずにローカルファイルの読み込みをしてみましたが、Not allowed to load local resourceとなります。 ちなみに以下のようにして読み込んでいます。 <link rel="stylesheet" type="text/css" href="http://localhost.サイト名/scripts/css/style.css" media="screen, projection, tv" /> 共有ファイルを読み込む場合、皆さんはどのようにして、読み込んでいますか？この読み込み方で速くなりますでしょうか？
- 締切済み
- HTML
- CSSでの外部ファイル
こんばんは、いつもお世話になってます HPでの画像の無断転載対策として、CSSで外部ファイルを作り、 そこから呼び出すようにするという方法があることを知りました。 その場合のタグは<link rel="stylesheet" type="text/css" href="./●●.css"> でいいんですよね？ そこで質問なのですがCSSファイルを作るのはメモ帳などでと聞きましたが、その時のタグが↓だとすると table.gazou{ background-image:url("●●.jpg"); background-repeat: no-repeat;} これだけ記述すればいいのでしょうか？ そしてファイル名．CSSの名前で保存するのでしょうか？ そして最後にこのCSSファイルのソースを見られないようにするには、.htaccessなどを使えば大丈夫でしょうか？ すごくまとまってない質問でわかりにくいかもしれませんが回答お願いします；
- ベストアンサー
- ホームページ作成ソフト
- 一部のページにデフォルトCSSを読み込ませない方法
一部ページにCSSを読み込ませない方法がありましたら、 ご教授ください。 例えば、 全ページに以下のCSSを共通で読み込ませてあります。 <link rel="stylesheet" type="text/css" media="screen" href="css/common.css" /> <link rel="stylesheet" type="text/css" media="screen" href="css/index.css" /> しかし、test.htmlだけ <link rel="stylesheet" type="text/css" media="screen" href="css/index.css" /> を読み込ませたくありません。 つまり、 <link rel="stylesheet" type="text/css" media="screen" href="css/common.css" /> は通常通り読み込んで、 <link rel="stylesheet" type="text/css" media="screen" href="css/index.css" />のみを 除外したいです。 * 共通のCSSは外すことはできません。 * また、CSSを新たに追加することもできません。 * head内にスクリプトを記述することができますが、スクリプトの記述で解決できますでしょうか。 自分で検索もしてみたのですが、答えに辿りつけません。 どのような方法がありますでしょうか。 何か方法がありましたら、ご教授ください。 よろしくお願いいたします。
- 締切済み
- CSS
お礼
ありがとうございました。全文置換で解決しました。