こんにちは、誰かが助けることを願っています。到着するURLに応じて背景を変更してください
私はライブサイトと展開サイトを持ち、展開前に新しいコードをテストしますが、基本的に同じコンテンツを持っています。
- ライブ= www.myserver.com/live/index.html
- 開発= www.myserver.com/development/index.html
は(発言権を設定する方法はあります)サイトに到着するために使用されたURLに依存するCSS背景プロパティ。
私の現在のCSS =
body {
background: #eff;
/* change this to background: #ccc; if on development site */
margin:25px;
}
なぜ? まあ、間違ったサイトに新しいコードをアップロードしたりテストしたりすることがよくあります。
私が知っている大きな問題ではありませんが、テストしているサイトを視覚的に知ることができれば便利です。
ご関心をお寄せいただきありがとうございます。
今解決しました @Adam Buchanan Smith、@DekelとMr Greenからの入力をありがとう。 はI種のDekelのロジック@使用されるが、次の線に沿ってのjQueryにそれを変更:あなたの興味のためのすべての
<script>
$(document).ready(function(){
// Set background dependent upon url i.e. www.myserver.com/cab or www.myserver.com/cab2
// cab2 is the development site, cab the live site
// Also change text in div id="live" from 'Live Site' to 'Development Site' if arrives at by cab2
if (document.location.pathname.indexOf('cab2') > -1){
$('body').css({"background":"#BFFFDF"});
document.getElementById('live').innerHTML = "Development Site";
} else {
$('body').css({"background":"#efffff"});
document.getElementById('live').innerHTML = "Live Site";
}
}
</script>
私の感謝!
を使用して、単なるJavaScriptであなたのために働くことができあなたはjavascriptやサーバーが必要になりますあなたは何を好きですか? –
私は両方を持っています。私は、私はサイト上にある連絡フォームのために、両方とPHPでjavascriptを使用しています、感謝アダム。 –
'.htaccess'ファイルでcssを読み込むことができると聞きました。あなたの開発状態を保持する小さなCSSファイルを読み込み、urlをチェックすることでhtaccessを通してスタイルを決定します。私はhtml、jsまたはcssファイルでコーディングすることを推奨しません。 –