最初に、現在の .dev サイトをプロキシするように BrowserSync をセットアップしようとしました。
次の問題がありました。
ページの読み込みは本当に遅かったです。
Firefox では (ただし Safari ではそうではありません)、リンクをクリックすると、リンクをたどるのではなく、現在のページがリロードされます。
次に、スニペットを手動で埋め込むように変更しました。理想的ではありませんが、速度の問題は解決されました。興味深いことに、ナビゲーションのブロックの問題も部分的に解決されたようです。
現在、約半分の時間しかブロックされていません。ページの読み込みに 0.5 秒もかからない場合は問題ないように思えますが、それ以上かかる場合は、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']);