写个chrome插件屏蔽某些视频，防止孩子看些不正常的视频

Posted on 2025-12-01 11:22 隐客阅读(0) 评论(0) 收藏举报

manifest.json

{"manifest_version": 3,"name": "抖音关键词屏蔽","version": "1.0","description": "屏蔽抖音视频标题中包含'xxxxxx'关键词的视频","permissions": ["activeTab"],"content_scripts": [{"matches": ["*://*.douyin.com/*"],"js": ["content.js"],"run_at": "document_end"}],"action": {"default_popup": "popup.html"}
}

content.js

// ======== 用户配置 ========
const blockWords = ['惊悚', 'steam游戏', '画离弦', '猫meme', 'roblox'];
const jumpURL = 'about:blank';
// ==========================

const pattern = new RegExp(blockWords.map(w => w.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')).join('|'),'i'
);/* 1. 取“正在播放”的卡片节点 */
function getActiveCard() {// 正在播放的 <video> 必定带 autoplay 属性const activeVideo = document.querySelector('video[autoplay]');if (!activeVideo) return null;// 向上找最近的卡片容器return activeVideo.closest('[data-e2e="feed-item"], .dySwiperSlide');
}/* 2. 在卡片内拿标题 + account，合并文本 */
function getCurrentText() {const card = getActiveCard();if (!card) return '';const desc = card.querySelector('div.title[data-e2e="video-desc"]');const acc  = card.querySelector('div.account');const t1 = desc ? desc.textContent.trim() : '';const t2 = acc  ? acc.textContent.trim()   : '';//console.log('[DBG] 当前卡片标题：', t1, '| account：', t2);return `${t1} ${t2}`.trim();
}/* 3. 检查 + 跳转 */
function check() {const txt = getCurrentText();if (txt && pattern.test(txt)) {//console.log('[Block] 命中关键词，立即跳转 → ', txt);
    location.replace(jumpURL);}
}/* 4. 监听：DOM 变化 / 路由变化 */
const observer = new MutationObserver(check);
observer.observe(document.body, {childList: true,subtree: true,attributes: true,attributeFilter: ['autoplay']   // <video autoplay> 出现就触发
});/* 5. 路由变化也补一次 */
let lastHref = location.href;
setInterval(() => {if (location.href !== lastHref) {lastHref = location.href;setTimeout(check, 2000); // 等新卡片渲染完
  }
}, 2000);/* 6. 首次运行 */
check();

popup.html

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><!-- 关键：指定 UTF-8 --><style>body { width: 200px; padding: 12px; font: 14px/1.4 sans-serif; }.ok { color: #4CAF50; font-weight: bold; }</style>
</head>
<body><h3>抖音关键词屏蔽</h3><p>状态: <span class="ok">运行中</span></p><p>屏蔽关键词: xxx </p>
</body>
</html>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/982753.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

ODB和其他C++ ORM框架相比有什么优势？

ODB 作为 C++ 领域的老牌 ORM 框架，与其他 C++ ORM（如 SQLiteCpp、ORMpp、Drogon ORM、Qt SQL 等）相比，在性能、设计理念、功能完整性等方面具有显著优势，以下是其核心竞争力的详细分析：一、编译期代码生成，极…

写个chrome插件屏蔽某些视频，防止孩子看些不正常的视频

相关文章