Tag: 浏览器同步

如何调节BrowserSync的速度?

我如何configurationBrowserSync(从它的API)以较慢的速度提供内容? 理想情况下,我希望能够以受限制的速度提供某些文件,因此在开发时, localhost/index.html加载速度较快, localhost/dummyData.json加载速度较慢,所以我可以在开发Web应用程序时有效演示加载状态分离数据和表示。

任务“浏览器同步”不在你的大文件中

我刚开始使用浏览器同步。 所以我开始学习一口饮料。 我使用npm install gulp -g命令npm install gulp -g 。 在此之后,我使用下面的命令npm init初始化了我的项目目录,其中包含package.json文件。 然后,我通过npm install gulp –save-dev命令在我的项目目录中安装了gulp。我还通过npm install browser-sync –save-dev命令npm install browser-sync –save-dev 。 现在我试图运行浏览gulp browser-sync使用gulp gulp browser-sync命令,这给我一个错误任务“浏览器同步”不在你gulp文件 以下是我的gulpfiles.js文件 var gulp = require('gulp'); var browserSync = require('browser-sync').create(); // process JS files and return the stream. gulp.task('js', function () { return gulp.src('js/*js') .pipe(browserify()) .pipe(uglify()) .pipe(gulp.dest('dist/js')); }); // […]

npm安装浏览器同步错误

首先,错误: Error: Can't find "msbuild.exe". 环境: node -v v0.12.7 node-gyp -v v2.0.1 npm -v 2.11.3 我已经通过指定–msvs_version = 2013过去了这个…它现在不工作。 我最近尝试了这些其他的解决scheme无济于事。 node-gyp configure –msvs_version=2013 node-gyp build #and this npm config set msvs_version 2013 –global

禁用SSL证书检查的开发

