Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.01.2012, 08:49
Интересующийся
Отправить личное сообщение для Denisko-Redisko Посмотреть профиль Найти все сообщения от Denisko-Redisko
 
Регистрация: 08.11.2009
Сообщений: 16

Получить список всех css-свойств и их возможных значений, поддерживаемые браузером
Товарищи, скажите пожалуйста, существует ли способ получить список всех css-свойств (и хорошо бы и значений), поддерживаемые браузером.
Такой код:
function hyphenate (str) {
    return str.replace(/(\w)([A-Z])/g,"$1-$2").toLowerCase();
}

var preventProprietary = true;
var properties = [];

for (var property in document.body.style){
    var canonizedPropertyName = hyphenate(property);
    if (
        'string' == typeof document.body.style [ property ] && 
        !preventProprietary || (
            !(/^(?:o|wap|xv|moz|khtml|webkit)-/.test(canonizedPropertyName))
        )
    ) {
        properties.push(canonizedPropertyName)
    }
}

document.writeln(properties.join("\n"))

печатает css-свойства в Opera и FF (похоже все поддерживаемые), в msie6 только некоторые, а в Chrome -- пустой список.

Поделитесь, плиз, мыслями по сабжу.
Ответить с цитированием
  #2 (permalink)  
Старый 02.01.2012, 14:21
Профессор
Посмотреть профиль Найти все сообщения от Livaanderiamarum
 
Регистрация: 25.12.2011
Сообщений: 786

в консолях отладки посмотри у каждого браузера


Последний раз редактировалось Livaanderiamarum, 02.01.2012 в 14:24.
Ответить с цитированием
  #3 (permalink)  
Старый 03.01.2012, 00:39
Интересующийся
Отправить личное сообщение для Denisko-Redisko Посмотреть профиль Найти все сообщения от Denisko-Redisko
 
Регистрация: 08.11.2009
Сообщений: 16

Это-то ясно Но мне нужно получать программно, автоматом в каждом браузере имена поддерживаемых css-свойств. В коде хромовского инспектора и драгонфлая смотрел, там все это вбито в исходники, готовыми списками.

Последний раз редактировалось Denisko-Redisko, 03.01.2012 в 00:41.
Ответить с цитированием
  #4 (permalink)  
Старый 03.01.2012, 01:52
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Вариант для Google Chrome
<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>
<script  type="text/javascript">
var style = document.defaultView.getComputedStyle(document.body, "")["cssText"]
alert(style);
</script>
</body>
</html>
Ответить с цитированием
  #5 (permalink)  
Старый 03.01.2012, 02:06
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 04.04.2008
Сообщений: 6,246

Denisko-Redisko,
А зачем вам это могло бы понадобится?
Ответить с цитированием
  #6 (permalink)  
Старый 03.01.2012, 02:23
Интересующийся
Отправить личное сообщение для Denisko-Redisko Посмотреть профиль Найти все сообщения от Denisko-Redisko
 
Регистрация: 08.11.2009
Сообщений: 16

рони, отличный вариант, спасибо.

Gvozd, кое-какой доп. функционал для онлайн редактора стилей.
Ответить с цитированием
  #7 (permalink)  
Старый 03.01.2012, 02:33
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 04.04.2008
Сообщений: 6,246

Сообщение от Denisko-Redisko
кое-какой доп. функционал для онлайн редактора стилей.
какой же?
и я так понимаю, кроссбраузерность не является целью вашего редактора, если вы собираетесь запрашивать у браузера доступные CSS-свойства?
Ответить с цитированием
  #8 (permalink)  
Старый 03.01.2012, 03:33
Интересующийся
Отправить личное сообщение для Denisko-Redisko Посмотреть профиль Найти все сообщения от Denisko-Redisko
 
Регистрация: 08.11.2009
Сообщений: 16

Не угадали, будьте позитивней
Есть полные списки всех css1, css2 и css3 свойств, и редактор их помечает соответственно (цветом и иконкой). Нужно помечать проприетарные свойства другим цветом и иконкой браузера, и заодно отсылать их на сервер для добавления в базу. А также отдельно отмечать не поддерживаемые в данном браузере стандартные свойства.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
перебор всех возможных значений Yurik Общие вопросы Javascript 3 04.08.2011 14:25
Как получить список пользовательских функций объекта window? Маэстро Events/DOM/Window 13 03.07.2010 13:20
Как получить список всех установленных плагинов VitAngel Internet Explorer 0 15.07.2009 09:13
Получить список всех доступных методов Bseagate Общие вопросы Javascript 3 17.11.2008 13:38