wechat-article-extraction-mp-weixin-qq-com news-webpage-cleaning blog-post-parsing metadata-extraction-title-author-date multiple-output-formats-markdown-json-plain-text batch-processing-support
下载
基于三引擎设计，从微信文章、新闻和博客网页提取干净内容，支持标题作者日期元数据，多格式和批量处理。
直接原因是变量未在目标元素上“计算生效”，getcomputedstyle只返回最终渲染时实际使用的值，而非声明值或fallback值；常见于元素未挂载、作用域不匹配、拼写错误等场景。
直接原因是：变量没在目标元素上“算出来”，getComputedStyle 只返回最终渲染时实际生效的值，不是声明值，也不是 fallback 值——它只认“此刻这个元素身上到底用了什么”。
为什么 getComputedStyle(el).getPropertyValue('--x') 返回空字符串
这不是 JS 读错了，是浏览器压根没把变量解析到该元素上。常见触发场景：
- 元素还没插入 DOM（比如
document.createElement('div')后立刻读）→ 没样式上下文，必为空 - 变量定义在
.card { --bg: #fff; }，却去读一个孤立的<p></p>→ 无继承、无显式设置、无作用域覆盖 - 变量写在
.theme-dark { --color: red; }，但根元素没加class="theme-dark"→ 选择器不匹配，规则未激活 - 拼写错误，比如 CSS 里是
--color-primary，JS 里写成--COLOR-PRIMARY或--primary-color
为什么 element.style.getPropertyValue('--x') 总是空
element.style 是内联样式的映射，只管 style="" 属性里明写的声明。CSS 自定义属性根本不会出现在那里。
-
element.style.setProperty('--x', 'red')是合法的，它相当于给元素加了style="--x: red" - 但
element.style.getPropertyValue('--x')是错的——element.style对象根本没有getPropertyValue方法，会直接报TypeError - 即使你用对了
getComputedStyle(el).getPropertyValue('--x')，也得确保这个--x真正在el或其祖先上“落地”了（比如写在:root，或el自身有style="--x: ..."）
怎么确认变量是否真被计算出来了
别靠返回值是不是空来判断“有没有定义”，"" 可能是未定义，也可能是已定义但值为空字符串（el.style.setProperty('--x', '')），甚至可能是 fallback 被触发但你没看到。
- 打开 DevTools 的 Computed 面板，搜索
--x，看它是否列在目标元素的 computed style 中 - 手动查根：
console.log(getComputedStyle(document.documentElement))，展开对象找对应 key - 读取前加一层保障：先确保元素已挂载（
el.isConnected === true），再调用getComputedStyle - 返回值永远是字符串，哪怕你设的是数字，如
'24'，需要parseInt(val, 10)或parseFloat(val)手动转
最易被忽略的一点：CSS 变量的作用域和计算时机是硬约束，不是 JS 能绕开的。你以为“写了就该有”，其实浏览器只认“此刻是否参与了样式计算”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
