Почему в DOM Inspector некоторые элементы красного цвета? Они чем-то отличаются от обычных?

https://developer.mozilla.org/ru/docs/DOM_Inspector/DOM_Inspector_FAQ

Anton
Спасибо. То есть, если я правильно понял, эти элементы берутся не из основного кода, а из из другого места (XBL?).
А можно хотя бы в двух словах пояснить, что такое bindings и зачем они нужны? Я прочёл справку, но, честно говоря, всё равно не очень понял. Понял только, что это что-то, основанное на XML, и оно, судя по всему, сильно сложнее того же XUL (который я тоже, в общем, не особенно хорошо знаю ).

Ну, если считать "original document" "основным кодом", то, наверное, можно и так сказать.

В справке написано

Вот ссылка, может по прочтении будет понятней: http://www.intuit.ru/studies/courses/11 … cture/5552. Кстати, в теме Русская документация по разработке на XUL есть ссылка на весь курс.

Anton
Спасибо, на русском читать куда приятней. Но понятно далеко не всё, многие понятия объясняются через другие понятия, которые тоже не понятны. Поэтому в моём случае начинать нужно с чего-то для полных чайников.
Отдельное спасибо за ссылку на тему с русской документацией, возможно, там я сумею найти то, что нужно. Хотя многие ссылки уже битые (по одной, например, предлагают оптом купить носки )…

Там термины, а тут носки, ситуация практически безвыходная.
Все же с носками надо попробовать что-нибудь сделать.

Вот есть исходный код документа, там прописаны какие-то тэги, они в DOM Inspector'е будут черными. А есть специальная технология под названием XBL, позволяющая привязать к нужным узлам дополнительное описание, в котором можно задать как поведение (реакцию на события типа кликов пользователя), так и внутренности. В результате можно написать в исходном коде <toolbarbutton />, а движок превратит это в

<toolbarbutton>
    <xul:image class="toolbarbutton-icon" />
    <xul:label class="toolbarbutton-text" />
</toolbarbutton>

Вот эти image и label, которых не было в исходном коде, и будут анонимными (и DOM Inspector подсветит их красным).

Если верить справке, то особенное отличие анонимных узлов не в том, что они определяются где-то в другом месте, а в том, что они находятся в другой области видимости, их родительские элементы о них ничего не знают, и к ним поэтому нельзя получить доступ обычными способами через childNodes, firstChild-nextSibling и т. п. И, похоже, что эти анонимные элементы хотя и по большей части, но не обязательно определяются через XBL. Например в элементах window и page есть анонимные элементы popupgroup и tooltip, также встречаются анонимные узлы _moz_generated_content_before/after, а XBL "исходников" для них в omni.ja не находится.

Infocatcher

Спасибо, я примерно так и понял.

Anton

Если верить DOM Inspector,  для элемента tooltip вроде какие-то XBL-связки есть.

Просмотрел ещё раз ссылки, почти все не работают или ведут не туда, но кое-что всё же нашёл: XUL.ru - О XUL и Mozilla - на русском языке и Создание расширений к Mozilla Firefox. Для начала уже неплохо. Но, как я понимаю, без знания JavaScript тут делать нечего.

Для привязки к элементам tooltip XBL-связки есть. А "исходников", которые создают анонимные элементы tooltip в элементах window и page - нет.

Anton

А в DOM Inspector это где-нибудь можно увидеть?

Можно.
http://i024.radikal.ru/1401/34/31e26224b365.png
http://s019.radikal.ru/i627/1401/fd/28354c4002be.png

Anton
Гм. На снимках экрана я этого не вижу…

Нежелание топикстартера видеть очевидные вещи понятно с первых сообщений, так что неудивительно.

Вот в документах chrome://navigator/content/navigator.xul или chrome://browser/content/browser.xul у элемента window есть анонимные дочерние узлы popupgroup и tooltip. К этому элементу window привязан xbl chrome://global/content/bindings/general.xml#root-element, в котором не определяются ни popupgroup, ни tooltip. Вывод - похоже, что анонимные узлы создаются не одним только xbl.

Anton

Спасибо, теперь стало ясно. То есть, надо смотреть в код этого самого chrome://global/content/bindings/general.xml#root-element, а из DOM Inspector этого не увидишь.

Опять ты за свое

Чтобы увидеть, что XBL не создает какой-то анонимный узел, не обязательно смотреть его код.

Вот смотри: http://s020.radikal.ru/i716/1401/af/303dc47b8da2.png
Слева - toolbarbutton с анонимными xul:toolbarbutton и xul:dropmaker, справа - соответствующий xbl chrome://global/content/bindings/toolbarbutton.xml#menu-button с xul:toolbarbutton и xul:dropmaker в содержимом.

А вот: http://s019.radikal.ru/i614/1401/35/d6120a8c88c6.png слева window с анонимными popupgroup и tooltip, а справа - chrome://global/content/bindings/general.xml#root-element, но в контенте у него пусто.

Но можно и код посмотреть, на скриншотах виден соответствующий пункт контекстного меню.

Anton

Надо же, действительно, не заметил. И вроде как на самом виду — но для новичка совершенно неочевидно. Теперь буду знать, спасибо!

Ну да, я именно так и делал.