检测用户代理jekyll

Question

我想为jekyll呈现不同的桌面和移动html。我需要这样的东西：

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

很显然，我可以只使用JavaScript在浏览器中，以确定这一点，但我不希望渲染手机额外的HTML。

也许我可以创建一个jekyll插件并注册液体标签，但是如何才能访问用户代理？无论如何，我可以访问HTTP请求参数吗？

Answer 1

由于您使用的是Jekyll，我猜你没有使用后端，这通常是你如何处理用户代理。

也许你最好的办法是使用简单的Javascript访问navigator.userAgent变量。

此处了解详情：Getting the User Agent with JavaScript

Answer 2

在你的布局，你可以使用：

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

那么你应该让JS决定显示哪一个，因为液体具有对用户代理的访问权限。