Greasy Fork is available in English.
抖音网页版推荐页面优化，网页全屏，全黑，自动按浏览器窗口调整大小，自动释放内存
当前为
// ==UserScript==
// @name 抖音网页版优化
// @description 抖音网页版推荐页面优化，网页全屏，全黑，自动按浏览器窗口调整大小，自动释放内存
// @namespace https://space.bilibili.com/482343
// @author 古海沉舟
// @license 古海沉舟
// @version 1.0
// @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.96; //调整视频占浏览器页面高度的比例
var maxs=6; //释放内存后保留已播放视频的数量
var lastindex=0;
function gx(){
vh=parseInt(document.documentElement.clientHeight*heightper);
var y;
y="height:"+vh+"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`).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();
}
document.addEventListener('keydown', keydown, false);
var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
var observer = new MutationObserver(function (records) {
var bbb = new Date();
records.map(function (record) {
if (record.addedNodes) {
gx();
}
});
});
var option = {
childList: true,
subtree: true,
};
observer.observe(document.body, option);
let wdstyle = document.createElement('style');
wdstyle.innerHTML = `
div[class="a863cbaaffe537635d0f8cc2af289789-scss"], .a863cbaaffe537635d0f8cc2af289789-scss .c7c10686dd2062a020c8b38956f437e3-scss { width: calc(2vw) !important; flex-basis:calc(2vw) !important; opacity: 0; }
/*
div[class="a863cbaaffe537635d0f8cc2af289789-scss"]:hover, .a863cbaaffe537635d0f8cc2af289789-scss .c7c10686dd2062a020c8b38956f437e3-scss:hover { width: 172px !important; flex-basis: 172px !important; opacity: 1; }
*/
._2e1d83c3e628de59d28036fa441a8076-scss, ._2e1d83c3e628de59d28036fa441a8076-scss ._926ac1766e7ae45839b04bb784064703-scss { opacity: 0; height: calc(2vh) !important; }
/*
._2e1d83c3e628de59d28036fa441a8076-scss:hover, ._2e1d83c3e628de59d28036fa441a8076-scss ._926ac1766e7ae45839b04bb784064703-scss:hover { opacity: 1; height: 72px !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{ height:calc(96vh) !important }
.b579514b8fc0cd991295bdbb5d72eebf-scss, ._63c0fcfc0096bdfbbf1fb8e26d53a6a5-scss,.c8ec481be35b92e9920d2dcdeec3b7fd-scss,._549fae6257e5b68cd702596b24ec2799-scss,._6b30df93879834f73e6edc1289c8a3cb-scss,._218f2810cf1a4e803df37bb424d8e4b9-scss{ max-height:calc(96vh) !important }
*/
div[class="swiper-slide swiper-slide-prev efdac201e599ede3484e970a6cbd9b76-scss"],div[class="swiper-slide swiper-slide-next efdac201e599ede3484e970a6cbd9b76-scss"]{opacity: 0 !important}
div._0da6097b23c653c1bd26cd36d90d4d33-scss.upperSpace, div[class="a99e1cb55d435f928d39b48cc258227a-scss"] ,._9f1b1dc461877bc141b6e50012a13f5d-scss{ display: none !important }
._9ac2962dcc1d6f5d4c7efb2857f88ab7-scss .fedc0635517631086a25c96119ea1f7d-scss ._98ddef8d600b1c7dd35ffc0a9eccd36e-scss{ border:none !important }
html,.e685299a25445930d77f50439f072055-scss,._1a9ec8090f585fd830654090411d85a6-scss{ 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{ background: #000; color: #ddd; }
._470ca297e05cdbb881d09e9354d937b6-scss{ background: #222; color: #fff; }
.aa8946e6a10e3788dca09663eb82fc99-scss .c7ee22de401c856152e3646bffd656a3-scss ._4606ab538a02ebc403e739ef22ef3604-scss span, ._5fe60b6e60b030257d9f73a142a25003-scss,.richtext-container .public-DraftEditor-content ,._9b365a9d76cfb9db759d93e586f25133-scss{ color: #eee; }
.aa8946e6a10e3788dca09663eb82fc99-scss .c7ee22de401c856152e3646bffd656a3-scss ._52058b306f496907c5d55c0facb81886-scss .d8e7526a15bef9ed83cb2bd813766939-scss ._96ab12486b27de1f4a4a52e10dcb631a-scss span { 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 { color: #999; }
.aa8946e6a10e3788dca09663eb82fc99-scss .c7ee22de401c856152e3646bffd656a3-scss .c2de27b4f28bd4bb0cdbcabadabe8bf3-scss .f09c3b4bb22295c1b1b4e0e735992f87-scss ._314bde61933468933fabb30f1507cdb2-scss svg path,.aa8946e6a10e3788dca09663eb82fc99-scss .c7ee22de401c856152e3646bffd656a3-scss .c2de27b4f28bd4bb0cdbcabadabe8bf3-scss .f09c3b4bb22295c1b1b4e0e735992f87-scss path { fill: #999; }
._516a714a354a6b76defd2d03fe9b6aa9-scss{top:20px !important}
.richtext-container .public-DraftEditor-content {
border-right:none;
}
`
document.body.appendChild(wdstyle);