2016-04-06 3 views
2

私はジキルのデスクトップとモバイルで異なるHTMLをレンダリングしたいと思います。ユーザエージェントのジキールを検出する

{% if is_mobile %} 
    <!-- mobile html --> 
{% else %} 
    <!-- desktop html --> 
(% endif %} 

はもちろん、私はちょうどこれを決定するために、ブラウザでJavaScriptを使用することができますが、私は携帯電話のための余分なHTMLをレンダリングしたくない:私はのようなものを必要としています。

おそらく私はjekyllプラグインを作成して液体タグを登録することができましたが、どのようにユーザーエージェントにアクセスできますか?とにかく私はHTTPリクエストパラメータにアクセスできますか?

+0

ジキルはスタティックサイトジェネレーターなので、ユーザーは生成されたページだけにFrontMatterや液体テンプレートなどは表示されません。誰かがすでに以下で答えているので、JavaScriptを使用する必要があります。 – michaPau

答えて

0

あなたはJekyllを使用しているので、通常、User-Agentの処理方法であるバックエンドで作業していないと思います。

恐らく、あなたの最善のアプローチは、普通の古いJavascriptを使ってnavigator.userAgent変数にアクセスすることです。ここ

さらに詳しい情報:あなたが使用することができます。レイアウトでGetting the User Agent with JavaScript

0

<div class="mobile">{% include mobile.html %}</div> 
<div class="desktop">{% include desktop.html %}</div> 

次に、あなたは、JSは、液体は、ユーザーエージェントへのアクセス何を持っていないとして表示するかを決定させなければなりません。

関連する問題