HTML Viewer: HTML Inspector

Code Play

Утрымлівае рэкламуКуплі ў праграме

Пра гэту праграму

Праграмa прагляду HTML дапамагае вэб-распрацоўшчыкам, студэнтам і ўладальнікам сайтаў даследаваць разметку вэб-сайта і спрабаваць змены на сваёй прыладзе. Увядзіце URL-адрас, каб праглядзець зыходны код, рэдагаваць HTML, праверыць рэсурсы старонкі або разгледзець распаўсюджаныя структурныя праблемы. Выберыце інструмент, які адпавядае вашаму пытанню, не пачынаючы поўную наладу распрацоўкі.

ЧЫТАННЕ, РЭДАГАВАННЕ І ПАПЯРЭДНІ ПРАГЛЯД
Адкрыйце старонку ў рэдактары HTML і параўнайце свой код з яе вынікам. Уключыце падзелены папярэдні прагляд, каб бачыць змены падчас працы. Падсветка сінтаксісу, прапановы тэгаў, пошук і замена, элементы кіравання пераходам да радка, адмена і паўтор дапамогуць вам арыентавацца ў больш доўгіх дакументах. Фарматуйце разметку для больш лёгкага чытання або выкарыстоўвайце дзеянне мініфікацыі, каб сціснуць яе.

Пачніце эксперымент з шаблонам HTML-стартавай старонкі, мэтавай старонкі, даступнай формы або шаблонам шматразовай карткі. Рэдактар ​​таксама пазначае распаўсюджаныя праблемы, такія як несупадзенне тэгаў, дублікаты ідэнтыфікатараў і адсутнасць атрыбутаў alt выявы. Адкрыйце лакальны файл .html, захавайце адрэдагаваны дакумент або падзяліцеся кодам з дапамогай даступных дзеянняў прылады. Рэдагаванне ўплывае на вашу рабочую копію, а не на арыгінальны вэб-сайт.

ПРАВЕРКА СТРУКТУРЫ СТАРОНКІ
Стварыце справаздачу па сайце, каб праверыць загалоўкі, метаапісанні, кананічныя URL-адрасы, мову дакументаў, метададзеныя вобласці прагляду і метададзеныя сацыяльнага абмену. Даследуйце ўзроўні і колькасць загалоўкаў для спасылак, малюнкаў, скрыптоў, стыляў і формаў. Вынікі звяртаюць увагу на адсутныя цэтлікі, безназоўныя спасылкі, дублікаты ідэнтыфікатараў і небяспечныя спасылкі на рэсурсы. Скапіруйце або падзяліцеся справаздачай, абмяркоўваючы старонку з кімсьці іншым.

ПРАВЕРКА СПАСЫЛАК І РЭСУРСАЎ
Сканіруйце спасылкі, выявы, знешнія скрыпты і табліцы стыляў загружанай старонкі. Глядзіце працоўныя, перанакіраваныя і няўдалыя адказы, адрознівайце ўнутраныя адрасы ад знешніх і фільтруйце вынікі, каб засяродзіцца на пашкоджаных або небяспечных рэсурсах. Шукайце вынікі, капіюйце асобныя URL-адрасы або капіюйце тэкставую справаздачу для далейшага кантролю. Няўдалыя запыты таксама могуць адлюстроўваць абмежаванні сервера або падключэнне.

ПАСПРАБУЙЦЕ РОЗНЫЯ ПАРТЫ ВЫГЛЯДУ
Выкарыстоўвайце адаптыўныя загадзя налады папярэдняга прагляду для памераў тэлефона, планшэта і настольнага кампутара або ўводзьце карыстальніцкія памеры. Павярніце вобласць прагляду, адрэгулюйце маштаб і выберыце светлую, цёмную або сістэмную каляровую схему. Абнаўляйце з дапамогай іншага агента карыстальніка, калі вэб-сайт прапануе іншы кантэнт, які адлюстроўваецца на серверы. Падзяліцеся бягучым папярэднім праглядам у выглядзе скрыншота. Імітацыя вобласці прагляду дапамагае параўноўваць макеты; яна не ўзнаўляе кожную фізічную прыладу.

ДАСЛЕДЗЬЦЕ ПАВОДЗІНЫ ПАПЯРЭДНЯГА ПРАГЛЯДУ
Праграма прагляду кансолі збірае паведамленні, папярэджанні і памылкі з інструментаванага папярэдняга прагляду старонкі праграмы. Інспектар сеткі паказвае захопленыя дадзеныя fetch, XMLHttpRequest і актыўнасць рэсурсаў з даступнымі звесткамі пра стан і час. Ачысціце запісы, перазагрузіце папярэдні прагляд і выкарыстоўвайце фільтры для даследавання канкрэтнай праблемы. Гэтыя інструменты правяраюць гэты папярэдні прагляд, а не трафік з іншых праграм.

ЗАХАВАЙЦЕ КАРЫСНЫЯ СПАСЫЛКІ
Праглядайце здабытыя выявы старонак, шукайце па назве файла або фармаце і праглядайце выяву перад яе захаваннем. Падзяліцеся скрыншотам бачнай вобласці прагляду экспарту або стварыце PDF-файл загружанай старонкі. Захоп PDF-файлаў абмежаваны 16 000 пікселямі вышыні старонкі. Захоўвайце любімыя URL-адрасы, выкарыстоўвайце прапановы адрасоў і шукайце нядаўнюю гісторыю праверак, каб вярнуцца да карысных сайтаў.

Для загрузкі вэб-сайтаў, праверкі рэсурсаў і аддаленага кантэнту патрабуецца падключэнне да Інтэрнэту. Абароненыя старонкі, заблакаваныя выявы і правілы бяспекі браўзера могуць абмежаваць вынікі або экспарт. Выкарыстоўвайце набор інструментаў для вывучэння даступнага вэб-кантэнту і праверкі ўласных ідэй, з даступнымі светлымі, цёмнымі і сістэмнымі тэмамі праграм для камфортнага чытання.