Weboldalak szerkesztése a Safariban az Inspect Element használatával

Az Inspect Element eszközzel a Safari lehetővé teszi, hogy bármilyen weboldal kezelőfelületi kódját trükközze. Ha szeretné tesztelni, hogyan nézne ki egy oldal különböző szövegekkel vagy képekkel, ezt úgy teheti meg, hogy megváltoztatja a kódját az Inspect Element funkcióval.

Ez egy egyszerű útmutató kezdőknek, hogy elmagyarázza, hogyan kezdheti el a kísérletezést az Inspect Element alkalmazással a Safariban a webhely szövegének és képeinek szerkesztéséhez minimális kódolási ismeretekkel.

Mi az az Inspect Element?

Az Inspect Element egy fejlesztői eszköz. Elérhető a Safari böngészőben, de más böngészőkben is, mint például a Chrome, a Firefox és az Edge. Az Inspect Element segítségével bepillanthat egy webhely függönye mögé, és felfedheti annak előtérbeli kódját, például a HTML-t és a CSS-t. Ez azonban nem biztosítja a háttér láthatóságát, például az adatbázisait.

Ezt a kódot nemcsak láthatja, hanem módosíthatja is. Ez azt jelenti, hogy megváltoztathatja a webhely megjelenését. Lecserélhet egy képet, átfogalmazhat néhány szöveget, használhat másik betűtípust, megváltoztathatja a színsémát stb. Ezek a szerkesztések azonban helyiek. Rajtad kívül senki másnak nem fognak megjelenni; az oldal frissítése vagy eltávolodása után eltűnnek.

Miért érdemes az Inspect Elementet használni?

Az Inspect Element nagyszerű eszköz, ha kezdő webfejlesztő vagy. Szó szerint láthatja a kódot, amely a kedvenc webhelyét vezérli, és tetszés szerint módosíthatja azt egy valós környezetben. Sokan vannak szórakoztató betekintést nyerhet az Inspect Element használatával.

Például a cégtulajdonosok megnézhetik a versenytárs webhelyén szereplő kulcsszavakat, a tervezők pedig megtehetik az Inspect Element segítségével azonosíthatja a betűtípust hogy vonzónak találják, vagy gyorsan teszteljenek egy másik színsémát a webhelyükön.

Egyelőre a weboldalak alapjainak szerkesztésére fogunk összpontosítani az Inspect Element segítségével.

Az Inspect Element elérése a Safariban

Az Inspect Element a Safari böngészőben a fejlesztői menü segítségével nyitható meg:

1. Nyissa meg a Safarit.
2. Kattintson Szafari a felső menüsorban.
3. A legördülő menüből válassza ki a lehetőséget preferenciák.
4. Válaszd ki a Fejlett választási lehetőség.
5. Jelölje be a jelölőnégyzetet A Fejlesztés menü megjelenítése a menüsorban.

Miután kiválasztotta ezt a lehetőséget, megteheti Jobb klikk egy weboldalon, és válassza ki Elem vizsgálata. Alternatív megoldásként választhat Fejleszteni a menüsorban, majd Web Inspector megjelenítése.

Webes elemek keresése az Inspect Elementben

Egy elem szerkesztésének megkezdéséhez Jobb klikk amit szerkeszteni szeretne, majd kattintson Elem vizsgálata. Ezzel megnyílik a fejlesztői ablak, a megfelelő szakasz kiemelésével. Előfordulhat, hogy az elemezni kívánt elem (például a kép vagy a szöveg) rejtett; megtalálásához használja a nyilak a bal oldalon a beágyazott szakaszok kibontásához.

A választás szűkítéséhez kattintson a cél ikonra az Elem vizsgálata eszköztárról. Most, ahogy navigál a kódban, kiemeli a webhely ezt a részét. Vagy használhatja a kurzort egy szakasz pontos meghatározásához a webhelyen. Ez akkor hasznos, ha egy weboldal zsúfolt területén szeretne valami konkrét dolgot csiszolni.

Webhely szövegének szerkesztése az Inspect Element használatával

Ha egy szövegrészt szerkeszthetővé szeretne tenni, miután megtalálta a webhely forráskódjában, dupla kattintás azt. Beírhat új szöveget közvetlenül a kódba, vagy törölheti a meglévő szöveget. Ha egy adott szöveglánc szerkesztése befejeződött, nyomja meg a gombot Belép, és a weboldal szövege megváltozik.

Ez tényleg ilyen egyszerű! Ez csak akkor nem működik, ha a szöveg valójában egy kép része, például egy logó.

Webhely képeinek szerkesztése az Inspect Element használatával

Míg a képek vizuálisan jelennek meg a kezelőfelületen, a webhely kódjában linkként jelennek meg. tudsz Jobb klikk és kép és válassz Elem vizsgálata hogy a kódban a kép helyére ugorjon. A webhely képei általában JPG, GIF vagy PNG kiterjesztésűek, bár nem kizárólagosan.

Dupla kattintás ezeket a képsorokat, és szerkesztheti őket, vagy ha kívánja, egyszerűen elmentheti őket a rendszerére. Ha le szeretné cserélni a képet, kapcsolja ki egy helyettesítő kép URL-címére. Vagy törölheti a kódot teljesen, hogy eltávolítsa a képet a nézetből.

Nézzen be webhelyekre a Safari használatával

A Safari Inspect Element eszközével könnyedén megtalálhatja és módosíthatja a szövegnek és képeknek megfelelő kódot, ami ugyanolyan egyszerű, mint egy szöveg vagy URL-karakterlánc kiváltása. Ha végzett egy webhely szerkesztésével az Inspect Element segítségével, egyszerűen frissítse az oldalt, és minden visszaáll a normál kerékvágásba.

Hogyan módosíthatja a böngésző felhasználói ügynökét és a trükk webhelyeket

Olvassa el a következőt

A szerzőről