文件名称：CSS-Used-ChromeExt：获取所选DOM及其子级使用的所有CSS规则
文件大小：224KB
文件格式：ZIP
更新时间：2024-02-20 00:25:44
chrome-extension chrome-devtools css-rules css-usage ChromeextensionJavaScript
CSS使用 获取所选DOM及其子级使用的所有css规则。 在Chrome网上应用店中获取它： 总览 获取所选DOM及其子级使用的所有css规则。 仅用于提取使用过CSS。 因此，未使用CSS将被忽略。 如果所选的DOM是正文，则当前的结果将是整个页面使用的所有CSS。 用法 F12打开开发人员工具，选择dom并激活“ CSS Used”面板。 所选dom及其子级CSS规则将在正确的textare中列出。 您可以单击“预览”以查看具有清晰样式规则的所选零件。 常问问题 允许阅读我的浏览历史记录 参见 本地预览不正确 对于.wrap p{...}这样CSS规则，如果仅选择
，则结果.wrap p{...}可能不会直接应用于
。 将此规则的选择器更改为p{...}或在最终HTML中为
提供.wrap父级。 并非所有CSS都有 结果基于当前HTML DOM生成。 如果文档中不存在div，除非经过特定的用户交互，否则结果可能会漏掉刚出生的div的样式规则。 总是说要刷新页面 首先，检查是否为Chrome Web Store页面，即https://chrome.g
【文件预览】：
CSS-Used-ChromeExt-master
----.gitattributes(378B)
----.github()
--------issue_template.md(208B)
----webpack.config.js(428B)
----src()
--------main.js(4KB)
--------generateRulesAll.js(2KB)
--------postTideCss.js(2KB)
--------convUrlToAbs.js(268B)
--------convLinkToText.js(2KB)
--------cssHelper.js(1KB)
--------convTextToRules.js(427B)
--------filterRules.js(6KB)
--------traversalCSSRuleList.js(5KB)
----LICENSE(1KB)
----test()
--------skin.css(3KB)
--------iframe.css(303B)
--------landscape.css(29B)
--------index.html(669B)
--------font.css(951B)
--------index.css(985B)
--------webpack.config.test.js(327B)
--------logo.jpg(3KB)
--------iframe.html(270B)
--------expected.js(2KB)
--------index.js(476B)
--------common.css(29B)
----README.md(2KB)
----.gitignore(651B)
----dest()
--------manifest.json(727B)
--------asset()
--------pannel.html(839B)
--------popup.html(286B)
--------devtools.html(74B)
----CHANGELOG.md(2KB)
----package-lock.json(200KB)
----package.json(1009B)