// ==UserScript== // @name 必应主题 // @namespace http://tampermonkey.net/ // @version 2.2.1 // @description 美化必应搜索页面 // @author Onion // @require https://cdn.staticfile.org/jquery/3.4.0/jquery.min.js // @require https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js // @include *//cn.bing.com/* // @include *//bing.com/* // @include *bing.com/* // @icon https://www.google.com/s2/favicons?sz=64&domain=bing.com // @grant none // @license MIT // @downloadURL none // ==/UserScript== (function() { 'use strict'; if(window.location.href.indexOf("cn.bing.com/search") > -1){ //config var picUrl="https://bing.com/th?id=OHR.NationalDay2022_ZH-CN3861603311_1920x1080.jpg" if($.cookie('blurDeg')===undefined || $.cookie('picUrl')===undefined){ $.cookie('blurDeg',"blur(13px)",{ expires: 31 }) $.cookie('aDeg1',"53",{ expires: 31 }) $.cookie('aDeg2',"7c",{ expires: 31 }) $.cookie('picUrl',"https://bing.com/th?id=OHR.NationalDay2022_ZH-CN3861603311_1920x1080.jpg",{ expires: 31 }) alert("欢迎，数值设置格式请看控制台！") } console.log("模糊度的范围从0到1000(纯数字),例如:15") console.log("透明度的范围从00到fc(16进制)，例如:ac") console.log("图片url网址链接，你可以自己找，或者挂到GitHub上生成链接") //config var searchBox=document.getElementsByClassName("b_searchbox")[0]; var searchboxForm=document.getElementsByClassName("b_searchboxForm")[0]; var temp=document.getElementById('b_content'); var temp2=document.getElementById('b_results'); var temp3=document.getElementById('b_header'); var b_rrsr=document.getElementsByClassName('b_rrsr'); var tab1=document.getElementsByClassName("tab-menu"); var b_algo=document.getElementsByClassName('b_algo'); var trans1=document.getElementsByClassName('b_title'); var b_context=document.getElementById('b_context'); var slide=document.getElementsByClassName("slide") var length1=b_context.children.length var nws_cwrp= document.getElementsByClassName("nws_cwrp") var liChildren=document.getElementById('b-scopeListItem-video') var lifontSize=window.getComputedStyle(liChildren).fontSize //获取fontSize 的方法，常规方法获得的是0因为由字体定义而来 var b_ans=document.getElementsByClassName('b_ans'); var b_bfb_mainline=document.getElementsByClassName('b_bfb_mainline b_ans')[0] var sb_form_q= document.getElementById('sb_form_q') var b_header= document.getElementById('b_header') var b_scopebar=document.getElementsByClassName("b_scopebar"); //获取关联盒子 var relatedBox = document.getElementById('b_recSQ').previousSibling var b_recSQ=document.getElementById('b_recSQ') var imgsrc=[`${$.cookie('picUrl')}`] var img = new Image(); img.src = imgsrc[0] // header背景 b_context.children[length1-1].style.display="none"; function header_bg(){ b_header.children[0].style.background="linear-gradient(to right, rgb(255, 221, 238), skyblue) 0% 0% / 100% fixed" b_header.children[0].children[0].style.background="linear-gradient(to right, rgb(255, 221, 238), skyblue) 0% 0% / 100% fixed" b_header.children[0].children[1].style.background="linear-gradient(to right, rgb(255, 221, 238), skyblue) 0% 0% / 100% fixed" } function creatBox(){ var div = document.createElement("div"); //为div创建属性class = "test" var divattr = document.createAttribute("id"); divattr.value = "settings"; //把属性class = "test"添加到div div.setAttributeNode(divattr); //创建一个值为test的按钮 var input = document.createElement("input"); var inputattr = document.createAttribute("type"); inputattr.value = "button"; input.setAttributeNode(inputattr); var inputattr1 = document.createAttribute("value"); inputattr1.value = "test"; input.setAttributeNode(inputattr1); //创建一hello,world个文本节点 var text = document.createTextNode("settings"); //将按钮和文本节点追加到div div.appendChild(input); div.appendChild(text); //为div添加样式 var style = document.createAttribute("style"); div.setAttributeNode(style); div.style.backgroundColor = "rgb(255 255 255 / 70%)"; div.style.borderWidth = "20px"; div.style.width = "500px"; div.style.height = "580px"; //把div追加到body b_scopebar[0].appendChild(div) document.getElementById("settings").style=" backdrop-filter: blur(30px);background-color: rgba(255, 255, 255, 0);border-color: rgb(0, 0, 0);width: 22%;height: 209%;position: absolute;top: 112%;left: 43%;z-index: 9;border-radius: 10px;" var css_innerBox=` position: absolute; top: 0%; left: 0%; bottom: 0%; right: 0%; background-color: rgb(144 144 144 / 48%); z-index: 9; height: 100%; width: 100%; margin: auto; border-radius: 10px;` var css_input=` width: 80%; height: 27px; border-radius: 10px;` var css_set=`margin: 10px 18px;` var css_button=`background:transparent;border-radius: 4px;float:right;` var css_move_it=` translate: 50%;float: right;` document.getElementById("settings").innerHTML=`
模糊度 X
透明度1
透明度2
图片URL
 
