TYPO3-使用流体检测浏览器大小?

时间:2019-03-08 09:05:05

标签: twitter-bootstrap bootstrap-4 typo3 typoscript fluid

我在TYPO3 FLUID模板中搜索浏览器大小的解决方案。
我需要针对不同浏览器大小(移动设备和台式机)使用条件if/else,然后才能为移动设备和桌面加载不同的模板。
当时我将Bootstrap4用于Switch,但是在网站上我有重复的代码。
更好的解决方案是在TYPO3流体模板中使用“浏览器大小”开关。

2 个答案:

答案 0 :(得分:4)

包含PHP的Fluid没有访问方法来检测浏览器。您至少可以访问用户代理,它可能会提示您用户正在使用哪种设备。要检测可以随时更改的实际浏览器大小,只能使用CSS或Javascript。

要使TYPO3 / FLUID模板可以访问浏览器的大小,您可以使用Javascript将浏览器的大小存储在cookie中。在PHP中,您可以使用$_COOKIE读取该cookie,该cookie可以传递给您的Fluid模板。

答案 1 :(得分:2)

但是请注意,如果使用Paul Beck概述的cookie方法,则在缓存插件时必须注意适当的缓存。因此,您必须根据Cookie值添加缓存标签。