我使用http-proxy-middleware创build了一个Browsersync代理,如下所示: var proxyMiddleware = require('http-proxy-middleware'); var proxy = proxyMiddleware('/api', { target: 'https://xxx.xxx.xxx.xxx/api', changeOrigin: true // for vhosted sites, changes host header to match to target's host }); 当服务器启动时,它创build代理: [HPM] Proxy created: /api -> https://xxx.xxx.xxx.xxx/api 但是由于开发API使用自签名证书,因此在调用API时会引发以下错误。 [HPM] Proxy error: DEPTH_ZERO_SELF_SIGNED_CERT. undefined -> "xxx.xxx.xxx.xxx/api" 有没有办法来禁用这个?

Gulp突然停止了与BrowserSync的合作。 node_modules / glob-watcher上的RangeError

我正在运行Gulp的问题。 一切工作完美,但我今天来运行它,当我运行我的任务运行BrowserSync服务器,代理MAMP我得到以下错误。 Using gulpfile ~/Web Development/MAMP Server/Portfolio/gulpfile.js [20:18:33] Starting 'watchSass'… [20:18:33] Finished 'watchSass' after 13 ms [20:18:33] Starting 'serve'… [20:18:57] 'serve' errored after 24 s [20:18:57] RangeError: Maximum call stack size exceeded at Gaze._pollFile (/Users/thomashughes/Web Development/MAMP Server/Portfolio/node_modules/gulp/node_modules/vinyl-fs/node_modules/glob-watcher/node_modules/gaze/lib/gaze.js:331:19) at /Users/thomashughes/Web Development/MAMP Server/Portfolio/node_modules/gulp/node_modules/vinyl-fs/node_modules/glob-watcher/node_modules/gaze/lib/gaze.js:411:12 at Array.forEach (native) at /Users/thomashughes/Web Development/MAMP Server/Portfolio/node_modules/gulp/node_modules/vinyl-fs/node_modules/glob-watcher/node_modules/gaze/lib/gaze.js:409:11 at iterate (/Users/thomashughes/Web Development/MAMP Server/Portfolio/node_modules/gulp/node_modules/vinyl-fs/node_modules/glob-watcher/node_modules/gaze/lib/helper.js:52:5) at /Users/thomashughes/Web […]

浏览器与ejs同步,代理只是加载

我试图让我的MEAN应用程序与浏览器同步工作。 我使用.ejs文件作为模板,但每当我点击打开index.ejs文件,它下载它。 我在我的gulpfile中尝试了这两个设置,但是没有一个能够工作。 //this downloads the ejs file gulp.task('serve', function () { browsersync.init({ server: { baseDir: [''], directory: true } }); }); //this just loads and I can't access localhost gulp.task('serve', function () { browsersync.init({ proxy: 'http://localhost:3000' }); }); 有一个名为browser-sync-ejs的npm软件包,但文档不存在,我不知道如何使用它。

HOWTO与JBoss EAP 6.3.3中部署的Web应用程序运行浏览器同步?

问题详情 是否有任何特定的步骤与JBoss EAP 6.3.3中部署的Web应用程序运行浏览器同步? 我安装了node.js(版本4.4.3),我npm install -g browser-sync 。 我的Web应用程序(MyApp.war)部署在我正在运行的服务器JBoss EAP中。 我运行browser-sync start –proxy "http://localhost:8080/MyApp" –files "src/main/webapp/**/*"一个新的浏览器窗口打开与URL http:// localhost:3000 / MyApp 。 但是,当我更改文件(xhtml,css,js)的内容时,浏览器同步检测到它并刷新浏览器,但不显示任何更改。 请指定您运行的是哪个版本的Browsersync,node和npm Browsersync [ 2.12.5 ] Node [ 4.4.3 ] Npm [ ] 如果是CLI,请粘贴下面的整个命令 browser-sync start –proxy "http://localhost:8080/MyApp" –files "src/main/webapp/**/*" 谢谢

浏览器同步和代客安全

我使用浏览器同步服务我的本地开发网站。 我也使用Laravel代客。 当我使用valet secure通过https服务一个开发网站,我得到那些丑陋的Chrome隐私错误页面。 有没有办法阻止这个? 我的浏览器同步configuration如下: browserSync.init({ host: "https://mysite.dev", proxy: "https://mysite.dev", … mysite.dev从一个站点到mysite.dev站点的变化,我有很多本地开发工具我在工作。 当我运行npm start浏览器同步输出: [BS] Proxying: https://mysite.dev [BS] Access URLs: —————————————— Local: https://localhost:3000 External: https://https://mysite.dev:3000 —————————————— UI: http://localhost:3001 UI External: http://https:3001 正如你可以看到它正确映射的url,如果我忽略Chromes隐私错误警告,我可以看到网站罚款。 我只是想知道为什么HTTPS不能正常工作。 如果我访问https://mysite.dev 没有浏览器同步:3000端口,它在Chrome中工作正常,并说地址栏上的“安全”

如何正确configurationBrowsersync代理后端

我正在努力Browsercync(也许一些中间件?)的正确configuration? 我的configuration是这样的: local.example.com它是通过/etc/hostsconfiguration的我的本地地址。 devel.example.com这是我们公司的开发环境(后端)。 staging.example.com这是我们公司的分段环境(后端)。 由于我是UI开发人员,我想使用本地代码,但是需要使用后端环境。 我正在使用gulp来build立我的项目等。它也有任务运行browser-sync和监视文件的变化。 但是,当然,现在有来自后端的Cookie域的问题。 CSRF令牌cookie域由浏览器设置为当前使用的后端。 我努力了: 使用中间件http-proxy-middlewareconfiguration: server: { baseDir: './build', middleware: [ proxyMiddleware('/api', { target: 'http://devel.example.com', changeOrigin: true, }) ] ] 但是我遇到的问题是,它在浏览器控制台中显示非透明的redirect。 我认为它会这样工作,代理将掩盖这些请求浏览器将认为所有请求和响应来自local.example.com 。 但它似乎不是这样工作(或者我configuration不好)。 这个解决scheme也是一个大问题,它以某种方式将我的POST HTTP请求更改为GET (WTF ?!)。 在browser-sync proxy选项中使用构build。 在许多教程中,我看到使用proxy选项与server选项,但似乎不工作了。 所以我试图用serveStatic来使用它: serveStatic: ['./build'], proxy: { target: 'devel.example.com', cookies: { stripDomain: false } } 但是这根本不起作用 我会真正appriciate在这个话题的任何帮助。 谢谢

BrowserSync:如何同时处理HTTP和HTTPS?

BrowserSync可以在不同端口上同时提供HTTP和HTTPS吗? const bs = require('browser-sync').create(); bs.init({ server: "./app", port: 8080 https: false, …. }); 根据文档,可以select将协议切换到HTTPS。 我想要他们两个:8080端口上的HTTP和8443端口上的HTTPS。