2016-04-06 15 views
2

Masaüstü ve mobil cihazlar için farklı html jekyll üzerinde işlem yapmak istiyorum.Kullanıcı aracısını tespit et jekyll

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

Açıkçası sadece bu belirlemek için tarayıcıda javascript kullanabilirsiniz ama cep için ekstra html işlemek istemiyorum: gibi bir şey gerekir.

Belki bir jekyll eklentisi oluşturabilir ve sıvı etiketini kaydedebilirim ancak kullanıcı aracısına nasıl erişebilirim? Zaten HTTP istek parametrelerine erişebilir miyim?

+0

Jekyll bir statik site oluşturucusudur - böylece kullanıcı yalnızca oluşturulan sayfaları FrontMatter veya sıvı şablon içermez veya sadece sunulan çıktıyı görür. Bunun için daha önce cevaplamış birisi olarak JavaScript kullanmalısınız. – michaPau

cevap

0

Jekyll kullandığınızdan, tipik olarak Kullanıcı Aracısı'nı nasıl işleyeceğiniz bir arka uçla çalışmıyor olduğunuzu tahmin ediyorum.

Belki de en iyi yaklaşımınız sade eski Javascript kullanarak navigator.userAgent değişkenine erişmektir. Burada

diğer bilgiler: En düzende Getting the User Agent with JavaScript

0

şunu kullanabilirsiniz: Sıvı kullanıcı aracısı erişimi yok olarak

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

Sonra, js göstermek için hangisinin karar vermesine izin vermelidir.