如何使用浏览器与PHP同步

Question

我想将Browsersync与PHP一起使用，但似乎无法正常工作。

目前，我正在使用Gulp。可以将Browsersync与XAMPP / MAMP一起使用，还是可以使用Gulp插件读取.php文件？

Answer 1

使用 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/23

Answer 2

我有几天遇到同样的情况，直到我发现它发生是因为我没有正确关闭我的 html 输出。BrowserSync 需要在重新加载浏览器之前包含一些 JavaScript 文本。如果html、body标签未关闭或不存在，则 BrowserSync无处包含该脚本。