浏览器同步 - 所有事件Hook - Gulp

时间:2017-12-04 11:42:34

标签: javascript gulp maps browser-sync gulp-browser-sync

最近我发现了浏览器同步。现在我想写的应用程序需要一种谷歌地图功能。我注意到本机浏览器同步只支持“滚动,点击和表单”。我需要挂钩所有事件,或者至少在平移/与地图交互时,以便同步交叉浏览器。

我发现了一个博客讨论,最终解决了这个问题,并链接到了浏览器同步客户端项目https://github.com/BrowserSync/browser-sync-client

由于没有文档,只有一个小例子。谁能告诉我如何在gulp设置中实现它?

我试着做以下事情,但没有运气:


    var browserSync = require('browser-sync').create(),
    client = require("browser-sync-client");

    gulp.task('browser-sync', function () {

        browserSync.use(client);

        browserSync.init({
            server: {
                baseDir: "./wwwroot"
            },
            ghostMode: {
                clicks: true,
                forms: true,
                scroll: true
            },
            logLevel: "debug",
            open: true,
            minify: false,
            clientEvents: [
                "scroll",
                "input:text",
                "input:toggles",
                "input:keydown",
                "input:keypress",
                "form:submit",
                "form:reset",
                "click",
                "contenteditable:input",
                "mouseup",
                "mousedown",
                "select:change"
            ],
            ghostMode: {
                clicks: true,
                scroll: true,
                forms: {
                    submit: true,
                    inputs: true,
                    toggles: true,
                    keypress: true,
                    keydown: true,
                    contenteditable: true,
                    change: true
                },
                mouseup: true,
                mousedown: true
            },
            capture: true
        });
    });

0 个答案:

没有答案