当前位置: 首页 > news >正文

cv-css 快捷方式,将指定节点的计算样式获取下拉 获取tailwind网页样式成原生样式

cv-css 快捷方式,将指定节点的计算样式获取下拉 获取tailwind网页样式成原生样式

使用方法

  1. 先选择节点
  2. 点击cv-css 复制函数
  3. 控制台粘贴函数回车
javascript:(function(){  const code = `(() => {    const el = window.__DEVTOOLS_SELECTED_ELEMENT__ || $0;    if (!el) { console.warn('先先在 Elements 面板里选中一个节点!'); return; }    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);  })();`;  navigator.clipboard.writeText(code).then(() => {    alert('代码已复制到剪贴板,快去 Console 粘贴执行吧!');  }).catch(err => {    // 降级方案    const textarea = document.createElement('textarea');    textarea.value = code;    document.body.appendChild(textarea);    textarea.select();    document.execCommand('copy');    document.body.removeChild(textarea);    alert('代码已复制到剪贴板,快去 Console 粘贴执行吧!');  });})();
http://www.hskmm.com/?act=detail&tid=14993

相关文章:

  • day002
  • PyTorch图神经网络(四)
  • 软件工程:构建数字世界的基石
  • Avalonia 学习笔记07. Control Themes(控件主题)
  • matter 协议的架构;
  • matter 协议解析;
  • 9月23日
  • Nordic 的支持对Matter 协议的支持;
  • nRF54LM20A USB
  • nRF54LM20A GRTC
  • 2025年10款最佳生产力提效chrome插件推荐,亲测有用
  • Avalonia 学习笔记06. Page Layout(页面布局)
  • 发表第一篇文章,谈谈对软件工程的理解
  • nRF54LM20A 芯片分析;
  • 第二天
  • 内部类
  • NRF54L15 两者结合的jlink保护机制(硬件+软件)
  • 软件测试员的核心技能:一文掌握等价类划分与边界值分析
  • 《CBI 技术有聊》对话 OpenCSG:智能体落地困境与企业转型的必然路径
  • 个人对软件工程的理解
  • 9/23
  • NUMERICAL RESULT (2025/09/23)
  • 数组入门:从零基础到排序算法 - 教程
  • 用C/C++重构PowerShell:全面绕过安全机制的技术解析
  • Optuna v4.5新特性深度解析:GPSampler实现约束多目标优化
  • 题解:P4769 [NOI2018] 冒泡排序
  • 2025/9/23
  • Tita:更频繁的绩效考核周期的好处
  • 详细介绍:【Linux】Linux文件系统详解:从磁盘到文件的奥秘
  • Which side of a 2d curve is a point on