信息繭房未必沒(méi)有優(yōu)點(diǎn)

如果只是為了腳本 如下 能直接用(至少Windows上的Edge可以 沒(méi)有在其它設(shè)備測(cè)試過(guò))

代碼也許不是最好 但是能用 之前沒(méi)學(xué)過(guò)JS CSS WebAPI什么的 昨天因?yàn)橐恢笨吹揭恍〇|西受不了了 晚上臨時(shí)學(xué)的 所以后面說(shuō)的一些可能不太專業(yè)嚴(yán)謹(jǐn) 只是基于我自己的理解 "能用就行"

b站只是順便 的確一直想去掉這些東西 代碼也簡(jiǎn)單 作為例子不管實(shí)用性還是簡(jiǎn)明性都不錯(cuò)

讓我受不了的是別的

運(yùn)行有問(wèn)題評(píng)論說(shuō) 寫(xiě)專欄的時(shí)候改了一點(diǎn)懶得測(cè)試了 理論上可以

首先 確定目的: 刪除特定頁(yè)面上的特定內(nèi)容

沒(méi)有直接找到能達(dá)到該目的的教程 且ChatGPT直接生成的結(jié)果有問(wèn)題 所以我想這還是有意義的

大概解釋一下吧先

這個(gè)東西的基礎(chǔ)原理是什么呢 檢查HTML文件內(nèi)容 刪除不要的就好了 在上面的代碼里是比較清晰的

var在JS里是定義全局變量(let局部 const常量) 在這里var和let都行理論上

document表示目前的那個(gè)html文件內(nèi)容 跟著的的是方法 找到第一個(gè)class="topic-panel"的元素

????.topic-panel這里的.表示查找以這個(gè)為class的 注意 如果看到類似class="abc 456 _789"這樣中間有空格的情況 寫(xiě)的時(shí)候空格應(yīng)該變成. 也就是.abc.456._789

????如果不加則是以topic-panel為tag的元素 常見(jiàn)的元素大致長(zhǎng)這樣<p> <img> <div> <script> 這個(gè)可以和上面那個(gè)結(jié)合 比如一個(gè)tag為div的且class為"dog"的就可以寫(xiě)成div.dog

????#topic-panel則是查找以topic-panel為id的元素 我沒(méi)用過(guò) 不知道

那么我是怎么知道它是這個(gè)class的呢 按F12

出現(xiàn)類似這樣的界面 這里最左上角的按鈕點(diǎn)一下 就可以很方便的查看頁(yè)面上不同內(nèi)容對(duì)應(yīng)的html元素信息了

通過(guò)這個(gè)方法可以比較容易的找到目標(biāo)所特有的class?

當(dāng)然未必是class 也可能是tag或者id

remove方法就很字面 刪除這個(gè)元素

解釋完了這段下面代碼 那么套在這段代碼外面的是什么呢

var topicPanel = document.querySelector(".topic-panel")

topicPanel.remove()

要回答這個(gè)問(wèn)題 可以顯示著不用外面這個(gè)直接運(yùn)行看看

你會(huì)發(fā)現(xiàn)直接運(yùn)行并不能刪除想刪的內(nèi)容 它還在那 (chatgpt給我的最初版本差不多就這樣)

這個(gè)原因我想也是很容易想明白的

頁(yè)面加載也不是一瞬間就加載好的 html那么多字不可能一瞬間就都出現(xiàn)了 大概是逐漸出現(xiàn)的 如果腳本在要?jiǎng)h除的目標(biāo)出現(xiàn)之前就執(zhí)行完成了 那自然不能刪除想刪除的目標(biāo)

這也就引出了waitForKeyElements這個(gè)函數(shù)的目的了 只有滿足條件了 才會(huì)執(zhí)行函數(shù)

這里的條件就是等到有class="topic-panel"的元素出現(xiàn)再執(zhí)行刪除它的函數(shù)

這里緊隨的的function()可能會(huì)有些confusing 它并不是調(diào)用前面寫(xiě)的函數(shù) 而是表示一個(gè)臨時(shí)的函數(shù) 也就是滿足條件后執(zhí)行的這個(gè)用于刪除的函數(shù)

注意 waitForKeyElements這個(gè)函數(shù)不是直接就能用的 注意一下代碼上面的部分

我的理解類似于import或者#include

我不知道第一個(gè)必要不必要 懶得試了 反正代碼能跑

知道了大概原理 就可以寫(xiě)一些更加適合自己的代碼了?

比如你可以寫(xiě)代碼把平時(shí)看視頻旁邊的推薦刪掉

比如(這個(gè)是我的某個(gè)腳本的一部分且修改過(guò) 僅作示例)

或者更加具體一點(diǎn) 寫(xiě)根據(jù)時(shí)長(zhǎng)和關(guān)鍵詞篩選b站視頻

(本來(lái)想寫(xiě)了發(fā)出來(lái)方便沒(méi)基礎(chǔ)的人用的 一方面我覺(jué)得沒(méi)有圖形界面 直接在代碼里該參數(shù)很多人都會(huì)懶得用 而我又懶得深入下去

代碼沒(méi)寫(xiě)完 只是告訴你能寫(xiě))