2

不久前，我很确定我遇到了一个应用程序（或者可能是 Coda 的插件 - 我使用的 IDE），它可以快速解析 html 文档，然后吐出所有带有 ID 和类的元素供我使用在 CSS 文件中。

完全“进入”禅宗编码 - 使用 Coda 的精彩 TEA 插件，我现在再次热衷于这个应用程序/插件。

我已经尝试过通过谷歌搜索但惨遭失败，但完全空手而归。

有谁知道可以做到这一点的任何事情？

祝大家新年快乐！

4

5 回答 5

3

我想你正在寻找类似http://lab.xms.pl/css-generator/的东西

但我必须警告你——像这样的工具只输出非常粗略的 DOM 图片，没有任何优化。没有任何自动化工具能比你做得更好，特别是如果你在禅宗道路上。

愿 CSS3 与你同在。

于 2011-01-11T12:00:23.857 回答
3

我知道这是从 2011 年开始，几乎是 2013 年底，但我试图在谷歌上找到这个问题的答案，结果的第一页出现了指向这篇文章的链接。我无法快速找到获取所有类名或 ID 的方法。所以我写了下面这段 JavaScript。

function printAllElements() {
    var all = document.getElementsByTagName("*");
    var st = "";
    for (var i = 0, max = all.length; i < max; i++) {
        if(all[i].className !== ''){
            st += all[i].className + "<br>";
        }
        if(all[i].id !== ''){
            st += all[i].id + "<br>";
        }
    }
    document.write(st);
}

我希望这可以帮助某人并使此页面更有用。

于 2013-11-11T21:16:00.570 回答
1

http://unused-css.com/

这几乎就是我一直在寻找的……但恰恰相反：）

于 2011-01-09T00:18:21.290 回答
0

我不知道您在谈论的工具，但是您可以使用 SAX 非常轻松地创建这样的工具。只需使用 startElement 回调来寻找“class”和“id”属性。

于 2011-01-01T13:46:04.837 回答
0

基于 Jon Petersen 的回答，这将获取所有 id 和类，将它们过滤为唯一的并准备输出，以便将其粘贴到您的 css 文件中。

    function getAllCSS() {
        var all = document.getElementsByTagName("*");
        var st = [];
        var trailing = " {<br /><br />}<br />";
        for (var i = 0, max = all.length; i < max; i++) {
            if (all[i].className !== '') {
                st.push('.' + all[i].className + trailing);
            }
            if (all[i].id !== '') {
                st.push('#' + all[i].id + trailing);
            }
        }
        var unique = st.filter(function (item, i, ar) { return ar.indexOf(item) === i; });

        document.write(unique.join("<br />"));
    }
    getAllCSS();
于 2016-01-25T01:15:12.330 回答