"Отладка" веб-страниц
Хех, потребовался мне сабж, господа. Т.е. имеется html-страница, к которой прикреплены таблицы стилей, в которой есть javascript-вставки и которая показывается иногда криво, а иногда нормально, еще и глюки чуть-чуть различны в разных браузерах.
Так вот, как бы это дело "отладить"? Валидатор не очень-то и помогает, потому что на его взгляд все либо валидно, либо куча ошибок, а мне нужно посмотреть, на каком месте спотыкается браузер. Может в таблице стилей где-то там что-то перекрылось друг с другом, может быть, я div закрыл раньше, чем надо и мой float: left; блок уехал не в ту сторону.
Подскажите кто-нить, чем пользоваться? А то топорные методы вроде просмотра и ручного редактирования ~1000 строк, сумбурно сгенерированных php-скриптом - это зло
Так вот, как бы это дело "отладить"? Валидатор не очень-то и помогает, потому что на его взгляд все либо валидно, либо куча ошибок, а мне нужно посмотреть, на каком месте спотыкается браузер. Может в таблице стилей где-то там что-то перекрылось друг с другом, может быть, я div закрыл раньше, чем надо и мой float: left; блок уехал не в ту сторону.
Подскажите кто-нить, чем пользоваться? А то топорные методы вроде просмотра и ручного редактирования ~1000 строк, сумбурно сгенерированных php-скриптом - это зло
Поставь firebug. С http://www.getfirebug.com/. Но он работает только с firefox.
Для Фокса - Firebug
Для Оперы - Developer Console (если надо напишу как сделать оффлайновой)
Для Осла - IE Developer Toolbar
Для Оперы - Developer Console (если надо напишу как сделать оффлайновой)
Для Осла - IE Developer Toolbar
Цитата: Tokolist
Для Оперы - Developer Console (если надо напишу как сделать оффлайновой)
Надо, напиши.
Цитата: Carpus
Надо, напиши.
Я упростил эту задачу до безобразия (дабы при новой установке не возится снова) :)
1. Скачиваем архив
http://www.axifile.com/?4185878
2. Распаковываем файлы
3. Файл devConsole.js (слегка модифицированный оригинал) помещаем в папку, где хранятся юзерские скрипты (если не установлена, то идем в Инструменты - Настройки (ctrl-F12) - Дополнительно - Содержимое - Параметры JavaScript и устанавливаем)
4. Открываем в опере файл devConsoleButton.html и перетаскиваем (драг-н-дропом) ссылку на панель инструментов
Цитата: e1vin
Хех, потребовался мне сабж, господа. Т.е. имеется html-страница, к которой прикреплены таблицы стилей, в которой есть javascript-вставки и которая показывается иногда криво, а иногда нормально, еще и глюки чуть-чуть различны в разных браузерах.
Так вот, как бы это дело "отладить"? Валидатор не очень-то и помогает, потому что на его взгляд все либо валидно, либо куча ошибок, а мне нужно посмотреть, на каком месте спотыкается браузер. Может в таблице стилей где-то там что-то перекрылось друг с другом, может быть, я div закрыл раньше, чем надо и мой float: left; блок уехал не в ту сторону.
Подскажите кто-нить, чем пользоваться? А то топорные методы вроде просмотра и ручного редактирования ~1000 строк, сумбурно сгенерированных php-скриптом - это зло
Так вот, как бы это дело "отладить"? Валидатор не очень-то и помогает, потому что на его взгляд все либо валидно, либо куча ошибок, а мне нужно посмотреть, на каком месте спотыкается браузер. Может в таблице стилей где-то там что-то перекрылось друг с другом, может быть, я div закрыл раньше, чем надо и мой float: left; блок уехал не в ту сторону.
Подскажите кто-нить, чем пользоваться? А то топорные методы вроде просмотра и ручного редактирования ~1000 строк, сумбурно сгенерированных php-скриптом - это зло
для валидации css используй утилиту topstyle она показывает какой браузер что не понимает и т.д