左右镜像文字的小书签 (Bookmarklet)

Mirror_font.js

javascript:(function(){var Mirror=function(w){(function(d){var css='span{display:inline-block;-webkit-transform:matrix(-1,0,0,1,0,0);-moz-transform:matrix(-1,0,0,1,0,0);-o-transform:matrix(-1,0,0,1,0,0);transform:matrix(-1,0,0,1,0,0);text-align:right;}p{display:inline-block;-webkit-transform:matrix(-1,0,0,1,0,0);-moz-transform:matrix(-1,0,0,1,0,0);-o-transform:matrix(-1,0,0,1,0,0);transform:matrix(-1,0,0,1,0,0);text-align:right;}';var s=d.getElementsByTagName('style');for(var i=0,si;si=s[i];i++){if(si.innerHTML==css){si.parentNode.removeChild(si);return}};var heads=d.getElementsByTagName('head');if(heads.length){var node=d.createElement('style');node.type='text/css';node.appendChild(d.createTextNode(css));heads[0].appendChild(node)}})(w.document);for(var i=0,f;f=w.frames[i];i++){try{arguments.callee(f)}catch(e){}}};Mirror(window)})();

// 使用方式: 复制第一行的这串 JavaScript 脚本，在桌面浏览器中创建一个收藏夹中的书签，标题随意，网址填入这串脚本。
// 然后就大功告成，需要使用的时候，点击一下这个书签，就会运行这个小书签的代码。将正文的文字左右镜像。
//
// 这个小书签很粗造，仅作为测试使用
//
// 使用了 https://www.xcnte.com/archives/626/ 中的夜间模式小书签的代码，
// 以及 https://stackoverflow.com/questions/5406368/can-you-use-css-to-mirror-flip-text 的镜像 CSS 代码
//
// 下面是未转换为一行的小书签代码。

javascript: (function () {
    var Mirror = function (w) {
        (function (d) {
            var css = 'span{display:inline-block;-webkit-transform:matrix(-1,0,0,1,0,0);-moz-transform:matrix(-1,0,0,1,0,0);-o-transform:matrix(-1,0,0,1,0,0);transform:matrix(-1,0,0,1,0,0);text-align:right;}p{display:inline-block;-webkit-transform:matrix(-1,0,0,1,0,0);-moz-transform:matrix(-1,0,0,1,0,0);-o-transform:matrix(-1,0,0,1,0,0);transform:matrix(-1,0,0,1,0,0);text-align:right;}';
            var s = d.getElementsByTagName('style');
            for (var i = 0, si; si = s[i]; i++) {
                if (si.innerHTML == css) {
                    si.parentNode.removeChild(si);
                    return
                }
            };
            var heads = d.getElementsByTagName('head');
            if (heads.length) {
                var node = d.createElement('style');
                node.type = 'text/css';
                node.appendChild(d.createTextNode(css));
                heads[0].appendChild(node)
            }
        })(w.document);
        for (var i = 0, f; f = w.frames[i]; i++) {
            try {
                arguments.callee(f)
            } catch (e) {}
        }
    };
    Mirror(window)
})();