Преглед на HTML етикети и уеб страници, комбинирани във Firefox

Искате ли по-лесен начин да виждате html маркерите на уеб страница, без да виждате изходния код в отделен прозорец? Сега можете да прегледате уеб страницата и маркерите, комбинирани в един и същ прозорец, като използвате разширение X-Ray за Firefox.

Преди

Обикновено, ако искате да видите изходния код зад уеб страница, трябва да го видите в отделен прозорец. Ако се интересувате само от конкретен раздел, тогава трябва да претърсите целия набор от кодове, само за да намерите това, което търсите.

След

Разширението X-Ray ще ви позволи да видите етикетите на документа (включително имената на класовете и идентификаторите) „един до друг“ с уеб страницата в същия раздел. Можете да използвате контекстното меню или менюто с инструменти за достъп до командата X-Ray.

Ето един и същи раздел на уеб страницата, показан на първата снимка на екрана по-горе. Може да изглежда малко странно отначало, докато не свикнеш да виждаш и двете заедно.

Забележка: Можете да върнете уеб страницата към нейния нормален изглед, като кликнете отново върху командата X-Ray или освежите страницата.

Кодът за част от страничната лента на същата уеб страница…

Последван от един от наборите от връзки в края.

Като разгледаме друг пример, предполагам, че се интересувате от това как се създава част от основната емисия.

Да бъдеш в състояние да видиш как даден елемент е създаден директно в уеб страницата е със сигурност по-добър от търсенето през цялата страница на кода.

заключение

Ако проектирате уеб страници и искате лесен начин да видите как е кодиран уебсайтът на някой друг, можете да опитате да го пробвате.

звена

Изтегляне на разширението X-Ray (добавки от Mozilla)