抖音网页版推荐页面优化，网页全屏，全黑，自动按浏览器窗口调整大小，自动释放内存
As of
// ==UserScript==
// @name 抖音网页版优化
// @description 抖音网页版推荐页面优化，网页全屏，全黑，自动按浏览器窗口调整大小，自动释放内存
// @namespace https://space.bilibili.com/482343
// @author 古海沉舟
// @license 古海沉舟
// @version 1.2.5
// @include https://www.douyin.com/recommend
// @include https://www.douyin.com/
// @include https://www.douyin.com/follow
// @require https://cdn.staticfile.org/jquery/1.12.4/jquery.min.js
// @run-at document-end
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_addValueChangeListener
// @noframes
// ==/UserScript==
var vh;
var heightper=0.98; //调整视频占浏览器页面高度的比例
var blank=(1-heightper)*50;
var maxs=6; //释放内存后保留已播放视频的数量
var lastindex=0;
var isstyle=0;
var iscom=0;
function gx(){
vh=parseInt(document.documentElement.clientHeight*(heightper));
var y;
y="height:"+vh+"px !important";
//点击头像自动打开评论
$(`div.swiper-slide.swiper-slide-active div.idMDwjN5.xgplayer-video-interaction-wrap > div:nth-child(3) > div.tib2CKLC.r3oG6gz3`).unbind('click').click(function(){
setTimeout(()=>{
if ( $(`div.swiper-slide-active div.-twGNVF2.idLn34MQ > div:nth-child(2)`).hasClass("SaBHXSZP") ){iscom=1;}else{iscom=0}//console.log(iscom);
},10);
});
$(`div.swiper-slide.swiper-slide-active div.idMDwjN5.xgplayer-video-interaction-wrap > div:nth-child(1) > div.mSMVNUhK`).unbind('click').click(function(){
setTimeout(()=>{
if ( iscom){$(`div.swiper-slide.swiper-slide-active div.idMDwjN5.xgplayer-video-interaction-wrap > div:nth-child(3) > div.tib2CKLC.r3oG6gz3`).click();}
setTimeout(()=>{
if ( $(`div.swiper-slide-active div.-twGNVF2.idLn34MQ > div:nth-child(2)`).hasClass("SaBHXSZP") ){iscom=1;}else{iscom=0}
},10);
},1);
});
$(`.FhRn3Yjr`).attr("style","height:"+parseInt(document.documentElement.clientHeight*(heightper+0.02))+"px !important");
$(`div[class="swiper-wrapper"], div[class="swiper-slide swiper-slide-active efdac201e599ede3484e970a6cbd9b76-scss"], .swiper-slide swiper-slide-active, ._161467dd88ebd09e4bdde965d497e16c-scss, div[class="swiper-slide efdac201e599ede3484e970a6cbd9b76-scss"],._6b30df93879834f73e6edc1289c8a3cb-scss,._821de4f5f89aaabb841963c288e534da-scss,._218f2810cf1a4e803df37bb424d8e4b9-scss,.gh3k9fia,.IY8oEM8a`).attr("style",y);
$(`.b579514b8fc0cd991295bdbb5d72eebf-scss, ._63c0fcfc0096bdfbbf1fb8e26d53a6a5-scss,.c8ec481be35b92e9920d2dcdeec3b7fd-scss,._549fae6257e5b68cd702596b24ec2799-scss,._6b30df93879834f73e6edc1289c8a3cb-scss,._218f2810cf1a4e803df37bb424d8e4b9-scss`).attr("style","max-"+y);
$(`div[class="swiper-wrapper"]>div.swiper-slide`).each(function (){
var inde=$("div.swiper-wrapper div.swiper-slide").index(this);
//$(this).attr("data-swiper-slide-index",inde);
if($(this).attr("style")!="height: "+vh+"px")$(this).attr("style","height: "+vh+"px");
if ($(this).hasClass("swiper-slide-active")){
if (inde-lastindex>maxs){
//console.log("已加载 : ", inde," 删除多余:",lastindex, "~",inde-maxs-1);
$("div.swiper-wrapper div.swiper-slide").slice(lastindex, inde-maxs).empty();
lastindex=inde-maxs;
}
y=inde*vh;
y="height: "+vh+"px; transform: translate3d(0px, -"+y+"px, 0px); transition-duration: 0ms;";
if ($(`div[class="swiper-wrapper"]`).attr("style")!=y)$(`div[class="swiper-wrapper"]`).attr("style",y);
}
});
}
gx();
function keydown(event) {
gx();
//console.log(event.keyCode);
if(event.keyCode == 109 || event.keyCode == 189){ // 按-或者小键盘-
if (isstyle==1){
isstyle=0;
$(`style.optimize`).remove();
}else{
addCSS();
}
}
}
document.addEventListener('keydown', keydown, false);
var aaa= new Date();
var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
var observer = new MutationObserver(function (records) {
var bbb = new Date();
if (bbb-aaa>200){
aaa=bbb;
records.map(function (record) {
if (record.addedNodes) {
gx();
}
});
}
});
var option = {
childList: true,
subtree: true,
};
observer.observe(document.body, option);
function addCSS(){
let wdstyle = document.createElement('style');
wdstyle.classList.add("optimize");
wdstyle.innerHTML = `
div[class="a863cbaaffe537635d0f8cc2af289789-scss"], .a863cbaaffe537635d0f8cc2af289789-scss .c7c10686dd2062a020c8b38956f437e3-scss { width: calc(2vw) !important; flex-basis:calc(2vw) !important; opacity: 0; }
._2e1d83c3e628de59d28036fa441a8076-scss, ._2e1d83c3e628de59d28036fa441a8076-scss ._926ac1766e7ae45839b04bb784064703-scss,._79rCAeWZ .DaYJeyPG{ opacity: 0; height: calc(${blank}vh) !important; }
div.nxsdxGGH{opacity: 0}
div.nxsdxGGH:hover{opacity: 1}
.azDfk4eY,.IY8oEM8a{ max-height:calc(100vh) !important }
.FhRn3Yjr{ height:calc(100vh) !important }
div[class="swiper-slide swiper-slide-prev efdac201e599ede3484e970a6cbd9b76-scss"],div[class="swiper-slide swiper-slide-next efdac201e599ede3484e970a6cbd9b76-scss"],div.swiper-slide-prev,div.swiper-slide-next _79rCAeWZ,div.swiper-slide-next{opacity: 0 !important}
.JExr2xrm .z2bpad\\+4{padding:0px}
div._0da6097b23c653c1bd26cd36d90d4d33-scss.upperSpace, div[class="a99e1cb55d435f928d39b48cc258227a-scss"] ,._9f1b1dc461877bc141b6e50012a13f5d-scss,._81dea866f42f42851b042a0f3904ba7c-scss.a863cbaaffe537635d0f8cc2af289789-scss, .gd6oZvQv.qGPLqv-l .x8EGht0g,.Lh2Dw\\+Yo,.gd6oZvQv.qGPLqv-l .x8EGht0g,.gd6oZvQv.qGPLqv-l,#root > div > div > div.qGPLqv-l{ display: none !important }
._9ac2962dcc1d6f5d4c7efb2857f88ab7-scss .fedc0635517631086a25c96119ea1f7d-scss ._98ddef8d600b1c7dd35ffc0a9eccd36e-scss{ border:none !important }
html,.e685299a25445930d77f50439f072055-scss,._1a9ec8090f585fd830654090411d85a6-scss,._5oUpmiVE,.msKWLcwd .-twGNVF2 .mN3vjWAL,.msKWLcwd .-twGNVF2 ._4xlxtjFm,.UIF\\+iB7b,.Dwp9DX1U .hKemKGnM,.Dwp9DX1U .hliS1Xot{ background: #000; }
._97a6a85bca2df73d82bea0f7764bb503-scss .ed7e5b0aeef511b8f51c32b89aa8f715-scss ._8e38f6fd7eff2601cda3f040740aa160-scss ,._5133cdb3c2943194b09be815738fcfc9-scss ._20b4a9e235528896a341538e15f060c1-scss ._2ecb614666bf7fd74881b41bfb98469e-scss,._5133cdb3c2943194b09be815738fcfc9-scss .e1b016c1ebb79c6b64f1712614f2ed0f-scss .e46eac8d869656c0066b77f3c4bb0aab-scss,._9ac2962dcc1d6f5d4c7efb2857f88ab7-scss .fedc0635517631086a25c96119ea1f7d-scss .e31971b6316614b4babb2289686bd28e-scss,._9ac2962dcc1d6f5d4c7efb2857f88ab7-scss .fedc0635517631086a25c96119ea1f7d-scss ._98ddef8d600b1c7dd35ffc0a9eccd36e-scss,._9ac2962dcc1d6f5d4c7efb2857f88ab7-scss .fedc0635517631086a25c96119ea1f7d-scss ._7727f966ef312f004811a6fd5e2f953f-scss,.msKWLcwd .-twGNVF2 .dyf5Zu8x,.Gp7ICQ9Y{ background: #000; color: #ddd; }
._470ca297e05cdbb881d09e9354d937b6-scss,.Rwyil\\+Bc,.idMDwjN5 .F-AqDBeI .TvKp5rIf{ background: #222; color: #fff; }
.aa8946e6a10e3788dca09663eb82fc99-scss .c7ee22de401c856152e3646bffd656a3-scss ._4606ab538a02ebc403e739ef22ef3604-scss span, ._5fe60b6e60b030257d9f73a142a25003-scss,.richtext-container .public-DraftEditor-content ,._9b365a9d76cfb9db759d93e586f25133-scss,.mzZanXbP{ color: #eee; }
.aa8946e6a10e3788dca09663eb82fc99-scss .c7ee22de401c856152e3646bffd656a3-scss ._52058b306f496907c5d55c0facb81886-scss .d8e7526a15bef9ed83cb2bd813766939-scss ._96ab12486b27de1f4a4a52e10dcb631a-scss span,.qolG5qEO .x\\+4i3kAc .UgWLMG9J ._2OdSahW\\+ .lqsSSGsn span,.qolG5qEO .x\\+4i3kAc .RgarU4oC span,.X\\+YLbmCw,.idMDwjN5 .F-AqDBeI .TvKp5rIf .ItuLiK1i .aWrZztcM{ color: #ddd }
svg>path{fill:#fff;}
.aa8946e6a10e3788dca09663eb82fc99-scss .c7ee22de401c856152e3646bffd656a3-scss .c2de27b4f28bd4bb0cdbcabadabe8bf3-scss .f09c3b4bb22295c1b1b4e0e735992f87-scss ._314bde61933468933fabb30f1507cdb2-scss, .aa8946e6a10e3788dca09663eb82fc99-scss .c7ee22de401c856152e3646bffd656a3-scss .c2de27b4f28bd4bb0cdbcabadabe8bf3-scss ._41129c3e587f113be731ac011aca7574-scss, .dcf8057cf54e16c8f3718fe9fd11a3cd-scss .b82d8f7a3085b37109200dce4939beb8-scss, .aa8946e6a10e3788dca09663eb82fc99-scss .c7ee22de401c856152e3646bffd656a3-scss ._52058b306f496907c5d55c0facb81886-scss ._6d51b35c250a771d1e1b5b400ff3176e-scss, ._5fe60b6e60b030257d9f73a142a25003-scss,.aa8946e6a10e3788dca09663eb82fc99-scss .c7ee22de401c856152e3646bffd656a3-scss .c2de27b4f28bd4bb0cdbcabadabe8bf3-scss .f09c3b4bb22295c1b1b4e0e735992f87-scss,.ef68513c5e42b43522731a268459ce1d-scss ._4b6887d4b2736320283bd58cd0a9f778-scss ,.qolG5qEO .x\\+4i3kAc .UgWLMG9J .bVGzXCUK,.qolG5qEO .x\\+4i3kAc .wt4ntPKL ._8Jw7S7Ii,._3PgFfPVO .uC2PejCF,.qolG5qEO .x\\+4i3kAc .wt4ntPKL .QRKcPlh-,.KyLjQrjE{ color: #999; }
.aa8946e6a10e3788dca09663eb82fc99-scss .c7ee22de401c856152e3646bffd656a3-scss .c2de27b4f28bd4bb0cdbcabadabe8bf3-scss .f09c3b4bb22295c1b1b4e0e735992f87-scss ._314bde61933468933fabb30f1507cdb2-scss svg path,.aa8946e6a10e3788dca09663eb82fc99-scss .c7ee22de401c856152e3646bffd656a3-scss .c2de27b4f28bd4bb0cdbcabadabe8bf3-scss .f09c3b4bb22295c1b1b4e0e735992f87-scss path ,.qolG5qEO .x\\+4i3kAc .wt4ntPKL ._8Jw7S7Ii path,.qolG5qEO .x\\+4i3kAc .wt4ntPKL ._8Jw7S7Ii .MUveYZM0 svg path{ fill: #999; }
.Dwp9DX1U .hliS1Xot svg circle{fill:#000;}
._516a714a354a6b76defd2d03fe9b6aa9-scss{top:20px !important}
div.swiper-container{top:calc(${blank}vh) !important}
.richtext-container .public-DraftEditor-content {
border-right:none;
}
`
document.body.appendChild(wdstyle);
isstyle=1;
}
addCSS();