Како прегледати елементе на Мац-у, Виндовс-у, иПхоне-у и иПад-у

Програмери и дизајнери корисничког интерфејса користе функцију Инспецт Елемент за модификовање веб локација на мрежи без промене изворног кода. Али како прегледати елементе без похађања курса за веб развој?

Инспецт Елемент је згодан алат за програмере који долази из кутије са популарним веб претраживачима. Само треба да знате како да примените алатку у неколико кликова док претражујете веб странице.

Можете да урадите многе магичне трикове као што су промена изгледа веб локације, прављење снимака екрана без текста, промена фонтова, измена бројева и још много тога.

У наставку пронађите сажети водич корак по корак да бисте научили како да прегледате елементе без напора.

Шта је Инспецт Елемент?

Инспецт Елемент је алатка за развој веба доступна у већини веб претраживача. Можете га користити за уређивање фронт-енд изворног кода било које веб локације коју посећујете.

Промене које унесете се дешавају у сандбок-у унутар вашег веб прегледача. Дакле, не правите никакве промене на стварној веб локацији. Такође, површне промене које направите нестају када освежите страницу.

Ево неколико креативних начина да га користите:

• Морате да направите снимак екрана са веб локације, а текстови на слици вас муче. Користите алатку Инспецт Елемент да избришете те текстове.
• Желите да се шалите са пријатељима тако што ћете им показати своје име у Њујорк тајмсу или Вашингтон посту. Инспецт Елемент је најбољи начин да то урадите.
• Тестирајте кодове за отклањање грешака на веб локацијама тако што ћете их применити у реалном времену помоћу алата Инспецт Елемент. Ако ради, можете променити позадински изворни код.
• Као дигитални маркетер, можете открити кључне речи конкурената, СЕО наслове, мета ознаке итд., користећи овај моћни алат за развој веба.

Како прегледати елементе на Виндовс-у

Коришћење алатке Инспецт Елемент на Виндовс-у је смешно једноставно. У наставку пронађите детаљан водич за проверу елемената помоћу различитих веб прегледача на Виндовс-у:

Алат за преглед Гоогле Цхроме-а

Како прегледати елементе у Виндовс Цхроме претраживачу

• Када користите Гоогле Цхроме , кликните десним тастером миша било где на веб локацији.
• Појавиће се контекстни мени десним кликом.
• На дну ћете видети Инспецт .
• Кликните на Преглед да бисте видели ХТМЛ и ЦСС кодове на табли са десне стране .

Како да отворим Инспецт Елемент у Цхроме-у без десног клика?

Постоје неке згодне пречице за отварање алатке Инспецт Елемент у Гоогле Цхроме-у за Виндовс. Ове пречице су следеће:

• Цтрл + Схифт + Ц
• Функцијски тастер Ф12

Горе наведене пречице такође функционишу у претраживачу Мозилла за Виндовс.

Мозилла Инспецтор Тоол

Како прегледати елементе у Виндовс Мозилла претраживачу

У прегледачу Мозилла, процес је исти као у Гоогле Цхроме-у. Међутим, прозор Инспецтор ће се појавити на дну претраживача уместо са десне стране, као у Гоогле Цхроме-у.

Мицрософт Едге Инспецт Тоол

Како прегледати елементе у Виндовс Едге претраживачу

Изненађујуће, Мицрософт Едгеов Инспецт Елемент ради слично Гоогле Цхроме претраживачу. Алат Инспецт је доступан десним кликом. Такође, ХТМЛ и ЦСС кодови се приказују на десној страни, слично Гоогле Цхроме-у.

Како прегледати елементе на Мац-у

Да ли користите Гоогле Цхроме, Мозилла Фирефок или Мицрософт Едге на Аппле Мац рачунарима? Ако јесте, онда можете да примените алатку Инспецт Елемент пратећи кораке наведене изнад у одељку Виндовс.

Али, ако користите подразумевани мацОС веб претраживач, Сафари, онда је коришћење алата Инспецт Елемент зезнута игра. Сафари подразумевано не приказује Инспецт Елемент на Мац-у. Ево шта треба да урадите:

Како отворити Инспецт Елемент на Мац-у

Прво, морате да активирате алатке за програмере на Сафарију на Мац-у. Ево како:

• Покрените Сафари претраживач .
• Посетите веб локацију на којој желите да прегледате веб елементе.
• Изаберите Сафари на горњој траци менија прегледача Сафари.
• Кликните на Преференцес из контекстног менија који се отвори.
• На екрану Преференцес изаберите Адванцед .
• Означите Прикажи мени за развој на дну екрана Напредне поставке .

Успешно сте омогућили алатке за програмере на Сафарију за Мац. Сада пратите ове кораке да бисте користили Инспецт Елемент:

• На било ком елементу веб локације као што је текст или слика, кликните десним тастером миша на .
• Појавиће се контекстни мени. На дну ћете видети Инспецт Елемент .
• Кликните на то да бисте отворили одељак за отклањање грешака испод веб локације који приказује ХТМЛ и ЦСС кодове.

Шта су кључеви за проверу елемента?

Можда тражите пречице за Инспецт Елемент на Мац-у. Можете користити следеће:

• Цомманд + Схифт + Ц
• Притисните тастер Цонтрол , а затим изаберите било који елемент.
• Кликните на додирну таблу са два прста

Како прегледати елементе на Цхромебоок-овима

Цхромебоок користи Гоогле Цхроме као подразумевани прегледач. Стога, након отварања било које веб локације, једноставно кликните десним тастером миша да бисте пронашли опцију Инспецт Елемент у контекстном менију који следи.

Ако користите Цхромебоок на послу или у школи, можда ћете поставити ово питање:

Зашто не могу да прегледам на свом школском Цхромебоок-у?

Већина школских и пословних администратора онемогућавају напредне функције на Цхромебоок-у који вам пружају за посао или учење. Пошто су алатке за програмере напредне функције, велике су шансе да ваш школски или пословни Цхромебоок неће приказати алатку Инспецт Елемент.

Како прегледати елементе на иПад/иПхоне-у

Нажалост, не можете да користите алатку Инспецт Елемент на иПхоне-у или иПад-у без Мац-а.

иОС и иПадОС имају Веб инспектор за апликацију Сафари. Међутим, функционише само ако повежете мобилни уређај са Мац рачунаром на којем сте већ активирали алатке за програмере за Сафари. Испод су кораци које можете испробати:

• Отворите апликацију иПад/иПхоне Сеттингс .
• Кликните на Сафари на левом окну за навигацију.

Отварање Сафари подешавања на иПад-у или иПхоне-у

• Затим померите надоле на десној страни да бисте пронашли и изабрали Напредно .

Активирање веб инспектора на иПад-у и иПхоне-у

• Активирајте прекидач за Веб Инспецтор .
• Сада повежите мобилни уређај на Мац користећи УСБ .
• Овластите иПхоне/иПад на Мац-у.
• Отворите било коју веб локацију на мобилном уређају у Сафарију.
• Сада покрените Сафари на Мац-у и изаберите Девелоп на горњој траци менија.
• У контекстном менију који се отвори потражите назив свог мобилног уређаја.
• Пређите курсором преко мобилног уређаја да бисте видели све отворене веб локације.
• Сада изаберите било коју веб локацију да бисте видели ХТМЛ и ЦСС изворни код на Мац-овом Сафари претраживачу.

Закључак

Истражили сте све могуће начине да користите алатку Инспецт Елемент за привремено уређивање веб страница. Такође сте научили како да прегледате елементе за различите уређаје као што су Мац, Виндовс, Цхромебоок, иПад и иПхоне.

Следећи пут када будете морали да измените веб страницу за забаву или за професионалне потребе, испробајте ове методе. Дефинитивно ће вам се свидети ови кораци без напора у односу на друге компликоване методе објашњене на другом месту.

Не заборавите да оставите коментаре испод ако су вам горњи кораци помогли, било коју методу која вам се чини изазовном или било које тајне савете о алату Инспецт Елемент.

Потребна вам је веб страница као штампана референца? Научите како да брзо сачувате веб страницу као ПДФ сада!