时间戳

首页 > 解决方案 > 两个小书签；一个有效，另一个无效。两者都在 DevTools 中工作

javascript - 两个小书签；一个有效，另一个无效。两者都在 DevTools 中工作

问题描述

首先隐藏那些覆盖“某些网站”视频最后一分钟的框

javascript:(function(){ let q, qq;
  qq=document.getElementsByClassName("ytp-ce-element");for(q of qq){q.style.display="none";}
  })()

这在作为书签调用时有效。

第二个删除了侧边栏，并扩展了（某些）我们prez最喜欢的媒体的内容

javascript:(function(){ let q, qq;
  qq=document.querySelectorAll("[role=banner]");for(q of qq){ q.style.display="none"};
  qq=document.querySelector("[data-testid='sidebarColumn']"); qq.style.display="none";
  qq=document.querySelectorAll(".r-rthrr5"); for(q of qq) {q.style.width="100%"; q.style.maxWidth="100%"};
  qq=document.querySelectorAll(".r-1ye8kvj"); for(q of qq) {q.style.width="100%"; q.style.maxWidth="100%"};
  qq=document.querySelector("[data-testid=primaryColumn]"); qq.style.width="81%"; qq.style.maxWidth="82%";
  })()

这不能作为书签使用，但在放入 Firefox 的开发人员工具中时两者都可以正常工作。

为什么只有第一个可以用作书签，然后都可以在 DevTools 中使用？

标签： javascriptbookmarklet

解决方案

推荐阅读