每次在工作区中更改 HTML/CSS/JavaScript 或图像文件,或在服务器上重新部署资源时,JBoss Tools 中运行的嵌入式 LiveReload 服务器会命令您的浏览器重新加载某些内容。无需在 IDE 和浏览器之间来回切换以查看页面上的更改。
LiveReload 支持对工作区中更改的文件进行即时重新加载。如果您开发静态 HTML/CSS/JS 网页,这是在每次保存文件时在浏览器上查看更改的最快方式。
LiveReload 还支持服务器模式,与目录模式对工作区资源的相同级别的功能一样,也适用于已部署的资源。
但是,与目录模式不同的是,LiveReload 命令在资源已在应用程序服务器上重新部署后才会发送到连接的浏览器。这意味着已通知的浏览器将在加载最新版本的资源之前等待资源部署完成。
LiveReload 服务器具有一个嵌入式代理,它增强了目录模式体验。使用此代理,用户不仅可以从远程设备访问本地文件,还可以将 <script> 标签自动插入返回的 HTML 页面中 <body> 元素的底部以加载 livereload.js 脚本。这意味着 LiveReload 支持现在可用于不允许安装浏览器扩展的平板电脑和智能手机!
启用了代理的 livereload.js 脚本注入和允许远程连接选项是测试智能手机和平板电脑上应用程序的完美组合,尤其是在 LiveReload 浏览器扩展无法安装在这些设备上的情况下。
然而,在这些设备上输入完整的 URL 并不有趣。这就是 JBoss Tools 现在提供了一个显示 QR 码的对话框,用于处理此类用例的原因。用户只需选择他们将连接到的网络接口,然后使用设备扫描生成的 QR 码即可访问资源。该对话框还显示一个超链接,用于在外部台式机浏览器中打开该位置。