问题标签 [browser-sync]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
49 浏览

javascript - 浏览器同步 Rhino 环境。- 用例

1) 我对在Rhino Environment中执行的浏览器同步服务器端代码有疑问。

我为之工作的客户将浏览器同步代码作为使用 gulp 执行的 npm 打包代码提供给我。

2)我还有一个问题,浏览器同步是否可以用作一种工具,以防止此应用程序的用户打开我们正在开发的同一网站/应用程序的多个选项卡并创建冲突的表单更改,因为浏览器同步将始终显示同一浏览器中所有选项卡的相同页面/状态。或者使用浏览器同步来实现同样的功能是否有点过头了?

0 投票
11 回答
47250 浏览

node.js - BrowserSync 无法获取 /

我只用这个命令安装了 NodeJS 和 BrowserSync:

在我使用此命令启动服务器后:

我收到以下错误:无法获取 /

我很困惑,因为我想在我的 Laravel 项目中使用 BrowserSync。

我应该在哪里安装 BrowserSync?

谢谢。

0 投票
2 回答
275 浏览

javascript - 为什么浏览器同步不适用于moodle主题

我正在尝试将浏览器同步与moodle主题一起使用,但我没有成功将它的功能用于moodle主题。

我想要做的是通过查看 css 文件来改变颜色。所以我从moodle根目录运行了下面的命令。

Moodle 的主页在浏览器中打开,显示“浏览器同步”已连接。现在我在干净主题的 custom.css 中更改了主体的颜色。

命令提示符显示custom.css文件已更改,但新颜色不适用于没有页面刷新的moodle页面。下图显示了 css 文件的变化。

浏览器同步连接

我做错了什么?是否可以将浏览同步用于moodle主题。

浏览器同步在简单的 php 页面中运行良好。

0 投票
3 回答
8965 浏览

vagrant - 如何在本地域中使用 vagrant 和 browsersync?

我使用 vagrant 并且我已将其配置为更新我的 etc/host 文件,这是一个示例。

然后我可以使用http://example.dev/访问 VM 的 apache 服务器

我想从命令行使用 browsersync,但我无法访问我的网站。我在我的 mac 主机和 vagrant VM 上安装了 browsersync。我已经使用以下命令在我的 mac 和 VM 上进行了尝试,但它在这两种环境中都不起作用。

这是我从 Mac 得到的

这是虚拟机中发生的事情

当我在 mac 中运行它时,我可以在http://localhost:3001/访问 browsersync ui,但不能访问我的网站。

我不确定我应该在哪里运行它。我应该如何在浏览器中访问该网站。如果我需要转发 VM 中的任何端口。

在网上搜索会返回很多结果,但它们都是关于 grunt 或 gulp 的,我不使用它们中的任何一个。

编辑:我将端口转发添加到 vagrant,然后从 vm 中启动 browser-sync。现在一切正常http://example.dev:3000http://example.dev:3001

这是我添加到我的 Vagrantfile 中的内容: config.vm.network :forwarded_port, guest: 3000, host: 3000, auto_correct: true config.vm.network :forwarded_port, guest: 3001, host: 3001, auto_correct: true

0 投票
1 回答
712 浏览

gulp - 将 browsersync 用作开发网络服务器并结合节点应用程序仅提供 api 而不是静态文件

我目前正在使用具有以下配置的 gulp 网络服务器。

因此,它将以 /api 开头的静态文件和代理请求提供给另一个端口上的 nodeJs 应用程序。我现在想对 Browser-sync 做同样的事情(而不是使用 livereload,所以我想摆脱 gulp webserver),但找不到如何配置它。感谢您提供一些指导。

0 投票
0 回答
696 浏览

css - BrowserSync 通过代理将 css 注入到实时 Wordpress 页面中

我正在尝试使用 BrowserSync 和 sass 从 Wordpress 站点编辑 style.css。我想将更改注入页面并自动重新加载。

到目前为止,我尝试了很多 gulpfile.js 代码的变体,但没有成功——scss 文件编译为 style.css(ok),但页面没有反映更改。

这是我的代码:

目前,我使用了笨拙的 Chrome 工作区覆盖,但工作流程并没有想象中的那么流畅。

提前致谢

0 投票
1 回答
621 浏览

drupal-7 - drupal 7 主题 + gulp + sass + browserSync 无 css 注入

我能够让 browserSync.reload({stream:true}) 将 css 注入到 wordpress 主题中。当我在 Drupal 7 主题中尝试相同的 gulpfile.js 时,硬重置可以工作,browserSync.reload(),但 css 注入什么也不做,browserSync.reload({stream:true})。

有任何想法吗?有关如何排除故障的任何建议?先感谢您!

当我将此工作流程移至 drupal 7 时,我确实遇到了分段错误问题,但能够通过这篇文章解决它。 https://drupal.stackexchange.com/questions/126880/how-do-i-prevent-drupal-raising-a-segmentation-fault-when-using-a-node-js-themin

0 投票
1 回答
351 浏览

php - gulp connect-php 仅在 root 中查找

我有一个 gulp 项目,我在其中使用一些 PHP 来提取模式以制作样式指南。我已经安装并运行了 gulp-connect-php,但它只在 ROOT 文件夹中运行,我需要它来查看 DIST/ 中的任何内容

我这里有这段代码,所以它也使用 BrowserSync

我累了dirbaseDir但没有工作。

完整gulpfile.js的在这里

https://gist.github.com/sturobson/9a616c2cbebfc5059bf3

任何帮助将不胜感激。

0 投票
0 回答
416 浏览

laravel - 浏览器同步和连接

我有浏览器同步和 localhost:8000 的问题。当我尝试提交表单请求时,我得到TokenMismatchException. 我该如何解决这个问题?

这是我的吞咽任务:

0 投票
3 回答
10597 浏览

apache - 如何让 gulp + browsersync 运行 apache vhost?

我想将 gulp、sass 和 browsersync 添加到我的工具包中。我现在正在运行配置了 sass 和 browsersync 任务的 gulp。

我正在为我的本地 apache 服务器上的虚拟主机运行一个 php 应用程序。

我正在尝试从监视任务运行 browsersync,使用 browsersync 的代理选项来使用我的虚拟主机。

目前,当我运行手表时,在端口 3000 上找不到服务器。如果我导航到“localhost:3000”,我会收到 chromes“找不到网页”消息。

如果我导航到端口 3001,我可以访问 browsersync 的管理 UI。所以我知道 browsersync 正在运行。

我的 gulp conf 如下