Есть ли в Firebug, чтобы выбрать раздел и найти соответствующие HTML и CSS?

Question

Я вижу на вкладке HTML Firebug, я могу углубиться в HTML-элементы страницы, и он будет выделять эти разделы на странице.

Есть ли способ сделать обратное, когда я просто выделю какую-то область на странице, и она укажет мне на этот html внутри firebug, чтобы я мог видеть html и css, которые это генерируют?

Answer 1

Вы можете щелкнуть правой кнопкой мыши на странице и выбрать inspect element.Chrome также имеет это.В IE 9 вы можете нажать ctrl+b с активным окном инструментов разработчика.Следующий элемент, по которому вы щелкнете, перейдет к элементу в DOM Explorer.

Answer 2

Можно щелкнуть синий прямоугольник в верхнем левом углу. Затем наведите курсор на страницу и щелкните любой элемент, чтобы отобразить дерево HTML и соответствующие свойства CSS.

Эта функция полезна, если вы не знаете, какой элемент должен быть проверен, но если вы знаете грубую область элементов. Во время зависания вокруг элемента наведения появится синий контур.

Answer 3

Есть кнопка с указателем мыши над синим прямоугольником.Это позволяет вам перейти на реальный сайт и выбрать что-то, что заставляет firebug выделить соответствующий раздел HTML и стили, связанные с

Answer 4

В Firebug, нажмите на стрелку с полем в левом верхнем углу. Затем нажмите на свой товар на странице.