2

数日間、broswersync でこの問題を解決しようとしています。これに関するどんな助けも高く評価されます。

私の環境：

私は、浮浪者ボックス内のUbuntuのWindowsとサーバーを使用しています。私はポート転送をオンにしており、ポート 3000 を使用して vagrant のポート 3000 にマップしています。したがって、ホスト マシンから使用する URL はhttp://localhost:3000/index.htmlであり、外部からの場合はhttp://MY_IP_ADDRESS:3000/index.html です。

説明：

CSS インジェクション、リロード、フォーム同期、クリックがあり、すべてのブラウザーとデバイスで動作します。動作しないのは同期スクロールです。以下はシナリオです。

  1. スクロール同期は、デスクトップ モードの Chrome でのみ機能します。つまり、デスクトップ モードの複数のウィンドウで Chrome で同じ URL を開くと、正常に機能します。
  2. モバイル モードがオンの場合、Chrome およびデスクトップ モードでは、スクロールの同期が機能しません。
  3. Firefox、Safari、IE でリンクを開くと、それらの間でスクロール同期が機能しません。
  4. 複数のデバイスでリンクを開いて、異なるデバイスやブラウザ間でスクロールできません。

私の一杯:

私は Windows で作業していますが、私のサーバーは vagrant/ubuntu 上にあります。これは、ブラウザの同期と監視のための私の Gulp 設定です。

// Static server
gulp.task('browser-sync', function () {
        browserSync({
                server: {
                        baseDir: "www"
                },
                ghostMode: {
                        scroll: true
                }
        });
});
// Static Server + watching scss/html files
gulp.task('serve', ['scss'], function () {

        browserSync({
                server: "./www"
        });
        gulp.watch(paths.scss, ['scss',browserSync.reload]);
        gulp.watch(paths.html, ['html',browserSync.reload]);
        gulp.watch(paths.js, ['js',browserSync.reload]);
        //gulp.watch("*.html").on('change', reload);
});

事前にご協力いただきありがとうございます..

4

3 に答える 3

11

私も最近この問題に遭遇しました。私の問題は html5 doctype ではないことがわかりました。

ページに html5 doctype がありますか? そうでない場合は、追加してみてください。

<!DOCTYPE html>

于 2015-06-17T22:55:07.860 に答える