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

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

Шта је инспекцијски елемент?

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

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

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

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

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

Након што изаберете ову опцију, можете да кликнете десним тастером миша на веб страницу и изаберете Инспецт Елемент. Алтернативно, можете изабрати Девелоп, а затим Схов Веб Инспецтор на траци менија.

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

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

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

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

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

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

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

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

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

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

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

Leave a Reply

Your email address will not be published. Required fields are marked *