如何在代码更改时重新加载html页面

我记得John Resig在观看jQuery的演示。他有一个浏览器应用程序，可以在编码时直接重新加载。我想他甚至不需要保存他的代码更改就可以实现（见视频中的3:40）。如何在代码更改时重新加载html页面

这是视频：http://vimeo.com/116991

我觉得这真的很酷，认为这可能是非常有用和有趣，而你是编码。

你知道他使用的是什么应用程序吗？你知道这是如何完成或可能完成的吗？

更新： 这是由Januz建议：

你可以使用XRefresh。每次将文件保存在项目文件夹中时，它都会重新加载。

似乎工作正常。

来源

2009-12-21 Skuli

我想他甚至没有挽救他的代码更改要做到这一点 - >这是不可能的，而不在文本编辑器的特殊支持他用 – 2009-12-21 12:42:02

“我想他甚至没有挽救他的代码更改为此发生（见视频中的3:40）。“ 他的IDE支持简单的自动保存:-) – iquellis 2017-08-10 12:28:50

你可以使用XRefresh。每次将文件保存在项目文件夹中时，它都会重新加载。

来源

2009-12-21 19:33:31 Januz

很酷。似乎很好地工作 – Skuli 2009-12-22 13:13:08

Skúli - 我没有时间观看整个视频，但我想我知道你在做什么：能够自动刷新网页。这可以由于许多原因来完成。您可能想要实现监视器，保存内容，避免超时等。

虽然JQuery可能很有用，但总体效果是使用Ajax实现的。在ASP.NET中，只需在页面上放置一个定时器和一个匹配的Ajax更新面板：

<asp:Timer ID="Timer1" runat="server" Interval="60000" ontick="Timer1_Tick" ></asp:Timer> 
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
    <ContentTemplate> 
    </ContentTemplate> 
    <Triggers> 
     <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick"/> 
    </Triggers> 
</asp:UpdatePanel>

在回调中，您可以保存网页的状态（例如用户在处理文档），或刷新更新面板中的内容（这里没有显示面板中的内容，但我认为你会明白）。

来源

2009-12-21 12:44:03

无论他使用的服务器端语言如何，效果总是通过使用ajax实现:) – 2009-12-21 12:45:20

如果您有客户端状态。例如，你正在填写一个表单，我认为当页面重新加载时你总是会失去这个状态。这就是为什么我认为它在您更改代码时加载的原因。在视频中，当他显示页面时，他似乎并未重新加载。别的，他无法正确显示页面。如果页面的主体没有焦点，只能通过重新加载来实现这一点吗？我想是这样。 – Skuli 2009-12-21 13:02:30

安迪亚斯 - 你是对的，我的语言很尴尬。我改变了你的评论！Skuli-- Ajax非常酷的原因之一是* *看起来不像页面正在重新加载。从技术上讲，这不是 - 只是其中的一部分。不，你不会在异步回调期间丢失页面的状态。事实上，页面的状态（无论如何都是ASP.NET）被发送回服务器使用。最后 - 这与焦点或身体是否有焦点无关。 – 2009-12-21 13:12:58

我想这段JavaScript代码：

window.setInterval("if(document.hasFocus()===false)location.reload(true);",3000);

它工作在Firefox中，我得到了IE浏览器的警告，并没有在Chrome中工作（document.hasFocus（）常是真）

不是一个完美的解决方案，但它的工作原理虽然不够优雅。缺点是这个代码本身就在解决方案中。使用可以修复的ajax。

来源

2009-12-21 18:05:30 Skuli

我不知道他用了什么，但我用ReloadEvery

来源

2009-12-21 18:20:42 Quentin

你也可以使用一个meta refresh自动重新加载页面：

<meta http-equiv="refresh" content="3" />

来源

2009-12-22 10:19:36 Vinz

他用与上更改代码窗口自动刷新预览窗口中的代码编辑器。没有Ajax魔法！

不确定他使用的是什么编辑器，但我知道CSSEdit可以做到这一点，可能有其他各种编辑器的插件。

来源

2009-12-22 14:03:30 roryf

有一个IE自动刷新工具。它被称为ReloadIt，可在http://reloadit.codeplex.com获得。自由。

不是IE的附加组件，而是更多的“附件”。它不会更改IE安装，不会安装BHO或类似的东西。所以影响非常小的安装。

您选择一个您想要自动重新加载的URL，并指定一个或多个目录或文件路径来监视更改。按F12开始监控。

enter image description here

后设置它，将其最小化。然后编辑你的内容文件。保存时，页面会重新加载。像这样：

enter image description here

有没有代码，你需要添加到您的解决方案。它适用于jQuery，或mooTools，或其他。它适用于PHP或ASPNET或Python。它适用于IIS或Apache或任何服务器技术。唯一的要求是该页面在IE浏览器中查看。

来源

2011-08-31 02:33:04 Cheeso

按照本自述文件中的指令，它会做一些接近你想要什么：

其实你可以做完全刷新页面，如果有，如果你使用emacs的文本编辑器没有错误（即命令emacs的尽快保存文件，因为它没有错误）

这也许有所帮助：https://emacs.stackexchange.com/questions/12459/save-buffer-at-each-modification

您还可以检查此脚本：

Refresh-Develop

它可以与firefox一起使用，因此您可以添加遥控器插件。

然后，使用bash脚本在Web目录更改时向浏览器运行命令。

所以，除了这个插件，你需要inotify-tools观看目录和netcat当目录改变时与浏览器交谈。

然后，您可以应用于任何其他代码（也许您使用.c文件，并且您希望在您保存此文件时立即对其进行测试，在这种情况下，您只需要inotify并从README文件修改代码）

来源

2017-08-10 12:06:55 user37421

如何在代码更改时重新加载html页面

回答

相关问题