Shows full timestamps on Facebook posts
目前為
// ==UserScript==
// @name FB: full timestamps
// @match https://www.facebook.com/*
// @match https://*.facebook.com/*
// @run-at document-start
// @grant GM_addStyle
// @author wOxxOm & JZersche
// @require https://greasyfork.org/scripts/12228/code/setMutationHandler.js
// @ require http://momentjs.com/downloads/moment.min.js
// @version 1.04
// @namespace https://greasyfork.org/users/95175
// @description Shows full timestamps on Facebook posts
// ==/UserScript==
var options = { weekday: 'long', year: 'numeric', month: 'numeric', day: '2-digit' };
GM_addStyle(
'.full-timestamp { opacity: 0.65; color: #f00; }' +
'.full-timestamp:hover { opacity: 1.0; }' +
'.full-timestamp:before { content: " ("; }' +
'.full-timestamp:after { content: ")"; }'
);
// process the already loaded portion of the page if any
expandDates(document.querySelectorAll('abbr[data-utime]'));
// process the stuff added from now on
setMutationHandler(document, 'abbr[data-utime]', expandDates);
function expandDates(nodes) {
for (var i = 0, abbr; (abbr = nodes[i++]); ) {
if (abbr.querySelector('.full-timestamp')) {
// already processed
continue;
}
abbr.insertAdjacentHTML('beforeend', '<span class="full-timestamp">' + (moment(new Date(abbr.dataset.utime * 1000)).format('dddd, M/DD/YYYY []')) + '' +
abbr.title.substr(+15, abbr.title.substr.length0)
.replace('2000','').replace('2001','').replace('2002','')
.replace('2003','').replace('2004','').replace('2005','')
.replace('2006','').replace('2007','').replace('2008','')
.replace('2009','').replace('2010','').replace('2011','')
.replace('2012','').replace('2013','').replace('2014','')
.replace('2015','').replace('2016','').replace('2017','')
.replace('000','').replace('001','').replace('002','')
.replace('003','').replace('004','').replace('005','')
.replace('006','').replace('007','').replace('008','')
.replace('009','').replace('010','').replace('011','')
.replace('012','').replace('013','').replace('014','')
.replace('015','').replace('016','').replace('017','')
.replace('January','').replace('February','').replace('March','')
.replace('April','').replace('May','').replace('June','')
.replace('July','').replace('August','').replace('September','')
.replace('October','').replace('November','').replace('December','')
.replace('at','').replace('am','AM').replace('pm','PM')
.replace('ber','').replace('ary','').replace('ry','')
.replace('t','')
.replace('er 4','').replace('er','').replace(' 5','5')
.replace(' 6','6').replace(' 7','').replace(' 8','')
.replace(' 9','9').replace('y 10','').replace(' 11,','')
.replace(' 12','12').replace('12,','').replace('13,','')
.replace(' 13,','').replace(' 14','').replace(' 15','')
.replace('15 ','').replace(' 16','').replace(' 18','')
.replace(' 19','').replace(' 20','').replace('ry 21,','')
.replace(' 22','').replace(' 23','').replace(' 24','')
.replace(' 25','').replace(' 26','').replace(' 27','')
.replace(' 28','').replace(' 29','').replace(' 30,','')
.replace(' 31','').replace(' 32','').replace(' 27','')
.replace('r 28','').replace('30, ','').replace('14 ','')
.replace(',','') +
//':' +
(
moment(new Date(abbr.dataset.utime * 1000)
)
.format(' · [UTC]Z')) + '</span>');
}
}
/* Method #1 (moment(abbr.dataset.utime * 1000).format('dddd, M/DD/YYYY, h:mm:ss A · [UTC]-05:00')) + '</span>');
~ Problematic, because old posts end up showing 3 hours ahead, while recent posts show correct time for some unknown reason.*/
/* Method #2 (moment(abbr.dataset.utime * 1000).utcOffset.format('dddd, M/DD/YYYY, h:mm:ss A · [UTC]-05:00')) + '</span>');
~ Use this to subtract 3 hours, resulting in accurate older posts but newer posts show 3 hours behind. */
// new Date(abbr.dataset.utime * 1000).toLocaleString() + '</span>');
//// document.getElementsByTagName("abbr")[i].title.toLocaleString() + '</span>');
//// //// (moment(new Date()).format('dddd, M/DD/YYYY, h:mm:ss A · [GMT]ZZ'));
////// new Date(abbr.dataset.utime * 1000).toLocaleDateString('en-US', options) + '</span>');
/*
(moment(abbr.dataset.utime * 1000).subtract('hours', 3).format('dddd, M/DD/YYYY, h:mm:ss A · [UTC]Z')) + '</span>');
*/
/* EXAMPLE:
setMutationHandler(document, '.container p.some-child', function(nodes) {
// single node:
nodes[0].remove();
// or multiple nodes:
nodes.forEach(function(node) {
node.style.display = 'none';
});
//this.disconnect(); // disconnect the observer, this is useful for one-time jobs
});
*/
// ==UserScript==
// @name setMutationHandler
// @description MutationObserver wrapper to wait for the specified CSS selector
// @namespace wOxxOm.scripts
// @author wOxxOm
// @grant none
// @version 2.0.9
// ==/UserScript==
/*
function setMutationHandler(baseNode, selector, cb, options) {
var ob = new MutationObserver(function MOhandler(mutations) {
if (mutations.length > 100 && !document.querySelector(selector))
return;
var found = [];
for (var i=0, ml=mutations.length; i < ml; i++) {
var m = mutations[i];
switch (m.type) {
case 'childList':
var nodes = m.addedNodes, nl = nodes.length;
var textNodesOnly = true;
for (var j=0; j < nl; j++) {
var n = nodes[j];
textNodesOnly &= n.nodeType == 3; // TEXT_NODE
if (n.nodeType != 1) // ELEMENT_NODE
continue;
if (n.matches(selector))
found.push(n);
else if (n.querySelector(selector)) {
n = n.querySelectorAll(selector);
if (n.length < 1000)
found.push.apply(found, n);
else
found = found.concat(found.slice.call(n));
}
}
if (textNodesOnly && m.target.matches(selector))
found.push(m.target);
break;
case 'attributes':
if (m.target.matches(selector))
found.push(m.target);
break;
case 'characterData':
if (m.target.parentNode && m.target.parentNode.matches(selector))
found.push(m.target.parentNode);
break;
}
}
if (found.length)
cb.call(ob, found);
});
ob.observe(baseNode, options || {subtree:true, childList:true});
return ob;
}
*/