javascript - 非互換性のため、メッセージを含むWebサイトの読み込みを停止します

Question

HTML5とCSS3を使用して簡単なWebサイトを開発しました。Chrome以外のブラウザと互換性を持たせるのに苦労しました。「背景画像の変更」アニメーションはFirefox、IEでは機能しませんでした。Chromeでのみ機能しました。私のウェブサイトの訪問者は、クロームを持っている場合にのみウェブサイトにアクセスできるようにしたいです。そうでない場合は、警告メッセージが表示されます。そうしないと、クロームのダウンロードページが開く可能性があります。私は訪問者が他のすべてのブラウザでは実際には非常に悪いがクロムではない「それほど快適ではない」ウェブサイトを閲覧できるようにしたくありません。JavaScriptは良いのですが、私はそれについて何も知りません。あなたはここでウェブサイトをチェックすることができます：http：//aspspider.org/samarth

Answer 1

Webサイトは通常、少数ではなくほとんどのユーザーと互換性があるように開発されています。ウェブページを再設計するか、少なくともChromeのバージョンほどの機能を備えていないが、IEやFFを使用している人でも使用できる見栄えの良いウェブページを作成することを強くお勧めします。ウェブページをChromeを使用しているユーザーに限定することは非常に悪い考えです。Chromeユーザーが自分の持っているすべての機能を利用できるようにしたい場合は、他のすべてのブラウザー用に構築された別のWebサイトをバックグラウンドで作成します。次に、Chromeを使用していないユーザーがChromeページを読み込んだ場合（デフォルト）、ユーザーをセカンダリの機能の少ないWebページにリダイレクトし、セカンダリページの上部に「あなたはGoogle Chromeを使用します。このウェブページを最大限に活用するには、（これはGCのダウンロードページへのリンクです）そして代わりにそのブラウザでこのウェブページをリロード（デフォルトのスタートページへのリンク）します。 "リダイレクトスクリプトはMercaが上で提案したようになります：

<script type="text/javascript">
var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
if (!is_chrome) window.location.href = "nonchrome/IEindex.html"; // redirects to IE & FF compatible webpage
</script>

Answer 2

グーグルフレームを試してみてください。クライアントがIEブラウザになるとすぐにロードされる可能性があります。

http://www.google.com/chromeframe?prefersystemlevel=true

または、JSを使用してブラウザがChromeであるかどうかを検出します。

<script type="text/javascript">
var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
if (!is_chrome) window.location.href = "/get-chrome"; // or something...
</script>