一日一技：如何使用JavaScript移除少數派的付費內容

一日一技：如何使用JavaScript移除少數派的付費內容

少數派（https://sspai.com/）是一個以生產力、效率工具爲主要內容的數字消費指南平臺。因爲網站須要盈利，因此他們在網站上有所剋制地增長了一些付費內容。以下圖所示。

這種付費文章點進去之後，只能看到前幾段，而後就須要購買會員才能正常閱讀。

做爲一個網站須要盈利，所以開設付費內容無可厚非。奈何少數派的付費內容對我毫無吸引力，所以我不但願每次都在首頁上看到這些付費文章。

從網頁上刪除這些付費內容的原理很是簡單，在網頁上右鍵，點擊「檢查」，打開Chrome的開發者工具，以下圖所示。

點擊箭頭所指向的圖標，以下圖所示：

而後在網頁上任意選中一個付費內容，此時開發者工具裏面將會自動變成下圖所示的樣子：

其中方框框住的這個 img標籤對應了 付費內容這個小圖標，所以咱們可使用這個標籤來進行定位。

如今視線在HTML代碼區域往上走，能夠看到 dl標籤

每個文章塊就對應一個 dl標籤。若是咱們在上面右鍵刪除這個標籤，就會發現對應的付費條目不見了，以下圖所示：

但這種作法每次只能刪除一條付費內容，有沒有辦法把全部付費內容所有刪除呢？答案就是使用JavaScript：

var pay_tag_list = document.getElementsByClassName('series-logo')
while(pay_tag_list.length > 0){
pay_tag = pay_tag_list[0]
dl_tag = pay_tag.parentNode.parentNode.parentNode
div_tag = dl_tag.parentNode
div_tag.removeChild(dl_tag)
pay_tag_list = document.getElementsByClassName('series-logo')

}

複製上面這一段代碼到開發者工具的Console標籤頁並粘貼，敲下回車鍵，付費內容就消失了，以下圖所示。