Shopify页面经JavaScript重定向后循环刷新问题排查求助

站内重定向循环、跳转外站正常的现象是典型的逻辑缺失+站点机制共同导致的：

• 你的设备检测+重定向脚本是全局注入到Shopify所有页面的：重定向到站内galaxy-a40页面时，目标页会完整加载你埋的全局脚本，再次执行设备检测，满足判断条件就会再次触发重定向。跳转外部站点时，外站没有你部署的这段检测脚本，自然不会出现重复触发问题。
• 绝大多数Shopify 2.0主题默认开启Turbo（原Turbolinks）软加载机制，页面不会做全量刷新，全局脚本会在每次软导航时重复执行；如果检测回调没有做防重入处理，就算跳转的是同一个地址，也会被软导航事件重复触发重定向。
• 你当前的测试判断逻辑是「识别到桌面设备就跳转galaxy-a40页」，完全没有做当前路径校验，等于只要在站内任何页面识别到桌面端都会触发跳转，到了目标页依然满足判断条件，直接进入重定向循环。

• 打开DevTools切换到Network面板，勾选面板上的Preserve log（保留日志）选项，复现重复加载问题，查看每一次页面导航请求的Initiator（触发源）列，就能直接看到是不是你的deviceAPIcallback函数触发的跳转，以及每次触发时的页面上下文。
• 切换到Sources面板，找到给window.location.href赋值的重定向逻辑行，点击行号打行断点，再次触发重复加载时断点会命中，此时看右侧Call Stack（调用栈）就能确认每次重定向的触发链路，同时对照地址栏路径，就能确认触发重定向时你是不是已经处于目标galaxy-a40页面。
• 切换到Console面板，在重定向循环过程中输入window.location.pathname回车，确认当前页面路径，也能快速验证是不是目标页重复触发了跳转逻辑。

在原有逻辑里加两层拦截：一是判断当前页面是不是已经在对应设备的落地页，是的话直接终止逻辑；二是加会话级防重标记，避免软加载场景下重复触发。修复后的核心代码参考：

function deviceAPIcallback(result){
    // 已经触发过跳转直接终止，从根源避免循环
    if(sessionStorage.getItem('device_redirected') === '1') return;
    
    // 维护设备型号和对应落地页的映射表，后续替换成真实的设备匹配规则即可
    const devicePageMap = {
        "desktop": "/pages/galaxy-a40",
        // 后续可追加其他设备映射，例："GALAXY A40": "/pages/galaxy-a40"
    };
    const targetPath = devicePageMap[result.deviceName];
    // 没有匹配到对应落地页直接终止，不执行跳转
    if(!targetPath) return;
    // 当前已经在目标页直接终止，不执行跳转
    if(window.location.pathname === targetPath) return;

    // 写入会话标记，当前访问会话内不再重复触发跳转
    sessionStorage.setItem('device_redirected', '1');
    // 用相对路径跳转即可，不需要写全域名，适配后续自定义域名/域名调整场景
    window.location.href = targetPath;
}

如果你的主题开启了Turbo软加载，记得把设备检测脚本的执行绑定到Turbo渲染完成事件上，不要直接在全局上下文里重复调用检测接口。

内容的提问来源于stack exchange，提问作者user3389712