ページの更新日を表示するUserScript
右上の作成者アイコンから見れるけど、ブログっぽく明示したい時
リアルタイム更新はされません
code:script.js
function getHtml (dateString) {
return '<span class="page-last-update" style="position: absolute; bottom: -28px; right: 0; color: #888;">Last updated on: ' + dateString + '</span>' }
function setOrUpdateTime () {
if (scrapbox.Layout !== 'page') return
let dateString = $('.page-menu .date-label').eq(1).attr('title')
if ($('.page-last-update').length > 0) {
$('.page-last-update').text('Last updated on: ' + dateString)
} else {
$('.editor').append(getHtml(dateString))
}
}
new MutationObserver(setOrUpdateTime)
.observe(document.querySelector('title'), { childList: true })
setOrUpdateTime()
How to use
import '/api/code/nekobatoken/ページの更新日を表示するUserScript/script.js'