Перейти к содержимому


Чем посмотреть HTML-код и стили, который создается JS-скриптом уже в браузере?


  • Вы не можете ответить в тему
Сообщений в теме: 2

#1 badisoft

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 15 March 2013 - 06:30 PM

Встала тут интересная задачка - менять на лету ширину элемента карусели в Опере в зависимости от включенности-выключенности (по кнопке F4) боковой хренулины, уменьшающей рабочую ширину экрана.
Т.е. была ширина элемента, скажем, 200px, нажали F4, появилась эта хренулина и ширина элементов тут же пересчиталась в 180px.

Вроде, все просто. В $(window).resize(function(){}) вставляем $('элемент').width(нужная_ширина) или $('элемент').css("width",нужная_ширина). И оно работает. Я всегда так и делал. А тут подвернулась некая карусельная библиотека (stepcarousel.js), которая мне всем нравится, только вот эта фишка в ней не работает. Т.е. width у элемента меняется, но в момент инициализации карусели из его стартового значения явно высчитываются величины других элементов стиля. Приводит это к тому, что применение $('элемент').width(нужная_ширина) до инициализации карусели и после (при ресайзе) приводит совершенно к разному результату. Во втором случае - к весьма плачевному :).

Как бы посмотреть, какие значения "автопляшут" от этого width при инициализации карусели? Понятно, что можно посмотреть в коде библиотеки, благо она открыта.Но там довольно мутно для меня, я смотрел, квалификации по JS не хватает. Может, можно как-то проще, нажав волшебную кнопку в файрбуге?

Собственно, это частность общего вопроса - как увидеть дебаггером (в моем случае файрбагом) элементы DOM, созданные уже ПОСЛЕ загрузки кода в браузер? Подозреваю, что я не знаю какой-то очевидной и общеизвестной фишки :).
  • 0
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#2 badisoft

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 23 March 2013 - 08:01 PM

Хм... И задача-то уже давно решена, но неужто такой сложный вопрос? :)
  • 0
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#3 Dbus

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 1116 сообщений
Репутация: 174
Мастер
  • ГородОдесса

Отправлено 24 March 2013 - 12:18 AM

многабукав :)
  • 0
502 Bad Gateway