2

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

  • 页面加载非常非常慢。

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

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

现在它只阻塞了大约一半的时间。在我看来,如果页面加载时间少于半秒左右,那很好,但如果超过该时间,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']);
4

1 回答 1

1

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

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

于 2015-03-23T15:50:29.923 回答