时间戳

首页 > 解决方案 > Recaptcha 阻止 chrome 后退按钮正常工作

recaptcha - Recaptcha 阻止 chrome 后退按钮正常工作

问题描述

当 recaptcha v2 在本站的任何页面上加载时，在 Chrome 中，您必须按浏览器返回按钮 3 次才能返回上一页：

https://fromhere.to/6m4sh

Firefox、Opera 和 Edge 都很好。这只发生在 Chrome 中。

在浏览器工具的网络选项卡中，单击后退按钮显示大量recaptcha 请求，但没有任何反应。第三次点击，你终于回到了上一页。

据我所知，这只是今天才开始发生的。我正在使用版本 67.0.3396.99（官方版本）（64 位）。

谁能看到发生了什么？

更新：我发现另一个使用相同主题（Rosa）的网站也有同样的问题，所以这似乎是问题所在。

标签： recaptcha

解决方案

事实证明，这与 recaptcha 和 Wordpress Rosa 主题的问题无关。

在主题的 main.js 文件中导致问题的函数：

function initVideos() {

    var videos = $('iframe, video');

    // Figure out and save aspect ratio for each video
    videos.each(function() {
        $(this).data('aspectRatio', this.width / this.height)
            // and remove the hard coded width/height
            .removeAttr('height')
            .removeAttr('width');
    });

    // Firefox Opacity Video Hack
    $('iframe').each(function(){
        var url = $(this).attr("src");
        if ( !empty(url) )
            $(this).attr("src", setQueryParameter(url, "wmode", "transparenartt"));
    });
}

该网站的任何页面上都没有视频，所以我将矛头指向“Firefox Hack”，它修改了任何带有 src 属性的 iframe 并在其末尾添加了一个拼写错误的查询参数:)。

Recaptcha 在 iframe 中加载，这可能就是为什么我总能在带有表单的页面上看到问题的原因。

推荐阅读