【问题标题】:BrowserSync prevents navigation in Firefox (OS X)BrowserSync 阻止在 Firefox (OS X) 中导航
【发布时间】:2015-01-04 02:29:37
【问题描述】:

我最初尝试设置 BrowserSync 来代理我当前的 .dev 站点。
我遇到了以下问题:

  • 页面加载非常非常非常缓慢。

  • 在 Firefox(但不是 Safari)中,当我单击任何链接时,当前页面会重新加载,而不是跟随链接。

然后我改为手动嵌入 sn-p。不理想,但它解决了速度问题 - 有趣的是,它似乎也部分解决了导航阻塞问题。

现在它只阻塞了大约一半的时间。在我看来,如果页面加载时间少于半秒左右,那很好,但如果超过该时间,BrowserSync 会停止它并重新加载当前页面。
(这解释了为什么禁用代理会部分修复它,因为代理页面总是需要大约 20 秒才能加载。)

我在普通的 Firefox 34 和相当干净的 Firefox Dev Edition 36 安装中尝试过这个,几乎没有安装扩展。 (我禁用了 LiveReload 扩展,以防导致问题。事实并非如此。)
正如我所提到的,它在同一台机器上的 Safari 中运行良好......这看起来很奇怪。

我正在通过 gulp 运行 BrowserSync。

gulpfile.js(为清楚起见省略了一些不相关的部分):

var gulp = require('gulp');

var sass = require('gulp-sass');
var browsersync = require('browser-sync');
var reload = browsersync.reload;

gulp.task('sass', function(){
    gulp.src('./sass/**/*.scss')
        .pipe(sass())
        .pipe(gulp.dest('./'))
        .pipe(reload({stream:true}))
});

gulp.task('watch', function(){
    browsersync({online: false});
    gulp.watch('./sass/**/*.scss', ['sass']);
    gulp.watch('**/*.php', reload);
});

gulp.task('default', ['sass', 'watch']);

【问题讨论】:

    标签: javascript firefox gulp browser-sync


    【解决方案1】:

    我知道这有点老了,但我也遇到了同样的问题。我没有得到解决方案,但我问了作者,他让我使用非 wordpress html 文件做一些测试。这是他的回答:https://github.com/BrowserSync/browser-sync/issues/435#issuecomment-73732362

    我仍然对为什么这仅在 Firefox 中不起作用感到困惑。在 chrome 和其他浏览器中,它们可以很好地链接。好像是firefox里的东西,只是不知道是什么。

    【讨论】:

    • 谢谢@Aaron。我已在此处对链接到我的报告的问题发表评论,以防它帮助开发人员修复它(如果他有兴趣,看起来他不是因为他对您的报告的反应)。这个错误只影响Firefox,这当然很奇怪。遗憾的是,由于 Firefox 是我的主要浏览器,这意味着我无法使用 BrowserSync。
    • @Caesar - 感谢您进一步解决此问题,我什至没有想过要尝试减慢网页加载速度(我知道您没有这样做,但我可以试试看) .我有一个名为 Charles Proxy 的程序,我可以限制带宽以减慢页面速度。也许我会在一个普通的 HTML 文件上尝试一下,看看点击是否注册。老实说,BrowserSync 很棒,而且我找不到更好的东西,所以我只是养成了按住 CTRL 并单击链接以打开新标签的习惯。然后它工作正常!不是一个有用的解决方案,但我仍然可以在 FF 中使用 browsersync
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多