【问题标题】:Live reload/refresh for HTML/CSS & Javascript across 2 monitors?跨 2 个显示器实时重新加载/刷新 HTML/CSS 和 Javascript?
【发布时间】:2014-08-30 23:15:19
【问题描述】:

对此的任何帮助/建议将不胜感激。

我正在寻找适合现代网页设计/开发的标准设置。基本上我有一个双显示器设置,我想在一个屏幕上编码并在另一个屏幕上实时显示更改。

直到昨天,我还在以这种方式使用 jsbin,它运行良好。我有一个带有编码内容(HTML/CSS/jQuery)的浏览器设置,然后我在第二个显示器上打开了另一个单独的浏览器,当我输入时它会立即更新。因此,例如,如果我更改了 CSS 规则,它会在第二台显示器上实时显示,而无需我做任何事情。没有保存,没有刷新,没有切换标签 - 没有。

但是,无论出于何种原因,jsbin 现在都拒绝实时更新,并且只有在我手动刷新浏览器时才会显示代码更改。我已经通过电子邮件向 jsbin 发送了有关此问题的邮件,但他们无法诊断问题。

所以我正在寻找的是在线替代品或本地替代品。但是,到目前为止我尝试过的所有东西(我的意思是所有东西)都不能像 jsbin 那样做。

dabblet.com、jsFiddle.net、liveweave.com、codepen.io、cssdeck.com 等

但以上所有内容都没有提供第二个选项卡/浏览器,我可以将其移至第二个监视器以实时显示代码更新,这是最重要的。

肯定有一个简单的解决方案吗?在开发网站时在 2 台显示器上以这种方式编码不是很常见吗?非常感谢您对此的任何帮助。

非常感谢

【问题讨论】:

    标签: real-time multiple-monitors live-update


    【解决方案1】:

    对于本地选项,Brackets 具有实时预览模式。

    打开项目或文件进行编辑后,选择文件 -> 实时预览

    它会启动一个浏览器窗口,然后您的更改会在您键入时反映出来,无需保存或刷新浏览器。

    【讨论】:

    • 括号是个好建议。但不幸的是,我无法使用 php 包含实时预览;当您单击 php 包含文件进行编辑时,浏览器仅加载该文件而没有任何 html/css 上下文。另外由于某种原因,它偶尔会停止实时重新加载。似乎现在与它战斗太麻烦了。不过感谢您的建议。
    【解决方案2】:

    我在双显示器设置中使用Liveweave。我将 HTML/CSS 保留在左侧窗口/监视器中,将 JS/Preview 保留在右侧监视器中。效果很好!

    【讨论】:

    • 听起来很完美!但是我在 Liveweave 中看不到将工作区拆分为 2 个监视器/浏览器/选项卡的选项?我可以使用 Liveweave 工具栏中的布局按钮调整布局,但它只将更改应用于单个浏览器/选项卡?你到底是怎么做到的?
    • 我的意思是扩展窗口,以便您在右侧看到预览,在左侧看到代码面板。但是如果你想分离出预览面板,这个方法是行不通的。话虽如此,将预览放在单独的选项卡中的目的是什么?我只是好奇。上面的方法不也是一样的吗...只是说。
    • 啊,我明白你的意思了。我可以看到它是如何工作的,但这并不理想,因为我的显示器具有不同的分辨率/比率,因此浏览器分成 2 个显示器意味着浏览器窗口的高度裁剪。不过感谢您的巧妙解决方法。
    • 我需要一个完全独立的窗口的原因是因为我正在测试响应式/弹性布局,并且我需要定期调整浏览器的大小,因此它需要是一个独立的窗口。您建议的方法只会引起持续的头痛,因为每次调整浏览器大小时 Liveweave 都需要重新调整其列。不过再次感谢。
    • 这是有道理的。不确定它是否有帮助,但你知道,Liveweave 在屏幕底部有一个用于响应式设计的内置标尺。您可以将预览面板大小更改为所需的水平像素大小。
    猜你喜欢
    • 2017-10-04
    • 1970-01-01
    • 2013-12-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-22
    • 1970-01-01
    • 2018-07-04
    相关资源
    最近更新 更多