Я работаю над не-веб-платформой без HTML или CSS-слоя, а просто с реализацией только для JavaScript.
Я хотел бы загрузить файл CSS в виде текстовой строки с использованием AJAX, проанализировать CSS в объекты JS или JSON, а затем использовать библиотеку утилиты для интерпретации того, какие стили должны применяться к элементу дерева DOM.
Как мне это сделать?
Я думаю, что вы ищете "JavaScript-парсер JavaScript".
Посмотрели ли вы на это?
http://www.glazman.org/JSCSSP/
или
http://bililite.com/blog/2009/01/16/jquery-css-parser/
Первый выглядит неплохо, но если вам нравится jQuery, возможно, вы предпочтете второй.
НТН
Я рассмотрел оба ссылки @amir75. Первое выглядело лучше всего, но код был слишком длинным для того, что я делал. Я решил собрать легкий script вместе. Он не использует jQuery, но вы можете, если хотите загрузить файл CSS с помощью .get() и т.д. Посмотрите на example.html и вывод консоли js, чтобы просмотреть структуру. Вы можете сохранить порядок элементов, если используете комментарии в CSS, иначе он все равно сохранит порядок элементов, но не те комментарии, используя более простую структуру JSON.
https://github.com/aramkocharyan/CSSJSON
Использование:
// To JSON, ignoring order of comments etc
var json = CSSJSON.toJSON(cssString);
// To JSON, keeping order of comments etc
var json = CSSJSON.toJSON(cssString, true);
// To CSS
var css = CSSJSON.toCSS(jsonObject);