Сб, 21.10.2017, 09:55
Форум інформатиків України
Головна Реєстрація Вхід
Вітаю Вас, Гість · RSS
Вітання на форумі
Незнайомець
 Вітаємо на форумі,
Незнайомцю!

   
зареєструйтесь
Перед реєстрацією обов’язково прочитайте:
 Оновлення Учасники Пошук
Особисті повідомлення
Видавництво ’’Аспект’’ Видавництво

Сторінка 1 з 11
Модератор форуму: Ktara, НІКОЛЯ, Bandalak, volevikt 
Форум інформатиків » АРХІВ » Архів форуму » Firebug (Розбір та відлагодження коду веб-сторінки)
Firebug
piktor Дата: Сб, 16.10.2010, 20:00 | Повідомлення № 1
Активний учасник
Повідомлень: 521
Нагороди: 1
Рейтинг: 19
Натрапив на цікавий додаток до Firefox - Firebug, що дозволяє розбирати та відлагоджувати HTML та CSS код і скрипти на вашій сторінці, розбирати по поличках.
Мені цей додаток сподобався, тому вирішив про нього написати.
Зовсім не обов'язково зберігати отриману сторінку локально, Firebug робить усе на ходу. Заходимо на сайт, клацаємо на маленького жучка знизу на панелі статусу:

Знизу бачимо гарно структурований код, блочні елементи якого ми можемо розгортати, кожен елемент досліджувати - розміри, відступи, положення, кольори, шрифти та інше. Показується відповідне місце в CSS, всі властивості - власні та успадковані.

Властивості можна змінювати на ходу:


Я поставив собі аватарку бажаних розмірів і адміністратори мені нічого не скажуть: :$

Є функція, що дозволяє швидко шукати фрагмент, що відповідає за ту, чи іншу частину сторінки:

Можна відлагоджувати, також, і скрипти, проте я цього не робив. Ясне діло, що всі зміни відбуваються лише в пам'яті браузера і нівелюються оновленням сторінки.
mouse Дата: Сб, 16.10.2010, 20:23 | Повідомлення № 2
Ветеран спілкування
Повідомлень: 2025
Нагороди: 4
Рейтинг: 62
Чули, знаємо, використовуємо. :?
Spirit Дата: Пн, 10.01.2011, 22:47 | Повідомлення № 3
Сис.адмін
Повідомлень: 406
Нагороди: 1
Рейтинг: 25
Попробую пользоваться.
Знаю очень качественную штуку, которой пользуюсь IE Developer Toolbar
Работает под Internet Explorer

Попробую сравнить две технологии.

Додано (10.01.2011, 21:47)
---------------------------------------------
Мне IE Dev Toolbar нравится больше.
В Firebug очень неудобно просматривать скомпилированный стиль.

НІКОЛЯ Дата: Пн, 10.01.2011, 23:19 | Повідомлення № 4
Знавець вірусів
Повідомлень: 2877
Нагороди: 17
Рейтинг: 201
В Гугле Кромі натискаєм Ctrl+Shift+I І отримуєм панель розробника ;)
Jaxx Дата: Чт, 16.06.2011, 17:18 | Повідомлення № 5
Я тут недавно...
Повідомлень: 47
Нагороди: 0
Рейтинг: 1
В останніх версіях Опери нарешті модернізували Opera Dragonfly, тепер ним набагато зручніше користуватися. Але все одно для відладки Javascript, особливо AJAX, Firebug поки що найзручніший.
P.S. програмую під Лінуксом, тому від Internet Explorer бог милував :)
Форум інформатиків » АРХІВ » Архів форуму » Firebug (Розбір та відлагодження коду веб-сторінки)
Сторінка 1 з 11
Пошук:


© Форум інформатиків України, 2007-2017.