web-dev-qa-db-ja.com

PHPでブラウザ同期を使用する方法

PHPでBrowsersyncを使用したいのですが、正しく動作しないようです。

現在、Gulpを使用しています。 XAMPP/MAMPでBrowsersyncを使用するか、Gulpプラグインを使用して.phpファイルを読み取ることは可能ですか？

phpgulpxamppgulp-browser-sync
8
dr_fluff

gulp-connect-phpを使用する

npm install --save-dev gulp-connect-php

次に、gulpfile.jsをセットアップします

var gulp = require('gulp'),
    connect = require('gulp-connect-php'),
    browserSync = require('browser-sync');

gulp.task('connect-sync', function() {
  connect.server({}, function (){
   browserSync({
     proxy: '127.0.0.1:8000'
       });
    });

    gulp.watch('**/*.php').on('change', function () {
      browserSync.reload();
    });
});

ドキュメントを参照 https://www.npmjs.com/package/gulp-connect-php

また、ここに良いチュートリアルがあります https://phpocean.com/tutorials/front-end/automate-your-workflow-with-gulp-part-3-live-reloading/2

4
Ivan of uganda

Html出力を適切に閉じなかったために発生することがわかるまで、数日間同じ状況が発生します。 BrowserSyncは、ブラウザをリロードする前に、JavaScriptテキストを含める必要があります。 htmlの場合、bodyタグは閉じられていませんまたは存在しません、BrowserSyncにはスクリプトを含めるためのnowhereがあります。

2
Yeah.not