web-dev-qa-db-ja.com

訪問者にJavaScriptをアクティブにするように伝えるにはどうすればよいですか?

WebサイトがJavaScriptを多用していることをWebサイトの訪問者にどのように伝える必要がありますか?

26
powtac

ユーザーがJavaScriptを意図的に無効にした場合、それはおそらく「JavaScriptを頻繁に使用する」サイトを明示的に避けたいためであり、したがって、そのようなステートメントの印象が悪いでしょう。彼らに何が欠けているかを説明することは、彼らに変化を説得する最良の方法です。

欠落しているものを明確に示します。 Javascriptを使用してほしいという正当な理由がある場合があります。

サイトがJSで少し見栄えが良い場合は、そのことを伝えます。サイトのフォームがJavaScriptなしでは機能しない/検証できない場合は、そのことを伝えてください。 重要なことは何でも伝えてください。 JavaScriptを使用することを示す一般的なメッセージは、ほとんどのユーザーにJavascriptを有効にするよう説得するのにはほとんど効果がありません。

58
Ben Brocka

noscriptタグを使用します。

<noscript>
    <div class="error message">
        We're sorry but our site <strong>requires</strong> JavaScript.
    </div>    
</noscript>

または、このサイトのようにJavaScriptを有効にした場合に最もよく機能すると言っているだけの場合もあります。

14
Bill Criswell

特定のJavaScript機能を確認したい場合は、 Modernizr のようなライブラリを使用できます。 JavaScriptのチェックに使用できますが、単純なチェックではやり過ぎになる場合があります。

速い解決策は<noscript> 鬼ごっこ。

4
Benedikt Olek

Modernizr は、古いブラウザーをサポートするために最善を尽くしたい場合に適していますが、JavaScriptが完全に無効になっている場合は、必ずしも多くのことを行うとは限りません。

以前は、<noscript>タグと外部リソースへのリンクを含む便利なメッセージの組み合わせを使用して、物事を再度有効にするのに役立ちました(方法がわからない新しいコンピューターユーザーの場合)それ)。私は、それをWebサイトの上部にある明るいオレンジ色のバーとして設定しました(サイトのStack Exchangeネットワークが行う方法と同様)。

example image

ユーザーの注意を引くために、オレンジ色の背景にニースの大きなフォントで表示されます。リンクをクリックすると 便利なページ が表示され、ブラウザが検出され、JavaScriptを再度有効にするための適切な手順(画像付き)が表示されます。

もちろん、JavaScriptをメッセージの一部として有効にするとユーザーエクスペリエンスが向上する理由に関する実際的な理由をいつでも含めることができますが、私の目的ではアプリケーションはそれなしでは機能せず、単に必要だと言っています。

1
raffi