Javascript BrowserSync阻止Firefox(OS X)中的导航
我最初尝试将BrowserSync设置为代理我当前的.dev站点。Javascript BrowserSync阻止Firefox(OS X)中的导航,javascript,firefox,gulp,browser-sync,Javascript,Firefox,Gulp,Browser Sync,我最初尝试将BrowserSync设置为代理我当前的.dev站点。 我有以下问题: 页面加载非常非常慢 在Firefox(但不是Safari)中,当我单击任何链接时,当前页面将重新加载,而不是跟随链接 然后我改为手动嵌入代码段。这并不理想,但它解决了速度问题——有趣的是,它似乎也部分解决了导航阻塞问题 现在它只占用了大约一半的时间。在我看来,如果页面加载时间不到半秒左右,也可以,但如果加载时间超过该时间,BrowserSync将停止加载并重新加载当前页面。 (这解释了为什么禁用代理会部分修复
我有以下问题:
- 页面加载非常非常慢
- 在Firefox(但不是Safari)中,当我单击任何链接时,当前页面将重新加载,而不是跟随链接
(这解释了为什么禁用代理会部分修复它,因为使用代理时,加载页面通常需要20秒左右。) 我已经在普通的Firefox34和FirefoxDevEdition36中尝试过这一点,几乎没有安装任何扩展。(我禁用了LiveReload扩展,以防引起问题。它不是。)
正如我提到的,它在同一台机器上的Safari中运行良好。。。这似乎很奇怪 我正在通过gulp运行BrowserSync gulpfile.js(为了清楚起见,省略了一些不相关的部分):
我知道这有点老了,但我也有同样的问题。我没有得到答案,但我问了作者,他让我用一个非wordpress html文件做了一些测试。以下是他的答案:
我仍然困惑于为什么这不能只在Firefox中工作。在chrome和其他浏览器中,它们通过fine链接。不过,这似乎是firefox中的一些东西,只是不知道是什么。谢谢@Aaron。我在这里留下了一条关于这个问题的评论,链接到我的报告,以防它有助于开发人员修复它(如果他感兴趣,这看起来不是因为他对您的报告的反应)。很奇怪,这个bug只影响Firefox。可悲的是,由于Firefox是我的主浏览器,这意味着BrowserSync对我来说不可用。@Caesar-感谢您进一步讨论这个问题,我甚至没有想过尝试降低我的网页加载速度(我知道您没有这样做,但我可以试试看)。我有一个叫做Charles Proxy的程序,我可以限制带宽,这样会减慢页面速度。也许我会在一个普通的HTML文件上试试,看看点击是否注册。老实说,BrowserSync非常棒,我找不到更好的了,所以我养成了按住CTRL键并点击链接打开新标签的习惯。那就好了!这不是一个有用的解决方案,但我仍然可以在FF中使用browsersync
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']);