为什么在我的 Django 模板中没有启用移动检测？

Question

我正在使用 Django 和 Python 3.7。我想在移动浏览器上显示一些稍微不同的表格数据，所以我将表格视图模板格式化如下：

{% if request.user_agent.is_mobile %}
    <td align="center"><a href="{{ articlestat.article.mobile_path }}" target="_blank">{{ articlestat.hits|floatformat:"0" }}</a></td>
{% else %}
    <td align="center"><h2><a href="{{ articlestat.article.path }}" target="_blank">{{ articlestat.hits|floatformat:"0" }}</a></h2></td>
{% endif %}

但是，在部署并重新启动我的服务器后，在移动浏览器上查看它仍然会显示非移动分支。我还需要做些什么来激活移动检测吗？我的手机是 Android LG，如果需要，可以在 Chrome 浏览器上查看。

编辑：我正在使用“django-user-agents”扩展程序，在这里可以找到——https://github.com/selwin/django-user_agents。事实上，我对任何可以准确检测移动浏览器的解决方案持开放态度，这恰好是 Google 上出现的第一个解决方案。

Answer 1

你试过Template Filters吗？您可以通过执行以下操作来使用它们：

{% load user_agents %}

{% if request|is_mobile %}
    Mobile device stuff...
{% endif %}

否则，您应该尝试在模板中输入 {{ request|is_mobile }} 并查看它的输出。

您的另一个选择是使用 CSS 来定位 divs，并根据屏幕大小隐藏/显示它们。这并不准确，但它是高度可定制的。示例：

html

<td class="td-desktop" align="center"><h2><a href="{{ articlestat.article.path }}" target="_blank">{{ articlestat.hits|floatformat:"0" }}</a></h2></td>
<td class="td-mobile" align="center"><a href="{{ articlestat.article.mobile_path }}" target="_blank">{{ articlestat.hits|floatformat:"0" }}</a></td>

css

.td-mobile {
    display: none;
}
@media (max-width:768px)  {
    .td-desktop {
        display: none;
    }
    .td-mobile {
        display: block;
    }
}