摸鱼时页面显示与工作不相关的图片未免有些明目张胆，这时候就需要一键隐藏全图了。
// ==UserScript==// @name 一键隐藏图片// @namespace https://github.com/sdokio// @version 0.3.3// @author SoyaDokio// @description 摸鱼时页面显示与工作不相关的图片未免有些明目张胆，这时候就需要一键隐藏全图了。// @homepage https://github.com/sdokio/UserScript// @icon data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gIoSUNDX1BST0ZJTEUAAQEAAAIYAAAAAAQwAABtbnRyUkdCIFhZWiAAAAAAAAAAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAAHRyWFlaAAABZAAAABRnWFlaAAABeAAAABRiWFlaAAABjAAAABRyVFJDAAABoAAAAChnVFJDAAABoAAAAChiVFJDAAABoAAAACh3dHB0AAAByAAAABRjcHJ0AAAB3AAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAFgAAAAcAHMAUgBHAEIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFhZWiAAAAAAAABvogAAOPUAAAOQWFlaIAAAAAAAAGKZAAC3hQAAGNpYWVogAAAAAAAAJKAAAA+EAAC2z3BhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABYWVogAAAAAAAA9tYAAQAAAADTLW1sdWMAAAAAAAAAAQAAAAxlblVTAAAAIAAAABwARwBvAG8AZwBsAGUAIABJAG4AYwAuACAAMgAwADEANv/bAEMACAYGBwYFCAcHBwkJCAoMFQ4MCwsMGRITDxUeGyAfHhsdHSElMCkhIy0kHR0qOSotMTM2NjYgKDs/OjQ+MDU2M//bAEMBCQkJDAsMGA4OGDMiHSIzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzM//AABEIABAAEAMBIgACEQEDEQH/xAAXAAADAQAAAAAAAAAAAAAAAAAABAUG/8QAIxAAAgICAgEEAwAAAAAAAAAAAQIDBAURITEGEhMiQRVhcf/EABUBAQEAAAAAAAAAAAAAAAAAAAME/8QAHBEBAAEEAwAAAAAAAAAAAAAAAQACESExcZHh/9oADAMBAAIRAxEAPwDe5rOXLmYEMk9nH4ZZjX9+sR63fj5NtTpNhgNHsHf6drZH8HlKdZcw2Uo2pBCTIys0LkEjTKPkDrRB62D98lzGLRyEqZDGz5DGzTGWKSLZauTyysoIJXeyCAeyP7Pw/jT2fIjNDVkq4avMs0QsKRI7qrKAo3sINg7I2eufotcy8RM2KQ79n//Z// @icon64 https://cdn.jsdelivr.net/gh/sdokio/UserScript/assets/images/hide_pictures_on_page_64x64.jpg// @supportURL https://github.com/sdokio/UserScript/issues/new/choose// @license MIT// @match *://*/*// @require https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js// @run-at document-start// @grant GM_addStyle// @grant GM_getValue// @grant GM_setValue// @note 2022/01/24 0.3.3 新功能：记忆特定网站习惯（如在www.baidu.com隐藏了图片，关闭浏览器下次再进入仍是默认隐藏。如需再次显示需要自行设置为显示）// @note 2021/01/29 0.3.2 添加logo// @note 2021/01/29 0.3.1 新功能：拖拽控制面板；控制面板位置记忆// @note 2021/01/27 0.2.1 修复复选框点击无效问题；添加动图使用说明// @note 2021/01/26 0.1 初版发布// ==/UserScript==(function () {"use strict";Array.prototype.indexOf = function (val) {for (var i = 0; i < this.length; i++) if (this[i] == val) return i;return -1;}Array.prototype.remove = function (val) {while (true) {var index = this.indexOf(val);if (index > -1) {this.splice(index, 1);} else {break;}}}var hpop_config_custom;var hpop_config_default = {"version": "0.3.3","sitesHide": [],"position": {"top": window.innerHeight / 2 - 14 + "","left": "0","right": "auto"}}const STYLE_RAW = "" +".hpop-panel{" +"position:fixed;" +"width:64px;" +"height:20px;" +"font-size:12px;" +"font-weight: 500;" +"font-family:Verdana, Arial, '宋体';" +"background:#f1f1f1;" +"z-index:2147483647;" +"margin: 0;" +"opacity:0.4;" +"transition:0.3s;" +"overflow:hidden;" +"user-select:none;" +"text-align:left;" +"white-space:nowrap;" +"line-height:20px;" +"padding:3px 6px;" +"border:1px solid #ccc;" +"box-sizing: content-box;" +"}" +".hpop-panel-left{" +"transform:translate(-63px,0);" +"border-width:1px 1px 1px 0;" +"border-top-right-radius: 14px;" +"border-bottom-right-radius: 14px;" +"}" +".hpop-panel-right{" +"transform:translate(63px,0);" +"border-width:1px 0 1px 1px;" +"border-top-left-radius: 14px;" +"border-bottom-left-radius: 14px;" +"padding-left: 10px;" +"padding-right: 0;" +"}" +".hpop-panel input{" +"margin: 0;" +"padding: 0;" +"vertical-align:middle;" +"-webkit-appearance:checkbox;" +"-moz-appearance:checkbox;" +"position: static;" +"clip: auto;" +"opacity: 1;" +"cursor: pointer;" +"}" +".hpop-panel.hpop-panel-active{" +"width:70px;" +"opacity: 0.9;" +"}" +".hpop-panel.hpop-panel-left-active{" +"left: 0px;" +"transform:translate(0,0);" +"}" +".hpop-panel.hpop-panel-right-active{" +"right: 0px;" +"transform:translate(0,0);" +"}" +".hpop-panel label{" +"margin:0;" +"padding:0 0 0 3px;" +"font-weight:500;" +"}" +".hpop-panel-move{" +"border-width:1px 1px 1px 0;" +"border-radius: 14px;" +"}" +" ";main();function main() {// 取出本地缓存配置hpop_config_custom = GM_getValue("hpop_config");if (!hpop_config_custom) {hpop_config_custom = hpop_config_default;}// 将数据结构的变更保存到本地缓存配置var updFlag = false;for (var _key in hpop_config_default) {if (!hpop_config_custom.hasOwnProperty(_key)) {hpop_config_custom._key = hpop_config_default._key;updFlag = true;}}if (updFlag) {// 保存当前配置到本地缓存GM_setValue("hpop_config", hpop_config_custom);}generateControlPanel();}// 生成控制面板（浮动元素）function generateControlPanel() {// 新建控制面板元素var node = document.createElement("hide-pictures-on-page");node.id = "hpop-panel";if (hpop_config_custom.position.left == 0) {node.className = "hpop-panel hpop-panel-left";}if (hpop_config_custom.position.right == 0) {node.className = "hpop-panel hpop-panel-right";}node.style.cssText = "position:fixed;top:" + hpop_config_custom.position.top + "px;"+ "left:" + hpop_config_custom.position.left + "px;"+ "right:" + hpop_config_custom.position.right + "px;";node.innerHTML = "<input type='checkbox' id='hpop-switch' />"+ "<label style='cursor:pointer;font-size:12px;color:3d3d3d;'>隐藏图片</label>";// 仅在顶层窗口添加控制面板if (window.self === window.top) {if (document.querySelector("body")) {document.body.appendChild(node);} else {document.documentElement.appendChild(node);}}// 根据记忆状态（显示/隐藏）初始化该网站if (hpop_config_custom.sitesHide.indexOf(document.location.hostname) > -1) {document.querySelector("#hpop-switch").checked = true;$(document).ready(function() {$("img").hide();});}// 添加控制面板所需样式var _style = document.createElement("style");_style.type = "text/css";_style.innerHTML = STYLE_RAW;if (document.querySelector("#hpop-panel")) {document.querySelector("#hpop-panel").appendChild(_style);} else {GM_addStyle(STYLE_RAW);}// 给控制面板添加鼠标滑入/滑出时展开/吸附效果node.addEventListener("mouseover", function () {node.classList.add("hpop-panel-active");if (hpop_config_custom.position.left == 0) {node.classList.add("hpop-panel-left-active");}if (hpop_config_custom.position.right == 0) {node.classList.add("hpop-panel-right-active");}});node.addEventListener("mouseleave", function () {setTimeout(function () {node.classList.remove("hpop-panel-active");node.classList.remove("hpop-panel-left-active");node.classList.remove("hpop-panel-right-active");}, 300);});// 给控制面板添加拖拽效果node.addEventListener("mousedown", function (event) {node.style.transition = "null";var dispX = event.clientX - node.offsetLeft;var dispY = event.clientY - node.offsetTop;var move = function (event) {node.classList.add("hpop-panel-move");node.style.left = event.clientX - dispX + "px";node.style.top = event.clientY - dispY + "px";}document.addEventListener("mousemove", move);document.addEventListener("mouseup", function () {node.classList.remove("hpop-panel-move");node.style.transition = "0.3s";document.removeEventListener("mousemove", move);var bodyWidth = document.body.clientWidth;var hpop_nodeWidth = node.offsetLeft + node.offsetWidth / 2;if (hpop_nodeWidth > bodyWidth / 2) {node.style.left = "auto";node.style.right = 0;node.classList.remove("hpop-panel-left");node.classList.add("hpop-panel-right");hpop_config_custom.position.left = "auto";hpop_config_custom.position.right = "0";} else {node.style.left = hpop_config_custom.position.left = 0;node.style.right = hpop_config_custom.position.right = "auto";node.classList.add("hpop-panel-left");node.classList.remove("hpop-panel-right");}hpop_config_custom.position.top = node.offsetTop;// 保存当前配置到本地缓存GM_setValue("hpop_config", hpop_config_custom);});});// 给控制面板添加点击显示/隐藏效果var toggleShowHide = function () {if (document.querySelector("#hpop-switch").checked) {document.querySelector("#hpop-switch").checked = false;$("img").show("500");// 取消记忆本网站下次默认隐藏图片hpop_config_custom.sitesHide.remove(document.location.hostname);} else {document.querySelector("#hpop-switch").checked = true;$("img").hide("500");// 记忆本网站下次默认隐藏图片hpop_config_custom.sitesHide.push(document.location.hostname);}// 保存当前配置到本地缓存GM_setValue("hpop_config", hpop_config_custom);}node.addEventListener("click", toggleShowHide);node.querySelector("#hpop-switch").addEventListener("click", toggleShowHide);}})();