代码之家 › 专栏 › 技术社区 › Charles Roper

如何在文件更改时使Firefox自动刷新?

browser firefox css html

Charles Roper · 技术社区 · 15 年前

是否有人知道火狐的扩展名、脚本或其他机制可以监视一个或多个本地文件?当Firefox在文件中检测到时间戳的变化时,它会自动刷新或者更新画布。

对于编辑CSS,如果只是重新加载CSS,而不是重新呈现完整的HTML,则是理想的选择。

实际上,它只通过外部文件,通过动态HTML/CSS编辑就可以实现与Firebug类似的行为。

9 回复 | 直到 7 年前

Charles Roper 13 年前

Live.js

从网站:

怎么用? 只包括live.js,它将通过向服务器发送连续的head请求来监视当前页面,包括本地CSS和javascript。对CSS的更改将动态应用,HTML或JavaScript更改将重新加载页面。试试看!

在哪里? live.js可以在firefox、chrome、safari、opera和ie6+中工作,除非得到证明。LIVE.JS与您使用的开发框架或语言无关,无论是Ruby、Pramework、Python、Django、Net、Java、PHP、Drupal、JooMLA还是您拥有什么。

它具有与 IETester ,动态刷新每个打开的IE选项卡。

通过将以下内容添加到 <head>

<script type="text/javascript" src="http://livejs.com/live.js"></script>

Harry Love 13 年前

自动重新加载是firefox的一个扩展,它监视本地文件更改并刷新浏览器:

https://addons.mozilla.org/en-US/firefox/addon/auto-reload/

Aamir Shahzad 8 年前

我建议你 livejs

但它有以下特点优势和缺点

优势:
1。简易设置
2。在不同浏览器上无缝工作(live.js在firefox、chrome、safari、opera和ie6+中工作)
三。不要添加令人不快的刷新时间间隔,特别是在您希望调试和设计时
4。仅在保存更改时刷新 ctrl + S
5。直接从Firebug中保存CSS等。我没有使用该功能,但在他们的网站上阅读。 http://livejs.com/ 他们也支持它!!!!

缺点:
1。它不能在文件协议上工作 file:///C:/Users/Admin/Desktop/livejs/live.html
2。你需要有服务器来运行它 http://localhost
三。在进行准备/生产部署时必须删除它
4。不服务 CDN 我尝试过欺骗和应用直接链接 http://livejs.com/live.js 但它不会工作,你必须下载并保持本地工作。

Charles Roper 15 年前

Xrefresh 用萤火虫。

Sampson 15 年前

您可以在页面上放置一个javascript间隔,让它查询一个本地脚本,该脚本检查CSS文件的最后修改日期,如果更改了,则刷新它。

jQuery示例:

var modTime = 0;
setInterval(function(){
  $.post("isModified.php", {"file":"main.css", "time":modTime}, function(rst) {
    if (rst.time != modTime) {
      modTime = rst.time;
      // reload style tag
      $("head link[rel='stylesheet']:eq(0)").remove();
      $("head").prepend($(document.createElement("link")).attr({
          "rel":"stylesheet",
          "href":"http://sstatic.net/mso/all.css?v=4372"
        })
      );
    }
  });
}, 5000);

bob 13 年前

火狐有一个扩展名mozrepl。

Emacs可以通过保存模式下的moz reload来插入这个。

设置后,保存文件将强制刷新浏览器窗口。

Mike Buckbee 15 年前

有些IDE包含此功能(其中会有一个窗格或其他方法在保存时自动刷新页面)。

如果你自己想这么做,一个快速的黑客就是设置 meta refresh 在页面上显示为低值-一到两秒。

# Will refresh the page content every second
<meta http-equiv="refresh" content="1" />

Att Righ 7 年前

Browsersync 可以从服务器端/浏览器外部执行此操作。

这可以实现更多可重复的结果/事情,而不需要点击太多。

这将为页面提供服务并在更改时刷新

cd static_content
browser-sync start --server --files .

它还允许使用脚本模式。

mck89 15 年前

我认为您可以在确定的时间间隔后使用一些Ajax请求来解决这个问题。你可以请求一个CSS文件,如果你没有得到“未修改”的标题,你可以删除你的CSS并重新加载。对于动态文件,执行请求并存储响应,然后每次对该文件发出请求时,都将响应与最新的响应进行比较。