问题标签 [livereload]

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 投票
2 回答
9080 浏览

javascript - Yeoman:LiveReload 与 Yeoman Watch

我第一次尝试Yeoman Server 并看到它提供了一个本地监视工具作为LiveReload的后备。以下是文档解释回退的方式:

“[Yeoman Server] 会自动启动该yeoman watch进程,因此对任何应用程序文件的更改都会导致浏览器通过 LiveReload 刷新。如果您没有在本地安装 LiveReload,则将使用后备重新加载进程。”

到目前为止,回退过程运行良好,我喜欢它不需要在浏览器/菜单栏中安装任何东西。

有没有人用 Yeoman 尝试过这两种手表工具?如果您“升级”到 LiveReload,工作流程有何不同以及您可以获得哪些附加功能?

更新:对 API 的快速检查显示,Yeoman 的实时重新加载功能实际上是 LiveReload。他们是一回事。它在没有浏览器扩展的情况下工作的原因是因为它们使用的是 LiveReload 的snipvr代码片段。有可能通过 LiveReload GUI 访问一些附加功能,也可能用于移动设备测试,但功能更可能是相同的。

0 投票
0 回答
82 浏览

macos - 将 Redcarpet 与 LiveReload 一起使用

根据我一直在阅读的有关 Markdown 过滤器的内容,我想在 HAML 中使用 RedCarpet 作为我的过滤器。但是,我正在使用 LiveReload ,显然,目前它只支持 RDiscount、RPeg-markdown、Maruku 和 BlueCloth。

谁能告诉我如何让 LiveReload 使用 RedCarpet?如果不可能,那么其​​他四个过滤器中的哪一个是好的推荐(开发最积极、最安全、有更大的社区支持)?

0 投票
1 回答
926 浏览

grails - grails 上的实时重新加载功能

我正在开发一个 grails 应用程序。我希望浏览器页面即时刷新代码中的更改/编辑,而无需每次都手动点击刷新按钮。我尝试了 LiveReload,但无法让它与 grails 服务器一起使用。是否有任何其他应用程序用于此目的?我使用 Intellij Idea IDE 进行编码。

0 投票
5 回答
5557 浏览

yeoman - 使用 Yeoman 禁用 LiveReload

在 IE8 中进行测试时,由于不支持 Web 套接字,LiveReload 会引发错误。有没有办法配置 yeoman 来禁用 LiveReload?

0 投票
1 回答
1138 浏览

twitter-bootstrap - Codekit & Bootstrap:variables.less 不会实时重新加载

我正在尝试使用引导较少文件和实时重新加载功能的 Codekit :)

我直接编辑文件夹“less”中的less文件,这些文件将在“bootstrap.less”中导入bootstrap.less,然后将编译为在index.html中链接的“css/bootstrap.css”。

一切运行良好,所以当我在像 navbar.less 这样的 less 文件中编辑一些代码并保存它时,浏览器会按预期重新加载,但由于某种原因,如果我更改“variables.less”文件中的变量值并保存它,浏览器不会实时重新加载。我必须手动重新加载。这是为什么?

0 投票
2 回答
2387 浏览

javascript - 热代码推送 NodeJS

我一直在试图弄清楚 Node.js 上的这个“热代码推送”。基本上,我的主文件(在您键入时运行node app.js)包含一些设置、配置和初始化。在那个文件中,我有一个文件观察器,使用 chokidar。当我的文件被添加时,我只是require该文件。如果文件已更改或更新,我将删除缓存delete require.cache[path],然后重新请求它。所有这些模块都不会导出任何东西,它只适用于单个全局Storm对象。

一些代码不完整/未使用,因为我正在尝试很多不同的方法。

什么工作:

对于如下代码:

完美运行。但是任何异步代码都无法更新。

问题 = 异步代码

如果我在 nodejs 进程运行时更新文件,则不会发生任何事情,尽管它通过文件观察程序并删除缓存,然后重新建立。另一个不起作用的例子是:

因为 app.use 仍将使用该方法的旧版本。

问题:

我该如何解决这个问题?有什么我想念的吗?

