JS властивість Document.lastModified

Загальний опис

Властивість Document.lastModified відіграє важливу роль у веб-розробці, надаючи інформацію про дату та час останньої модифікації документа. Ця інформація представлена у вигляді рядка, що відповідає локальному часу та даті користувача. Основна корисність lastModified полягає в здатності розробників швидко отримати доступ до метаданих веб-сторінки, що може бути корисно для аналітики, контролю версій, а також для підвищення користувацького досвіду шляхом відображення актуальної інформації про останнє оновлення контенту.

Document.lastModified є досить простою властивістю, але її застосування може бути дуже різноманітним. Вона автоматично встановлюється браузером на основі останньої дати зміни файлу, який відображається. Якщо файл не був модифікований з моменту його створення, lastModified може відповідати даті його створення. Важливо зазначити, що точність і актуальність цієї інформації може залежати від способу відправлення файлу на сервер та його кешування.

Отримання дати останньої модифікації документа

Найпростіший спосіб використання Document.lastModified - отримати інформацію про останнє оновлення документа. Це може бути зроблено за допомогою наступного коду:

console.log("Документ було останній раз змінено: " + document.lastModified);

Цей код виведе у консоль дату та час останньої модифікації документа, дозволяючи розробникам або користувачам переконатися в актуальності відображеної інформації.

Використання для контролю версій

Document.lastModified може бути корисним для реалізації простої системи контролю версій на клієнтській стороні. Наприклад, можна зберегти значення lastModified у локальному сховищі браузера і порівняти його з поточним значенням при наступному завантаженні сторінки:

let lastVisit = localStorage.getItem("lastVisit");
let currentModified = document.lastModified;

if (lastVisit !== currentModified) {
    console.log("Документ було оновлено з вашого останнього візиту.");
    localStorage.setItem("lastVisit", currentModified);
} else {
    console.log("Змін не виявлено з часу вашого останнього візиту.");
}

Цей код дозволяє інформувати користувачів про оновлення контенту на сторінці з моменту їх останнього візиту.

Підвищення користувацького досвіду

Використання Document.lastModified може допомогти підвищити користувацький досвід, надаючи відвідувачам інформацію про свіжість контенту. Наприклад, можна динамічно відображати дату останньої модифікації документа на веб-сторінці:

document.getElementById("lastModified").textContent = "Останнє оновлення: " + document.lastModified;

Цей підхід не тільки інформує відвідувачів про актуальність інформації, але й може збільшити довіру до вмісту сайту.

Синтаксис

Document.lastModified

Значення

Return

Переглядачі

• Стаціонарні переглядачі
• Мобільні переглядачі
• Серверні переглядачі

Приклади

• Приклад 1
• Приклад 2
• Приклад 3

// Виведення дати останньої модифікації документа на сторінці
document.body.onload = function() {
  var lastModifiedDate = document.lastModified;
  document.body.innerHTML += `<p>Остання модифікація документа: ${lastModifiedDate}</p>`;
}

// Функція для відображення повідомлення про актуальність інформації
function checkContentFreshness() {
  var lastModified = new Date(document.lastModified);
  var today = new Date();
  var daysDifference = Math.floor((today - lastModified) / (1000 * 60 * 60 * 24));

  if (daysDifference < 1) {
    document.body.innerHTML += `<p>Інформація на сторінці актуальна.</p>`;
  } else if (daysDifference < 7) {
    document.body.innerHTML += `<p>Інформація на сторінці оновлювалась ${daysDifference} дні(в) тому.</p>`;
  } else {
    document.body.innerHTML += `<p>Інформація може бути застарілою, останнє оновлення було більше тижня тому.</p>`;
  }
}

document.body.onload = checkContentFreshness;