ImageViewer

图片查看效果增强 for Chrome/Edge/Firefox
当前为 2021-07-12 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         ImageViewer
// @namespace    http://tampermonkey.net/
// @url          https://gf.qytechs.cn/zh-CN/scripts/429054-imageviewer
// @version      1.0.5
// @description  图片查看效果增强 for Chrome/Edge/Firefox
// @author       Jack.Chan (971546@qq.com)
// @match        *://*/*
// @grant        none
// @run-at       document-start
// ==/UserScript==
 
(function() {
    'use strict';
    var reg = /\.(jpg|jpeg|gif|png|apng|svg|webp|bmp)$/;
    var pathname = location.pathname;
    if (reg.test(pathname)) {
        var doc = document.body || document.documentElement;
        var docTagName = doc.tagName.toLowerCase();
        var isViewerMode = docTagName == 'svg' || (docTagName == 'body' && doc.children && doc.children[0].tagName.toLowerCase() == 'img');
        if (isViewerMode) {
            if (document.head) {
                var style = document.createElement('style');
                style.setAttribute('type', 'text/css');
                style.innerHTML = `img{position: static !important;background: none !important;background-color: transparent !important;}`;
                document.head.appendChild(style);
            }
            doc.style.backgroundImage = 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAAlC+aJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUwODBCOTRFREZCNDExRUI5ODVFQkZDMUFFOUU5Q0FBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUwODBCOTRGREZCNDExRUI5ODVFQkZDMUFFOUU5Q0FBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTA4MEI5NENERkI0MTFFQjk4NUVCRkMxQUU5RTlDQUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTA4MEI5NERERkI0MTFFQjk4NUVCRkMxQUU5RTlDQUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4S9mZgAAAAY0lEQVR42uzYUQkAIAxFURUDLMr6p1oEU0wUzg0wOLy/zcwcnVVV6/01Pg8AAAAAAAAAAAAAAAAAAAAAAAAAAADgfrv7fx8RFgAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4qyPAAIoqBuJ7WIoBAAAAAElFTkSuQmCC)';
            doc.style.backgroundAttachment = 'fixed';
            doc.style.boxSizing = 'border-box';
            doc.style.position = 'absolute';
            doc.style.top = '50%';
            doc.style.left = '50%';
            doc.style.transform = 'translate(-50%, -50%)';
            if (docTagName == 'svg') {
                doc.style.padding = '10px';
                doc.style.width = 'auto';
                doc.style.height = 'auto';
                doc.style.maxWidth = '100%';
                doc.style.maxHeight = '100%';
            }
        }
    }
})();
欢迎访问Greasy Fork镜像
