Кто-нибудь знает хорошую библиотеку javascript для получения оригинального (то есть не вычисленного) стиля для данного элемента в DOM? Другими словами, что-то можно использовать для получения результатов в вкладке стиля Firebug. Как и Firebug, он должен учитывать наследование, свойства ярлыка и все другие нюансы CSS.Информационная библиотека стиля CSS
ответ
На основе комментариев, вы можете быть заинтересованы в хорошем Firebug Lite ссылка bookmarkmarklet:
http://www.latentmotion.com/how-to-use-firebug-in-ie6-and-all-other-browsers/
Прежде чем я нашел поджигатель облегченный, я начал на моей собственной версии:
http://latentmotion.com/jquery-bookmarklet/
(Примечание: нажмите «Открыть границы окна», а затем щелкните по тегу html на странице. Вы увидите, что свойства стиля отображаются справа, а также могут использоваться как букмарклет)
Для достижения вышеуказанного букмарклета, я использовал (ссылку и массив):
http://www.latentmotion.com/jquery-bookmarklet/example-jquery-bookmarklet.js
var allStyles = ["azimuth","background" ,"backgroundAttachment","backgroundColor","backgroundImage","backgroundPosition","backgroundRepeat","border","borderBottom","borderBottomColor","borderBottomStyle","borderBottomWidth","borderCollapse","borderColor","borderLeft","borderLeftColor","borderLeftStyle","borderLeftWidth","borderRight","borderRightColor","borderRightStyle","borderRightWidth","borderSpacing","borderStyle","borderTop","borderTopColor","borderTopStyle","borderTopWidth","borderWidth","bottom","captionSide","clear","clip","color","content","counterIncrement","counterReset","cssFloat","cue","cueAfter","cueBefore","cursor","direction","display","elevation","emptyCells","font","fontFamily","fontSize","fontSizeAdjust","fontStretch","fontStyle","fontVariant","fontWeight","height","left","letterSpacing","lineHeight","listStyle","listStyleImage","listStylePosition","listStyleType","margin","marginBottom","marginLeft","marginRight","marginTop","markerOffset","marks","maxHeight","maxWidth","minHeight","minWidth","orphans","outline","outlineColor","outlineStyle","outlineWidth","overflow","padding","paddingBottom","paddingLeft","paddingRight","paddingTop","page","pageBreakAfter","pageBreakBefore","pageBreakInside","pause","pauseAfter","pauseBefore","pitch","pitchRange","playDuring","position","quotes","richness","right","size","speak","speakHeader","speakNumeral","speakPunctuation","speechRate","stress","tableLayout","textAlign","textDecoration","textIndent","textShadow","textTransform","top","unicodeBidi","verticalAlign","visibility","voiceFamily","volume","whiteSpace","widows","width","wordSpacing","zIndex"];
Если кто-нибудь знают лучший способ, я заинтересован услышать это тоже :)
Это интересный материал, хотя главным моментом в моем вопросе был заявленный или вычисленный аспект. Лучший способ - написать парсер CSS и обработать доступные таблицы стилей. К сожалению, это, похоже, не подходит для пользовательских (или, я думаю, пользовательских) таблиц стилей. –
Да. Следующим шагом в скрипте явилось создание iframe со всеми элементами html в нем, затем получить их стили, а затем выполнить diff в отношении стилей сфокусированного элемента dom. Если есть лучший способ, я тоже хотел бы знать, что это такое. – Matrym
- 1. Информационная библиотека удаленных систем
- 2. Библиотека для использования правил CSS для стиля NSView
- 3. Информационная страница
- 4. Информационная панель ниже TRs
- 5. Информационная/информационная практика/проект информационной безопасности Cyber Security?
- 6. PHP Изменение стиля CSS
- 7. Правильное применение стиля CSS
- 8. Перегрузка стиля GWT + CSS
- 9. Атрибуты стиля CSS
- 10. CSS выпадающее меню стиля
- 11. Применение стиля css динамически
- 12. CSS наложение стиля SmartGWT
- 13. Переопределение стиля CSS
- 14. Добавление стиля рамки css
- 15. css горизонтальное меню стиля
- 16. Проблема размещения стиля CSS
- 17. JQuery/CSS Сброс стиля
- 18. Элементы стиля с CSS
- 19. CSS вопрос стиля Ссылки
- 20. Переопределение стиля CSS
- 21. CSS определение стиля
- 22. Переопределение стиля в CSS?
- 23. CSS изменение стиля
- 24. WordPress - изменение стиля CSS
- 25. Переопределение стиля CSS
- 26. Изменение стиля css элемента
- 27. Форматирование стиля CSS
- 28. CSS Объявление стиля reusage
- 29. Сохранение исходного стиля css
- 30. информационная служба, вращающие Текст
Не являясь смартфоном здесь, и я его не использовал, но [firebug lite] (http://getfirebug.com/firebuglite) - это все javasript, не так ли? Это похоже на то, что вы ищете? –
Ничего плохого в том, чтобы быть смартфоном, когда это полезно! :) Это отличная (и довольно очевидная) идея - я проверю источник. Приветствия. –