Javascript 如何使用twig检测屏幕大小或移动/桌面
我目前正在使用twig作为我的模板引擎,我想在使用mobile vs desktop加载站点时加载图像的不同url。有没有一个简单的方法可以做到这一点 所以我想这样做:Javascript 如何使用twig检测屏幕大小或移动/桌面,javascript,html,css,symfony,twig,Javascript,Html,Css,Symfony,Twig,我目前正在使用twig作为我的模板引擎,我想在使用mobile vs desktop加载站点时加载图像的不同url。有没有一个简单的方法可以做到这一点 所以我想这样做: {% if (mobile) %} <img src="{{ picture.getLowresimageurl() }}"/> {% else %} <img src="{{ picture.getMedresimageurl() }}"/> {% endif %} {%if(移动)%}
{% if (mobile) %}
<img src="{{ picture.getLowresimageurl() }}"/>
{% else %}
<img src="{{ picture.getMedresimageurl() }}"/>
{% endif %}
{%if(移动)%}
{%else%}
{%endif%}
有办法做到这一点吗?您可以使用它来检测移动设备、管理移动视图并重定向到移动和平板电脑版本
细枝助手
{% if is_mobile() %}
{% if is_tablet() %}
{% if is_device('iphone') %} # magic methods is[...]
树枝示例
{% if is_mobile_view() %}
{% extends "MyBundle:Layout:mobile.html.twig" %}
{% else if is_tablet_view() %}
{% extends "MyBundle:Layout:tablet.html.twig" %}
{% else if is_full_view() or is_not_mobile_view() %}
{% extends "MyBundle:Layout:full.html.twig" %}
{% endif %}