copy-used-css 代码段 snippet,将指定节点的计算样式获取下拉 获取tailwind网页样式成原生样式
copy-used-css,将指定节点的计算样式获取下拉 获取tailwind网页样式成原生样式
使用方法
- F12 先选择节点
- ctrl+p 输入copy选择copy-used-css
- ctrl+回车 执行函数
- 进入vscode 进行粘贴样式
(() => {
if (!$0) { console.warn('先先在 Elements 面板里选中一个节点!'); return; }
const el = $0;
const comp = getComputedStyle(el);
const initial = document.createElement(el.tagName);
document.body.appendChild(initial);
const initStyle = getComputedStyle(initial);
const used = [...comp]
.filter(k => comp[k] !== initStyle[k] && !k.startsWith('-')) // 去掉私有前缀
.map(k => `${k}: ${comp.getPropertyValue(k)};`)
.join('\n');
copy(used);
initial.remove();
console.log('已复制非默认样式:\n', used);
})();
---------------------------------------------
生活的意义就是你自己知道你要做什么,明确目标。没有目标,后面都是瞎扯!
https://pengchenggang.gitee.io/navigator/
SMART原则:
目标必须是具体的(Specific)
目标必须是可以衡量的(Measurable)
目标必须是可以达到的(Attainable)
目标必须和其他目标具有相关性(Relevant)
目标必须具有明确的截止期限(Time-based)
生活的意义就是你自己知道你要做什么,明确目标。没有目标,后面都是瞎扯!
https://pengchenggang.gitee.io/navigator/
SMART原则:
目标必须是具体的(Specific)
目标必须是可以衡量的(Measurable)
目标必须是可以达到的(Attainable)
目标必须和其他目标具有相关性(Relevant)
目标必须具有明确的截止期限(Time-based)

浙公网安备 33010602011771号