如何在代码更改时重新加载html页面
我记得John Resig在观看jQuery的演示。他有一个浏览器应用程序,可以在编码时直接重新加载。我想他甚至不需要保存他的代码更改就可以实现(见视频中的3:40)。如何在代码更改时重新加载html页面
我觉得这真的很酷,认为这可能是非常有用和有趣,而你是编码。
你知道他使用的是什么应用程序吗? 你知道这是如何完成或可能完成的吗?
更新: 这是由Januz建议:
你可以使用XRefresh。每次将文件保存在项目文件夹中时,它都会重新加载。
似乎工作正常。
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>
在回调中,您可以保存网页的状态(例如用户在处理文档),或刷新更新面板中的内容(这里没有显示面板中的内容,但我认为你会明白)。
无论他使用的服务器端语言如何,效果总是通过使用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。
有一个IE自动刷新工具。它被称为ReloadIt,可在http://reloadit.codeplex.com获得。*。
不是IE的附加组件,而是更多的“附件”。它不会更改IE安装,不会安装BHO或类似的东西。所以影响非常小的安装。
您选择一个您想要自动重新加载的URL,并指定一个或多个目录或文件路径来监视更改。按F12开始监控。
后设置它,将其最小化。然后编辑你的内容文件。保存时,页面会重新加载。像这样:
有没有代码,你需要添加到您的解决方案。它适用于jQuery,或mooTools,或其他。它适用于PHP或ASPNET或Python。它适用于IIS或Apache或任何服务器技术。唯一的要求是该页面在IE浏览器中查看。
按照本自述文件中的指令,它会做一些接近你想要什么:
其实你可以做完全刷新页面,如果有,如果你使用emacs的文本编辑器没有错误(即命令emacs的尽快保存文件,因为它没有错误)
这也许有所帮助:https://emacs.stackexchange.com/questions/12459/save-buffer-at-each-modification
您还可以检查此脚本:
它可以与firefox一起使用,因此您可以添加遥控器插件。
然后,使用bash脚本在Web目录更改时向浏览器运行命令。
所以,除了这个插件,你需要inotify-tools
观看目录和netcat
当目录改变时与浏览器交谈。
然后,您可以应用于任何其他代码(也许您使用.c文件,并且您希望在您保存此文件时立即对其进行测试,在这种情况下,您只需要inotify
并从README文件修改代码)
我想他甚至没有挽救他的代码更改要做到这一点 - >这是不可能的,而不在文本编辑器的特殊支持他用 – 2009-12-21 12:42:02
“我想他甚至没有挽救他的代码更改为此发生(见视频中的3:40)。“ 他的IDE支持简单的自动保存:-) – iquellis 2017-08-10 12:28:50