// ==UserScript==// @name         谷歌搜索 - 优化// @namespace    http://tampermonkey.net/// @version      0.1.8// @description  1.屏蔽推广 2.普通样式 3.单列居中 4双列居中// @author       浮生未歇// @run-at       document-start// @include      https://www.google.com*/search*// @exclude      https://www.google.com*/search*&source=lnms*// @resource     googleCommon https://cdn.jsdelivr.net/gh/sinlin/[email protected]/2019-03-16/google-common.css// @resource     googleOne https://cdn.jsdelivr.net/gh/sinlin/[email protected]/2019-03-16/google-one.css// @resource     googleTwo https://cdn.jsdelivr.net/gh/sinlin/[email protected]/2019-03-16/google-two.css// @grant        GM_addStyle// @grant        GM_getResourceText// @grant        GM_getResourceURL// @grant        GM_setValue// @grant        GM_getValue// @grant        GM_deleteValue// @grant        GM_xmlhttpRequest// ==/UserScript==(() => {//初始化配置let Configs = {//是否调试IS_DEBUG: false,//功能配置OPTIONS: [//页面布局：1：普通页面，2：单列居中，3：双列居中，{ name: "SELECT_PAGE", value: 1 }],//谷歌样式GOOGLE_STYLES: {COMMON: GM_getResourceText("googleCommon"),ONE: GM_getResourceText("googleOne"),TWO: GM_getResourceText("googleTwo"),}};//Google对象参数配置let googleParamConfig = { Configs, window, document, location };//Google对象let Google = (({ Config, window, document, location }, undefined) => {//创建空对象let Google = Object.create(null);//绑定 Google.ready = functon(){} 功能Reflect.defineProperty(Google, "ready", {set: fn => {if (document.readyState === "complete") {fn();} else if (!!document.addEventListener) {document.addEventListener("DOMContentLoaded",() => {fn();},true);} else {throw new Error("Google.ready can't use");}}});/*** 函数执行器 - 组合执行*/class Command {constructor() {this.commondList = [];}/*** 添加数组缓存中* @param {object} command 对象实例*/add(command) {this.commondList.push(command);}/*** 执行数值缓存中的实例*/execute() {for (let i = 0, command; (command = this.commondList[i++]); ) {command.execute();}}}/*** GM* 用于调用 TamperMonkey 内置API*/class GM {/*** 获取数据储存*/getGmValue(selection) {return GM_getValue(selection.name, selection.value);}/*** 设置数据储存*/SetGmValue(name, value) {GM_setValue(name, value);}/*** 使用GM导入样式* @param {string} styles 样式*/importGmStyle(styles) {if (typeof styles === "string") {GM_addStyle(styles);}}}/*** 数据类* 用于获取跟初始化配置相关的信息*/class Data extends GM {constructor() {super();this.DEFAULT_PAGE_LAYOUT_TYPE = Configs.OPTIONS[0];this.STYLE_CONTENT_COMMON = Configs.GOOGLE_STYLES.COMMON;this.STYLE_CONTENT_ONE_CENTER = Configs.GOOGLE_STYLES.ONE;this.STYLE_CONTENT_TWO_CENTER = Configs.GOOGLE_STYLES.TWO;}getPageLayoutName () {return this.DEFAULT_PAGE_LAYOUT_TYPE["name"];}getCurrentPageLayoutType() {return Number(this.getGmValue(this.DEFAULT_PAGE_LAYOUT_TYPE)) || 1;}getCommonPageStyleContent() {return this.STYLE_CONTENT_COMMON || "";}getOneCenterStyleContent() {return this.STYLE_CONTENT_ONE_CENTER || "";}getTwoCenterStyleContent() {return this.STYLE_CONTENT_TWO_CENTER || "";}}/*** 基础类*/class Base extends Data{isHideElement(element) {return element.style.display === "none";}hideElement(element) {element.style.display = "none";}showElement(element) {element.style.display = "block";}}/*** 样式类* @class Style*/class Style extends Base {constructor() {super();this.cache = "";}/*** 清除缓存*/clearCache() {this.cache = "";}/*** 导入样式*/importStyle() {super.importGmStyle(this.cache);}/*** 将样式内容添加到缓存* @param {string} styleContent*/add(styleContent) {if (typeof styleContent === "string") {this.cache += styleContent;} else {this.cache += "";}return this;}/*** 结束标识符* 开始调用导入功能* 清空缓存*/end() {this.importStyle();this.clearCache();}}/*** 样式-普通页*/class StyleByCommon extends Style {constructor() {super();}/*** 获取普通样式*/getCommonPageStyleContent() {return super.getCommonPageStyleContent();}getMulPageStyleContent(){let currentLayoutType = this.getCurrentPageLayoutType();let style = "";switch (currentLayoutType) {//普通样式case 1: style = ""; break;//单页居中case 2: style = this.getOneCenterStyleContent(); break;//双页居中case 3: style = this.getTwoCenterStyleContent(); break;}return style;}init () {super.add(this.getCommonPageStyleContent()).add(this.getMulPageStyleContent()).end();}execute () {this.init();}}/*** 菜单*/class MenuNode extends Base {constructor() {super();this.MENU_BTN_ID = "myGoogleMenuButton";this.MENU_LISTS_ID = "myGoogleLists";this.MENU_SAVE_NAME="myGooglesave";}/*** 获取父节点*/getContainerNode() {// return document//     .getElementById("gb")//     .querySelector(".gb_Jf");//return document.getElementById("ab_options");return document.getElementById("abar_button_opt");}getMenuSaveIdName () {return this.MENU_SAVE_NAME;}getPageLayoutName () {return super.getPageLayoutName();}/*** 获得 HTML - 页面布局选项* @param content 显示的内容* @param layoutType 页面布局类型*/getContentPageSelect(content, layoutType) {let checked = super.getCurrentPageLayoutType() === layoutType ? "checked" : "";return `<li><input type="radio" name="${ this.getPageLayoutName()}" value="${ layoutType }" ${ checked }>${ content }</li>`;}/*** 获得 HTML - 保存* @param content 显示的内容*/getContentSava(content) {let menuSaveIdName = this.getMenuSaveIdName();return `<input id='${menuSaveIdName}' type='button' style='margin-top:3px;display:block;width:100%' value='${content}'>`;}//获取整体 HTMLgetContent() {let content = "";content += "<ol>页面选择";content += this.getContentPageSelect("普通页面", 1);content += this.getContentPageSelect("单页居中", 2);content += this.getContentPageSelect("双页居中", 3);content += "</ol>";content += this.getContentSava("保存");return content;}/*** 插入按钮*/insertMenuBtnNode() {let container = this.getContainerNode();let div = document.createElement("div");div.innerHTML = "自定义";div.id = this.MENU_BTN_ID;// container.insertBefore(div, container.parentNode.firstChild);// container.appendChild(div);container.before(div);}/*** 插入功能列表*/insertMenuItemsNode() {let container = this.getContainerNode();let div = document.createElement("div");div.innerHTML = this.getContent();div.id = this.MENU_LISTS_ID;div.style.display = "none";// container.insertBefore(div, container.firstChild);container.before(div);}bindMenuBtnEvent () {let btn = document.getElementById(this.MENU_BTN_ID);let lists = document.getElementById(this.MENU_LISTS_ID);btn.onclick = () => {if(this.isHideElement(lists)){this.showElement(lists);}else{this.hideElement(lists);}}}bindMenuSaveEvent () {let save = document.getElementById(this.MENU_SAVE_NAME);save.onclick = (event) => {let e = event || window.event;let radios = document.getElementsByName(this.getPageLayoutName());for(let i = 0, raido; (raido = radios[i++]);){if (!!raido.checked){super.SetGmValue(this.getPageLayoutName(), raido.value);break;}}e.stopPropagation();location.href = location.href;}}init() {this.insertMenuBtnNode();this.insertMenuItemsNode();Promise.resolve().then(() => {this.bindMenuBtnEvent();this.bindMenuSaveEvent();});}execute() {Google.ready = () => {this.init();};}}/*** 多页布局* @class MulPageLayout*/class MulPageLayout extends Base {constructor () {super();this.PageLayouts = [3];this.LISTS_CLASS_NAME = "googlelists";}isMulPageLayout () {let currentLayoutType = super.getCurrentPageLayoutType();return this.PageLayouts.includes(currentLayoutType);}getContainer  () {return document.getElementById("rso");}getLists () {return document.getElementsByClassName(this.LISTS_CLASS_NAME);}getSearchR###lts () {// return document.getElementById("rso").querySelectorAll(".bkWMgd>.g, .srg>.g #rso>.g");return document.querySelectorAll("#rso>.g");}getListsHeight(){let heights = [];let lists = this.getLists();for(let i = 0, list; (list = lists[i++]);){heights.push(list.clientHeight || 0);}return heights;}isExistListsElement () {return document.getElementsByName(this.LISTS_CLASS_NAME).length > 0;}insertListsElement () {if(this.isExistListsElement()){return;}let className = this.LISTS_CLASS_NAME;let container = this.getContainer();let frame = document.createDocumentFragment();for(let i = 1; i <= 2; i++){let div = document.createElement("div");div.className = `${className} ${className}${i}`;frame.appendChild(div);}container.insertBefore(frame, container.firstChild);}moveSearchR###ltElement () {let lists = this.getLists();let items = this.getSearchR###lts()let heights = this.getListsHeight();let frames = [];//初始化for (let i = 0, length = lists.length; i < length; i++) {//缓存frames.push(document.createDocumentFragment());}//将 item 添加到虚拟DOM中for (let i = 0, item; (item = items[i++]); ) {//获取最小的高度值let minHeight = Reflect.apply(Math.min, null, heights);//获取最小的高度的索引值let index = heights.indexOf(minHeight);//添加到高度heights[index] += item.clientHeight;//缓存frames[index].appendChild(item);}//添加到真实DOMfor (let i = 0, length = lists.length; i < length; i++) {lists[i].appendChild(frames[i]);}}init () {this.insertListsElement();this.moveSearchR###ltElement();}execute () {if(this.isMulPageLayout()){Google.ready = () => {this.init();}}}}/*** 普通页控制*/class CommonPageControl {run() {let command = new Command();command.add(new StyleByCommon());command.add(new MulPageLayout());command.add(new MenuNode());command.execute();}}/*** 简单工厂模式*/class Factory {static getConfig() {return [{ reg: /https/, useObject: CommonPageControl }];}static create(URL) {let configs = this.getConfig();for (let { reg, useObject } of configs) {if (reg.test(URL)) {return new useObject();}}}}/*** 启动函数*/Google.start = () => {Factory.create(location.href).run();};return Google;})(googleParamConfig);Google.start();})();