CSDN 去广告沉浸阅读模式

沉浸式阅读 🌈 使用随机背景图片 🎬 重构页面布局 🎯 净化剪切板 🎨 屏蔽一切影响阅读的元素 🎧

< Spätná väzba na CSDN 去广告沉浸阅读模式

Otázka/komentár

§
Pridaný: 07.04.2020

页面内容显示不全

https://blog.csdn.net/damotiansheng/article/details/40017107 比如这个网站,开启脚本后从代码的161行后就显示不出来了,后面的内容都看不见了。

SublimeCTAutor
§
Pridaný: 17.04.2020

我这里看到两端代码,分别是 301 行和 191 行,能否提供一下 log,筛选一下 userscript

§
Pridaný: 23.04.2020

@SublimeCT 说道: 我这里看到两端代码,分别是 301 行和 191 行,能否提供一下 log,筛选一下 userscript 可以,但我不知道该提取哪里的log

SublimeCTAutor
§
Pridaný: 24.04.2020

在 devtool 的 Console tab 中添加 filter, 这下面是 tampermonkey 脚本的 log report.png

  • 如果看得懂 css 样式的话可以看看没显示的那部分添加过什么样式
  • 另外,有没有试过关闭脚本显示是否正常?
§
Pridaný: 25.04.2020

log貌似就这么一点, 关闭脚本后显示正常, 今天打开这个网站从又变成从151行后加载不出来了。 这个应该是显示代码那个,language-cpp hljs 的 css了吧。我直接复制的 --comments-avatar-size: 50px; -webkit-font-smoothing: antialiased; outline: 0; margin: 0; box-sizing: border-box; color: #383a42; background: #fafafa; font-family: "Source Code Pro","DejaVu Sans Mono","Ubuntu Mono","Anonymous Pro","Droid Sans Mono",Menlo,Monaco,Consolas,Inconsolata,Courier,monospace,"PingFang SC","Microsoft YaHei",sans-serif; display: block; line-height: 22px; overflow-x: auto; white-space: pre; border-radius: 4px; padding: 8px; font-size: 14px; word-wrap: break-word;

SublimeCTAutor
§
Pridaný: 05.05.2020

抱歉,还是无法通过 log 和 css 样式找到原因

上面提到了从第 n 行之后没有显示, 我猜可能是可能是以下几种情况, 我会说明每种情况下查看什么样式:

  • <code class="language-cpp hljs"> 被添加了固定高度样式, 导致超过这个高度的代码行未显示, 可以看一下这个元素的 height 属性属于什么 css 选择器
  • 上面那个 <code> 标签的子元素 <ol class="hljs-ln hundred"> 被添加了固定的高度样式, 同样也是查看一下 height 属性
  • 上面的那个 <ol> 元素的子元素 <li>(即未显示的那一行) 被添加了属性 display: none, 导致这一行隐藏, 查看一下这个属性属于什么 css 选择器

如果定位到某个 css 选择器中的样式导致了固定高度或隐藏这一行, 可以提供一下这段 css 代码

SublimeCTAutor
§
Pridaný: 05.05.2020

还有上面有一条 set pageCount: 1 的日志, 也可能跟这个有关, 可以找到脚本代码, 注释掉这一行试试:

// window.$CSDNCleaner._launchPagintion() // 解禁并初始化分页组件

Pridať odpoveď

Aby ste mohli pridať odpoveď, prihláste sa.