` //插入渲染完成 var settings=document.getElementById("settings") var confirm_button=document.getElementById("confirm_button") var input_set=document.getElementsByClassName('input_set') settings.style.display="none" confirm_button.addEventListener('click',()=>{ $.cookie('blurDeg',`blur(${input_set[0].value}px)`,{ expires: 31 }) $.cookie('aDeg1',`${input_set[1].value}`,{ expires: 31 }) $.cookie('aDeg2',`${input_set[2].value}`,{ expires: 31 }) location.reload(); }) document.getElementById("move_it").addEventListener('click',()=>{ document.getElementById("settings").style.display="none" }) } creatBox() //移动函数 window.onload=function(){ var demo = document.getElementById("settings") var canitmove = false var x = 0, y = 0 demo.onmousedown = function (e) { x = e.pageX - demo.offsetLeft y = e.pageY - demo.offsetTop canitmove = true console.log(e.pageX) } window.onmouseup = function () { canitmove = false } window.onmousemove = function (e) { if (canitmove) { demo.style.left = e.pageX - x + 'px' demo.style.top = e.pageY - y + 'px' } } } // 快捷输入与置顶与按键监听 document.onkeydown=function(e){ var keyNum=window.event ? e.keyCode :e.which; //alert(keyNum) if (191 == keyNum && e.shiftKey ){ e.preventDefault(); if( document.getElementById('mfa_srch')){ document.getElementById('mfa_srch').click() } } if (13 == keyNum ){ if(document.getElementById("settings").style.display=="block"){ document.getElementById("confirm_button").click() } } } //结果框背景色函数 function changeBack_All(deg,deg2){ changeBack_1(deg,deg2); changeBack_2(deg,deg2); } function changeBack_1(deg,deg2){ for(let k=0; k<=b_ans.length-1;k++) { b_ans[k].style.borderRadius="10px"; b_ans[k].style.background=`#ffffff${deg}` b_ans[k].style.backdropFilter=`${deg2}` } } function changeBack_2(deg,deg2){ for(let i=0;i<=b_algo.length-1;i++) { b_algo[i].style.borderRadius="10px"; b_algo[i].style.background=`#ffffff${deg}` b_algo[i].style.caretColor="transparent"; b_algo[i].style.backdropFilter=`${deg2}` // b_algo[i].addEventListener("mouseover", b_algo[i].style.boxShadow="0 6px 20px 0 rgb(0 0 0 /30%)") }} function searchStyle(){ if( b_bfb_mainline){ b_bfb_mainline.style.borderRadius="10px" } if(b_rrsr[0]){ for(let k=0; k<=b_rrsr.length-1;k++) { // b_rrsr[k].style.borderRadius="10px"; b_rrsr[0].style.background="transparent"; }} if(tab1.length>0){ for(let i=0;i<=tab1[0].children[0].children.length-1;i++){ tab1[0].children[0].children[i].style.backgroundColor=("transparent"); } } for(let i=0;i<=trans1.length-1;i++) { trans1[i].style.translate="23px"; //这一句有报错，但是我看不懂 } // searchBox.style.setProperty('width', '480px', 'important'); searchBox.style.transition="all 0.5s" } function move1(){ searchBox.onmousedown=function(){ searchBox.style.width="77vh"; }} temp.onmousedown=function(){ searchBox.style.width="522px"; } // $.cookie('flag', '0') var button_1 = document.createElement("button"); //创建一个按钮 button_1.textContent = "透明"; //按钮内容 button_1.style.width = "60px"; //按钮宽度 button_1.style.height = "30px"; //按钮高度 button_1.style.align = "center"; //居中 button_1.style.color = "#444444"; //按钮文字颜色 button_1.style.border = "none"; //按钮文字颜色 button_1.style.background = "transparent"; //按钮底色 button_1.style.fontSize=lifontSize button_1.style.padding="9.3px 0" button_1.addEventListener("click", clickButton_1) function clickButton_1(){ searchboxForm.style.background="transparent" $.cookie('flag', '1') } if($.cookie('flag')==1){ searchboxForm.style.background="transparent" } var button_2 = document.createElement("button"); //创建一个按钮 button_2.textContent = "炫彩"; //按钮内容 button_2.style.width = "60px"; //按钮宽度 button_2.style.height = "30px"; //按钮高度 button_2.style.align = "center"; //居中 button_2.style.color = "#444444"; //按钮文字颜色 button_2.style.border = "none"; //按钮文字颜色 button_2.style.background = "transparent"; //按钮底色 button_2.style.fontSize=lifontSize button_2.style.padding="9.3px 0" button_2.addEventListener("click", clickButton_2) function clickButton_2(){ searchboxForm.style.backgroundImage="linear-gradient(to right, rgb(255, 221, 238), skyblue)"; $.cookie('flag', '1') } if($.cookie('flag')==2){ searchboxForm.style.backgroundImage="linear-gradient(to right, rgb(255, 221, 238), skyblue)"; } var button_3 = document.createElement("button"); //创建一个按钮 button_3.textContent = "换背景"; //按钮内容 button_3.style.width = "60px"; //按钮宽度 button_3.style.height = "30px"; //按钮高度 button_3.style.align = "center"; //居中 button_3.style.color = "#444444"; //按钮文字颜色 button_3.style.border = "none"; //按钮文字颜色 button_3.style.background = "transparent"; //按钮底色 button_3.style.fontSize=lifontSize button_3.style.padding="9.3px 0" button_3.addEventListener("click", clickButton_3) button_3.addEventListener("dblclick", dblclickButton_3) if($.cookie('bgFlag')==undefined){ $.cookie('bgFlag','3', { expires: 31 })//如果空则默认渐变色 } function clickButton_3(){//图片背景 $.cookie('bgFlag','4',{ expires: 31 }) temp.style.background=`url(${img.src}) ` temp.style.backgroundAttachment="fixed" temp.style.backgroundSize="100%" changeBack_All(`${$.cookie('aDeg2')}`,`${$.cookie('blurDeg')}`) temp.style.translate="" } function dblclickButton_3(){//渐变色背景 $.cookie('bgFlag','3', { expires: 31 }) temp.style.backgroundImage="linear-gradient(to right, #FFDDEE , skyblue)"; temp.style.backgroundAttachment="fixed" changeBack_All(`${$.cookie('aDeg1')}`,"none") temp.style.translate="0px -2px" } if($.cookie('bgFlag')==4){//图片背景 temp.style.background=`url(${img.src})` temp.style.backgroundAttachment="fixed" temp.style.backgroundSize="100%" changeBack_All(`${$.cookie('aDeg2')}`,`${$.cookie('blurDeg')}`) temp.style.translate="" } if($.cookie('bgFlag')==3){//渐变色背景 temp.style.backgroundImage="linear-gradient(to right, #FFDDEE , skyblue)"; temp.style.backgroundAttachment="fixed" changeBack_All(`${$.cookie('aDeg1')}`,"none") temp.style.translate="0px -2px" } var button_4 = document.createElement("button"); //创建一个按钮 button_4.textContent = "⚙"; //按钮内容 button_4.style.width = "60px"; //按钮宽度 button_4.style.height = "30px"; //按钮高度 button_4.style.align = "center"; //居中 button_4.style.color = "#444444"; //按钮文字颜色 button_4.style.border = "none"; //按钮文字颜色 button_4.style.background = "transparent"; //按钮底色 button_4.style.fontSize="20px" button_4.style.padding="9.3px 0" button_4.addEventListener("click", clickButton_4) function clickButton_4(){ document.getElementById("settings").style.display="block" let regex = /(?<=\().*?(?=\))/g; let regex_num=/\d+/g let blurIndex=$.cookie('blurDeg') blurIndex=blurIndex.match(regex)[0].match(regex_num)[0] document.getElementsByClassName('input_set')[0].value=`${blurIndex}` document.getElementsByClassName('input_set')[1].value=`${$.cookie('aDeg1')}` document.getElementsByClassName('input_set')[2].value=`${$.cookie('aDeg2')}` document.getElementsByClassName('input_set')[3].value=`${$.cookie('picUrl')}` } b_scopebar[0].children[0].appendChild(button_1); b_scopebar[0].children[0].appendChild(button_2); b_scopebar[0].children[0].appendChild(button_3); document.getElementById('id_h').appendChild(button_4); //搜索关联盒子长度溢出解决 function fixOverflow(relatedBox){ if(relatedBox){ for(let i=0;i<=relatedBox.children[0].children[1].children.length-1;i++){ relatedBox.children[0].children[1].children[i].style.width="45%" } } } function fixotherQues(){ for(let i=0;i<= slide.length-1;i++) { slide[i].children[0].style.background="transparent" } if(nws_cwrp[0]){ nws_cwrp[0].style.background="transparent" } if(document.getElementsByClassName("mc_vhvc_th")[0]){ document.getElementsByClassName("mc_vhvc_th")[0].children[0].style.background="transparent" document.getElementsByClassName("mc_vhvc_th")[1].children[0].style.background="transparent" // document.getElementsByClassName("mc_vhvc_th")[2].children[0].style.background="transparent" } if(document.getElementsByClassName("na_ccw")){ for(let i=0;i<= document.getElementsByClassName("na_ccw").length-1;i++) { document.getElementsByClassName("na_ccw")[i].style.background="transparent" } console.log('渲染完成！') } else(console.log("渲染部分失败！")) } function doIt(){ fixotherQues(); fixOverflow(relatedBox); fixOverflow(b_recSQ); move1(); searchStyle(); } doIt(); } })();