请不要提出永远使用 3rd 方模块的建议。我正在尝试将功能合并到单个实例中。

编辑:

在研究了流星代码库(node.js 或浏览器中关于“热代码推送”的资源非常少。)并修改了我自己的实现之后,我成功地制定了一个可行的解决方案。https://github.com/TheHydroImpulse/Refresh.js。这仍处于开发的早期阶段,但现在看起来很稳固。我也将实施一个浏览器解决方案,只是为了完成。

0 投票
2 回答
266 浏览

css - Ubuntu CLI (Vagrant) 中的红色文件名

我正在构建一个在 Vagrant 支持的 Ubuntu VM 上运行的 FuelPHP 应用程序。

我试图在我所有页面的全局包装器中包含一个 CSS 文件,但 Firebug 告诉我它不存在。(我的 <_link rel...> 中的文件路径是正确的)。

萤火虫

CSS 文件实际上是使用名为 LiveReload for Mac 的应用程序从一堆 LESS 文件编译而来的。

我的虚拟机上的 Apache 服务器设置为从我的 Mac 上安装的文件夹中提供服务,任何使用过 Vagrant 的人都应该知道我的意思。

无论如何,LiveReload 将 CSS 文件转储到正确的位置,并在我的 Mac 上填充:

苹果电脑

然而,通过 SSH 连接到 VM 并检查 CSS 文件让我相信发生了一些奇怪的事情。首先,文件名是红色的(但它存在!):

红色文件名

其次,使用文本编辑器(在本例中为 nano)打开它会显示它是空白的,尽管它在 Mac 上已满:

空白的

所以我的问题是......这里发生了什么?为什么它在虚拟机上显示为空?为什么是红色的?为什么 Apache 找不到并提供服务?

编辑,仍在为此苦苦挣扎。

我添加了自己的“test.css”文件,它加载得很好。只是不是 LiveReload 生成的 app.css。虚拟机有问题。任何人都可以帮忙吗?这是阻碍我发展的那些烦人的事情之一。

这是堆栈跟踪(尽管我确信它没有任何用处):

英石

0 投票
1 回答
1132 浏览

css - Devtool Chrome 自动保存无法正常工作

我昨天安装了 devtool autosave,它工作正常。现在服务器运行正常,显示 DevTools Autosave 1.0.0 正在终端中的http://127.0.0.1:9104上运行, 但没有记录 css。我正在使用带有铬版本 20.0.1132.47 的 ubuntu 12.04。我正在编辑一个本地文件(file:///media/263003BB3003914B/Dropbox/Dropbox/Code/Jquery/effets-and-structure/index.html)。我想问题出在开发工具选项上。我尝试了许多不同类型的文件路径组合,但它仍然不起作用。

0 投票
1 回答
792 浏览

google-chrome - 在从 bash 启动的 google chrome 中激活 liveReload 监控 chrome-extension

我正在尝试开发一个 bash 脚本,该脚本启动 google-chrome 并安装了名为 LiveReload 的扩展程序,该扩展程序用于监视 Web 更改。关键是当网页打开时,您必须触发 LiveReload 才能开始监控,而我想自动执行此操作。

是否可以?

0 投票
1 回答
216 浏览

asp.net-mvc-3 - ASP.NET MVC 3 的 Tincr

我正在尝试在 chrome 中使用tincr扩展。它允许您刷新 css 和 javascript,而无需再次重新加载页面。我在让它工作时遇到了一些麻烦,希望能提供任何帮助。

我的设置

源码根目录: C:\dev\tfs\MyApp\Development Branches\3.3.0.0\Presentation\MyApp

IIS网站目录指向上面的根目录。上面文件夹路径下的 Scripts 目录包含我正在更改的 js 文件。

我创建了一个 tincr.json 文件并将其放在根目录中

tincr.json

它是否正确?有没有人设法让 tincr 与 ASP.NET MVC 3 一起工作?感谢您的帮助。

PS -我没有创建 tincr 标签的代表,所以如果有人可以将其添加到此标签中,其他人也可以更轻松地发布有关它的问题。谢谢。