Разработка Как парсить код сайта, форума.

[baltun]

Как парсить код или как разбирать код на фрагменты и искать или забирать части кода себе на интернет проект. Часто бывает когда, что то работает, но ты хочешь узнать как css или jQuery, а может быть это простая вставка html с элементами css. Нам потребуется для этого:

1. Браузер
   У вас нет разрешения на просмотр ссылки, пожалуйста Вход или Регистрация
   .
2. Установленный плагин Firebug, настройки-дополнения.

Получили результат как на скриншоте ниже, распишем что делали.

1. Указали в приложении, что будем выделать элементы
2. Выделили нужный нам элемент
3. Приложение указала нам какой ссылку (resources/authors) по которой можно найти шаблон XF в данном случает, какую иконку использует элемент (fa fa-signal) и какой фрагмент кода вставлен в шаблон (<i class="fa fa-signal" style="padding-right: 3px;"></i>)

Второй пример хочу себе картинки как у Вас на форуме, проделали все выше написанное и видим часть кода (<img src="styles/default/xenforo/post_old.gif">), если дописать к основному домену часть пути то получится так (web-zones.ru/styles/default/xenforo/post_old.gif), соответственно вставив ссылку в браузер можно будет скачать gif и положить ее по пути (styles/default/xenforo/) и тогда все будет как у нас на Форуме.
Наблюдательный может заметить, что с правой стороны выводится еще и CSS выделенного элемента, что не мешает копировать нужные фрагменты и дописывать у себя на проекте. Приложения позволяет править CSS на лету как правило это отступы и размеры элементов и есть живая правка CSS, когда на рабочим проекте дописывая вы видите как будет все выглядит без вмешательства в код.

 

[realkot]

Установленный плагин Firebug

В последних версиях FF (Developer точно) возможности Firebug уже встроены во внутренний отладчик и данное дополнение уже не требуется.

The Firebug extension isn't being developed or maintained any longer. We invite you to use the

У вас нет разрешения на просмотр ссылки, пожалуйста Вход или Регистрация

instead, which

У вас нет разрешения на просмотр ссылки, пожалуйста Вход или Регистрация

with Firebug.next

See also

У вас нет разрешения на просмотр ссылки, пожалуйста Вход или Регистрация

guide.

 

[baltun]

данное дополнение уже не требуется.

Да верно и в хроме тоже есть инструмент разработчика хоть и весь на английском но функционал аналогичный.