我最初尝试设置 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']);