如何移除TYPO3加载蓝页?新手访问/切换导航时遇此问题
解决TYPO3页面切换时出现蓝色加载页的问题
刚接触TYPO3就完成首个页面,遇到这个蓝色加载过渡页确实挺影响前端体验的,我来给你分享几种常见的解决办法:
方法一:禁用TYPO3默认页面加载器
这个蓝色加载页是TYPO3自带的页面过渡效果,你可以通过TypoScript来快速关闭它:
- 进入后端的「模板」模块,找到你的根模板,切换到「Setup」标签页;
- 在代码编辑区添加这段配置:
page.config.disablePageTransition = 1 - 保存模板后,点击顶部的「清除缓存」按钮选择「全部清除」,再刷新前端页面就能看到效果了。
方法二:排查第三方模板/扩展的自定义加载效果
如果你使用了第三方模板(比如Bootstrap Package这类常用模板)或者相关扩展,有些会自带加载动画:
- 先去模板的后台设置面板看看,是否有「禁用页面加载动画」这类开关选项,有的话直接勾选关闭;
- 如果没有开关,就查看模板的前端代码,查找是否有类似
typo3-page-loader的CSS类,或者相关的JS加载逻辑,直接删除对应的代码,或者给加载器元素添加display: none !important;的样式来隐藏它。
方法三:检查自定义模板的资源引入
如果你是手动编写的前端模板,可能不小心引入了TYPO3默认的加载资源:
- 检查模板里的JS引入代码,是否包含了
PageLoader.js这类系统自带的加载脚本,若有的话移除对应的引入语句即可。
内容的提问来源于stack exchange,提问作者blackplan
相关产品推荐
相关产品推荐

