如何使用浏览器同步与PHP

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (31)

我想在PHP上使用Browsersync,但我似乎无法让它正常工作。

目前我正在使用Gulp。是否可以使用Browsersync与XAMPP / MAMP,或使用Gulp插件来读取.php文件?

提问于
用户回答回答于

我有相同的情况,,因为我没有正确关闭我的HTML输出。BrowserSync需要包含一些javascript文本才能重新加载浏览器。如果htmlbody标签未关闭不存在,则BrowserSync 无处可包含该脚本。

用户回答回答于

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

扫码关注云+社区

领取腾讯云代金券