Как сделать Firefox автоматически обновляться при изменении файла?


кто-нибудь знает расширение для Firefox или скрипт или какой-то другой механизм, который может контролировать один или несколько файлов. Firefox будет автоматически обновлять или иным образом обновлять свой холст, когда он обнаружил изменение (метки времени) в файлах.

для редактирования CSS было бы идеально, если бы только CSS можно было перезагрузить, а не полный HTML-рендеринг.

эффективно это позволило бы аналогичное поведение Firebug с его динамическим редактированием HTML / CSS, только через внешний файл.

9   58  

9 ответов:

живу.js

на сайте:

Как? Просто включите жить.js и он будет контролировать текущую страницу, включая локальный CSS и Javascript, отправляя последовательные запросы HEAD на сервер. Изменения в CSS будут применяться динамически, а изменения HTML или Javascript будут перезагружать страницу. Попробуй!

где? Жить.js работает в Firefox, Chrome, Safari, Opera и IE6+, пока не доказано обратное. Жить.JS-это независимо от используемой платформы разработки или языка, будь то Ruby, Handcraft, Python, Django, NET, Java, Php, Drupal, Joomla или что-то еще.

Он имеет огромное преимущество работы с IETester, динамическое обновление каждой открытой вкладки IE.

попробуйте добавить следующий код <head>

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

Auto Reload-это расширение для Firefox, которое отслеживает локальные изменения файлов и обновляет браузер:

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

Xrefresh с Firebug.

Я бы порекомендовал livejs

Но он имеет следующие преимущества и недостатки

плюсы:
1. Простая настройка
2. Работает плавно на разных браузерах (Live.js работает в Firefox, Chrome, Safari, Opera и IE6+)
3. Не добавляйте раздражающий интервал для обновления браузера специально, когда вы хотите отлаживать вместе с проектированием
4. Только освежает при сохранении изменения ctrl + S
5. Непосредственно экономит CSS и т. д. С помощью Firebug я не использовал эту функцию, но прочитал на их сайте http://livejs.com/ что они тоже его поддерживают!!!

недостатки:
1. Он не будет работать на файловый протокол file:///C:/Users/Admin/Desktop/livejs/live.html
2. Вам нужно иметь сервер, чтобы запустить его как http://localhost
3. Вы должны удалить его при развертывании на этапе / производстве
4. Не служит CDN Я пробовал изменял & применение прямой ссылки http://livejs.com/live.js но это не будет работать, вы должны скачать и держать на локальном работать.

вы можете просто разместить интервал 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);

Firefox имеет расширение под названием mozRepl.

Emacs может подключаться к этому, с moz-reload-on-save-mode.

когда он настроен, сохранение файла вызывает обновление окна браузера.

есть некоторые IDE, которые содержат эту способность (у них будет панель внутри них или некоторые другие средства для автоматического обновления страницы при сохранении).

Если вы хотите сделать это самостоятельно, быстрый хак, чтобы установить meta refresh на странице с низким значением-одна или две секунды.

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

Browsersync можно сделать это со стороны сервера / за пределами браузера.

Это может достичь более повторяемых результатов / вещей, которые не требуют так много щелчков.

Это будет служить страницу и обновить на изменение

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

Он также позволяет режим сценариев.

Я думаю, что вы можете решить ее с помощью некоторых ajax-запросов после определенного интервала. Вы можете сделать запрос к CSS-файлам, а затем, если вы не получите заголовок "не изменен", вы удалите свой css и загрузите его снова. Для динамических файлов Вы делаете запрос и сохраняете ответ, а затем каждый раз, когда вы делаете запрос к этому файлу, вы сравниваете ответ с последним.