Bijna iedereen maakt tegenwoordig gebruik van het internet. Mensen zoeken veel informatie op het internet. Dat kan van alles zijn. Bijvoorbeeld de beschrijving van een dienst of een restaurantsite waar je eten kunt bestellen of gewoon een nieuwssite waar je het laatste nieuws te weten kunt komen.
In elk van deze gevallen kiezen mensen voor die websites die het meest aantrekkelijk zijn in termen van gemak en schoonheid. Om uw site tot een succes te maken en goed te laten werken moet hij stijlvol en functioneel zijn. Het is ook belangrijk dat hij niet pluizig is en snel geladen wordt.
Dit alles hangt af van hoe de site is ontworpen en welke technologie erin is gebruikt. Algemeen wordt aangenomen dat programmeren moeilijk is. Maar als je eenmaal de basis begrijpt, kun je begrijpen hoe je site werkt en hoe je het kunt veranderen.
Om snel de code van uw site te kunnen bekijken, hebben moderne browsers een element-inspectiefunctie. Deze functie is ook aanwezig op de Mac.
Waarom u de functie Element inspecteren zou moeten leren gebruiken
Dit is een basisfunctie bij de ontwikkeling van websites. Met behulp ervan controleren ontwikkelaars de prestaties van webpagina’s. Het wordt gebruikt om pagina’s op het internet te debuggen en te testen. Onder de andere toepassingen van deze functie kunnen 4 richtingen worden onderscheiden:
- Ontwikkelaars gebruiken deze functie om websites te ontwikkelen, te testen en wijzigingen aan te brengen.
- Ontwerpers kunnen het gebruiken om te controleren hoe hun lay-outs eruit zien of een lay-out van een andere site overnemen
- Marketeers kunnen het gebruiken om online tekst te wijzigen of Google Analytics te controleren.
- Support-agenten kunnen verbinding maken met de Element Inspector, zodat zij correcte informatie kunnen doorgeven aan ontwikkelaars over bugs die zijn gemeld door gebruikers van de site.
We kunnen ook zeggen dat als u een bedrijfseigenaar bent, het nuttig zou zijn om kennis te maken met deze functie om te begrijpen hoe uw website werkt en welke toekomstige taken kunnen worden ingesteld voor de ontwikkelaars.
Hoe element inspecteren op Mac in verschillende browsers
Het is eigenlijk niet moeilijk om de Inspect Element functie te activeren. Je kunt het letterlijk in een paar klikken doen op elke browser. Om dit te doen, moet je:
Safari
Op het eerste gezicht lijkt het misschien alsof deze functie harder werkt op safari dan op een andere browser. In feite is het activeren ervan eenvoudig. Je hebt nodig:
- Start Safari.
- Ga naar Voorkeuren (⌘ + ,).
- Klik op het tabblad Geavanceerd.
- Vink het vakje “Toon menu Ontwikkelen op de menubalk” aan.
- Dan zult u toegang hebben tot de ontwikkelaarshulpmiddelen in het menu
- Vervolgens hebt u de functie Paginabron weergeven nodig (Optie + ⌘ + U)
- En klik op Elements om de site code te tonen.
Als je dan met de cursor over een element gaat, wordt het gemarkeerd. Als u de Safari-optie Element inspecteren op een bepaald deel van de pagina wilt openen, kunt u er met de rechtermuisknop op klikken en Element inspecteren selecteren.
Firefox
Ze werken op dezelfde manier, maar ze hebben Inspect Element al ingeschakeld.
De sneltoets van Firefox Element inspecteren is Option + ⌘ + I, en u kunt ook met de rechtermuisknop op een element klikken om het te inspecteren.
Chroom
U vindt deze functie onder Beeld ➙ Ontwikkelaar in de menubalk of met de sneltoets Optie + ⌘ + I. U kunt iteminspectie in Chrome op dezelfde manier gebruiken, gewoon door met de rechtermuisknop te klikken op een willekeurig deel van de webpagina.
Hoe breng je wijzigingen aan op een website met Inspect Element
Met deze functie kunt u snel wijzigingen aanbrengen aan uw site. Om dit te doen, moet je de Inspect Element opties aanzetten en letterlijk elk deel van de HTML of CSS aanpassen.
U moet dezelfde stappen herhalen in alle browsers. Om wijzigingen aan te brengen in uw startpagina, moet u:
- Klik met de rechtermuisknop op het gewenste element en klik op Inspect Element.
- Dubbelklik vervolgens op de tekst in de code en maak deze beschikbaar voor bewerking.
- Nu kunt u wijzigingen aanbrengen in uw code.
- Wanneer u alle wijzigingen hebt aangebracht, drukt u op Enter.
U kunt de afbeelding of animatie op elke webpagina veranderen – om dit te doen, vervangt u de URL van de oude afbeelding door de URL van de nieuwe afbeelding of GIF.
U kunt ook wijzigingen aanbrengen in CSS, zoals het veranderen van kleuren of lettergrootte.
