技术解析
......
比如我想屏蔽这个 data-test-id 是 post-content 的这个 div。 或者这个 div 里具体的这个图片。应该怎么做呢?
能拿到`document`都不是难事。。
像
```javascript
const postContent = document.querySelector('[data-test-id="post-content"]')
postContent.style.display = 'none'
```
感觉如果只有这种需求用 Stylus 自定义 css 就好了?
非常感谢回复,我可以屏蔽掉内容了。
但是现在遇到一个问题,reddit 一个主题之后游览器显示的网址确实是变了,但是其实 Tampermonkey 并没有加载。
然后页面上应该是打开了一个窗口?(不是很懂这方面的东西。)我需要刷新页面他才会进入主题,这是 Tampermonkey 才会生效,请问这样这么解决呢
屏蔽有几种理解
1.整体不显示,这个 css 就行了,不必用 js
2.整体不加载,这个需要浏览器级 API
3.修改部分内容,这个才用 js
user 脚本多数是页面加载时加载运行,比较难处理网站 XHR 后加载的内容
愚蠢一点你就搞个 setTimeout 每隔 1s 就看看 url 是不是变了 变了就执行你要的逻辑
愿意折腾就学一下 Mutation Obeserver
选中元素,删除元素
用 css 就行了, 不需要 js
div[data-test-id="post-content"]
{
display: none !important;
}