Како уређивати веб странице у Сафарију користећи Инспецт Елемент

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

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

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

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

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

Зашто би требало да користите Инспецт Елемент?

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

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

За сада ћемо се фокусирати на уређивање основа веб странице користећи Инспецт Елемент.

Како приступити Инспецт Елемент у Сафарију

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

1. Отворите Сафари.
2. Кликните Сафари у горњој траци менија.
3. Из падајућег менија изаберите Преференцес.
4. Изаберите Напредно опција.
5. Означите поље које каже Прикажи мени за развој на траци менија.

Након што изаберете ову опцију, можете десни клик на веб страници и изаберите Прегледати елемент. Алтернативно, можете изабрати Развити на траци менија, а затим Прикажи Веб инспектор.

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

Да бисте започели уређивање елемента, десни клик шта желите да измените и кликните Прегледати елемент. Ово ће отворити прозор програмера, са истакнутим релевантним одељком. Можда ћете открити да је одређени елемент који желите да елементирате (слика или текст, рецимо) сакривен; да бисте га лоцирали, користите стрелице са леве стране да бисте проширили угнежђене делове.

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

Како уредити текст веб странице помоћу елемента Инспецт

Да би се део текста могао уређивати након што га нађете у изворном коду сајта, дупли клик то. Можете унети нови текст директно у код или избрисати постојећи текст. Када се уређивање заврши за дати низ текста, притисните Ентер, а текст на веб страници ће се променити.

Заиста је тако једноставно! Једини случајеви када ово неће функционисати су када је текст заправо део слике, попут логотипа.

Како уредити слике веб локације помоћу елемента Инспецт

Док вам се слике појављују визуелно на фронт-енду, у коду веб локације оне се појављују као везе. Можете десни клик и слика и бирај Прегледати елемент да прескочите где се та слика налази у коду. Слике веб локација обично имају ЈПГ, ГИФ или ПНГ екстензије датотека, мада не искључиво.

Дупли клик ове низове слика и можете их уређивати, или их једноставно сачувати у свом систему ако желите. Ако желите да замените слику, промените је за УРЛ за замену слике. Или можете у потпуности да избришете низ кода да бисте уклонили слику из приказа.

Копајте по веб локацијама користећи Сафари

Сафари-јева алатка Инспецт Елемент вам омогућава да лако пронађете и промените код који одговара тексту и сликама, што је једноставно као да замените текст или УРЛ низ. Када завршите са уређивањем веб локације помоћу Инспецт Елемент-а, једноставно освежите страницу и све ће се вратити у нормалу.

Како да промените корисничког агента вашег претраживача и трик веб локације

Реад Нект

О аутору