从虚拟机运行本地服务器时使用Livereload?

时间:2014-06-10 10:16:38

标签: livereload

我在我的电脑上使用Virtualbox运行Ubuntu,这是我的本地开发环境。我使用该视图的网站浏览器是从Windows运行的。

如何设置Livereload?如果我在Ubuntu中安装Livereload,那么它无法在Windows中重新加载我的Web浏览器。如果我在Windows中安装Livereload,那么我无法找到要观看的文件,因为它们不属于普通文件系统。

2 个答案:

答案 0 :(得分:1)

潜在的快速解决方案:只需使用我的adhoc web server它的两个功能是:

  1. 易于安装/使用
  2. LiveReload内置
  3. (注意:只监控这些文件扩展名:htm, html, css, js, json, png, gif, php, php5, py, rb, erb。可以监控其他文件类型,但这需要修改为adhoc。)


    否则,您的问题需要更多信息:

    • 您是如何为网页服务的?
    • 你做了什么让LiveReload工作?
    • 您收到任何错误消息吗?

    有助于您开始使用LiveReload的一些信息:

    LiveReload需要两个组件。确保满足所有要求:

    1. LiveReload服务器。只要对服务器上的文件(通过Web套接字)进行了更改,服务器就会向客户端发送通知。请注意,此服务器不一定是Web服务器。
    2. LiveReload客户端。客户端打开与LiveReload服务器的连接。当它从服务器接收通知时,它会根据需要重新加载或修改页面。通常,客户端只是一个加载特殊livereload.js JavaScript文件的Web浏览器。此JavaScript文件可以手动添加到HTML文件中,也可以由Web服务器“注入”。 Adhoc会自动为您注入脚本。有一些Web浏览器扩展也会为您注入脚本。

答案 1 :(得分:0)

使用这样的设置来实现livereload与使其在任何其他设置中工作没有太大的不同。您所需要的只是一项服务,它监视您的开发环境中的文件,并监听来自浏览该网站的浏览器的连接。

在我运行在linux mint上的开发设置中,我使用Guard LiveReload运行在ruby之上以提供livereload服务器。无论我是在本地连接还是从我家中的桌面连接都没关系,只要可以到达livereload.js(由livereload服务器提供服务),浏览器就会收到通知并在更改内容时刷新。

要设置它,您需要做的就是在Ubuntu环境中安装和配置Guard LiveReload(这需要RubyGuard - {{3}上的说明}页面)。 livereload服务运行后,您可以使用某些浏览器扩展程序或Guard LiveReload连接到它。