Hoofd Safari Hoe HTML-bron in Safari te bekijken

Hoe HTML-bron in Safari te bekijken



Wat te weten

  • Selecteer in het Safari-menu Ontwikkelen > Paginabron weergeven .
  • Of klik met de rechtermuisknop op pagina en Paginabron weergeven uit het vervolgkeuzemenu.
  • Toetsenbord sneltoets: Optie+Command+U .

Dit artikel laat zien hoe u HTML-broncode in Safari kunt bekijken.

Bekijk de broncode in Safari

Broncode weergeven in Safari is eenvoudig:

hoe stuur je een vriendschapsverzoek op onenigheid?
  1. Safari openen.

  2. Navigeer naar de webpagina die u wilt bekijken.

  3. Selecteer de Ontwikkelen menu in de bovenste menubalk. Selecteer de Paginabron weergeven keuze om een ​​tekstvenster te openen met de HTML-bron van de pagina.

    U kunt ook op drukken Optie+Command+U op je toetsenbord.

    De
  4. Als het menu Ontwikkelen niet zichtbaar is, ga dan naar Voorkeuren in de Geavanceerd sectie en selecteer Toon het Ontwikkelmenu in de menubalk .

Op de meeste webpagina's kunt u de bron ook bekijken door met de rechtermuisknop op de pagina te klikken (niet op een afbeelding) en te kiezen Paginabron weergeven . U moet de Ontwikkelmenu in Voorkeuren zodat de optie verschijnt.

Safari heeft ook een sneltoets voor het bekijken van de HTML-bron: Houd de toets ingedrukt commando En keuze toetsen en druk IN ( Cmd + Opt + IN .)​

Voordelen van het bekijken van de broncode

Door de bron te bekijken om te zien hoe een webontwerper tot een lay-out is gekomen, kunt u uw werk leren en verbeteren. Door de jaren heen hebben veel webontwerpers en -ontwikkelaars heel wat HTML geleerd door alleen maar de bron van webpagina's te bekijken die ze zien. Het is een uitstekende manier voor beginners om HTML te leren en voor doorgewinterde webprofessionals om te zien hoe anderen nieuwe technieken gebruikten.

Houd er rekening mee dat bronbestanden erg ingewikkeld kunnen zijn. Naast de HTML-opmaak voor een pagina worden er waarschijnlijk aanzienlijke CSS- en scriptbestanden gebruikt om het uiterlijk en de functionaliteit van die site te creëren, dus raak niet gefrustreerd als u niet meteen kunt achterhalen wat er aan de hand is. Het bekijken van de HTML-bron is slechts de eerste stap. Daarna kunt u hulpmiddelen gebruiken zoals De webontwikkelaarextensie van Chris Pederick om naar de CSS en scripts te kijken en om specifieke elementen van de HTML te inspecteren.

Is het bekijken van de broncode legaal?

Hoewel het in het groot kopiëren van de code van een site en deze op een website als uw eigen code doorgeeft, zeker niet acceptabel is, is het gebruik van die code als springplank om van te leren feitelijk hoeveel mensen vooruitgang boeken in deze branche. Het zou vandaag de dag moeilijk zijn om een ​​werkende webprofessional te vinden die nog niets heeft ontdekt door de bron van een site te bekijken!

Webprofessionals leren van elkaar en verbeteren vaak het werk dat zij zien en waardoor zij worden geïnspireerd. Aarzel dus niet om de broncode van een site te bekijken en deze als leermiddel te gebruiken.

FAQ
  • Hoe bewerk ik de broncode van een pagina in Safari?

    U kunt de broncode van webpagina's niet bewerken in Safari. Wanneer u de broncode in Safari bekijkt, kopieert en plakt u deze in een app die bestanden als platte tekst kan exporteren (zoals TextEdit of Pages).

    mijn startmenu opent Windows 10 niet
  • Hoe bekijk ik de broncode van een website in Safari op mijn iPhone?

    De iOS-versie van Safari biedt geen directe ondersteuning voor het bekijken van webpaginabronnen, maar u kunt een aangepaste bladwijzer instellen die dezelfde taak zal uitvoeren. Maak een nieuwe bladwijzer in Safari en noem deze 'Toon paginabron' (of iets dergelijks, zolang u deze maar kunt identificeren). Kopieer en plak vervolgens in het adrestekstvak een specifieke JavaScript-code , Dan Redden . Zodra de bladwijzer is ingesteld, navigeert u naar een webpagina waarvan u de bron wilt bekijken, opent u vervolgens uw bladwijzers en selecteert u de nieuwe Paginabron weergeven bladwijzer om de broncode van de webpagina te bekijken.

Interessante Artikelen

Editor'S Choice

Schakel Tab Hover Cards in of uit in Microsoft Edge
Schakel Tab Hover Cards in of uit in Microsoft Edge
Tab Hover Cards in- of uitschakelen in Microsoft Edge Chromium Zoals u wellicht al weet, bevat op Chromium gebaseerde Microsoft Edge tabtooltips die bekend staan ​​als 'Tab Hover Cards'. Deze nieuwe tooltips zijn niet standaard ingeschakeld in de stabiele versie van de browser, dus vandaag zullen we zien hoe je tab-hover-kaarten kunt inschakelen in
Microsoft verschuift de einddatum voor ondersteuning voor Windows 10 v1809 en 1709
Microsoft verschuift de einddatum voor ondersteuning voor Windows 10 v1809 en 1709
Microsoft heeft de einddatum voor ondersteuning bijgewerkt voor Windows 10, versie 1809 en Windows 10, versie 1709. Het bedrijf breidt de ondersteuningsperiode voor deze producten en voor een aantal andere oudere apps en services uit vanwege de aanhoudende coronaviruspandemie . De aankondiging zegt: Advertentie Herziene einddatum voor Windows 10,
Wileyfox Swift review: De Britse smartphone hoopt op een revolutie
Wileyfox Swift review: De Britse smartphone hoopt op een revolutie
Afgezien van uitschieters zoals de OnePlus 5, toont het bekijken van een lijst met de beste smartphones van 2017 de gebruikelijke dure verdachten. Maar soms £ 600 betalen voor een nieuwe telefoon – of een telefooncontract afsluiten dat
Hoe de iPhone XR voor elke provider te ontgrendelen?
Hoe de iPhone XR voor elke provider te ontgrendelen?
Het is de moeite waard om de tijd te nemen om de beste vervoerder voor uw behoeften te kiezen. Maar zelfs met veel onderzoek kun je de toekomst niet voorspellen. Er is altijd een kans dat je plotseling een beter data-abonnement ontdekt
Wijzig nieuw e-mailmeldingsgeluid in Windows 10
Wijzig nieuw e-mailmeldingsgeluid in Windows 10
Voor een nieuw e-mailbericht speelt Windows 10 een individueel geluid af. Hier leest u hoe u een aangepast geluid kunt wijzigen of het kunt uitschakelen.
Bestanden overzetten via Ethernet
Bestanden overzetten via Ethernet
Als je ooit hebt geprobeerd een groot bestand over te zetten tussen twee apparaten via Bluetooth, weet je hoe traag en pijnlijk het proces kan zijn. Het wordt er ook niet eenvoudiger op met e-mail, aangezien veel e-mailproviders het beperken
Automatisch audio afspelen in PowerPoint
Automatisch audio afspelen in PowerPoint
Muziek maakt alles beter, en PowerPoint-presentaties - afhankelijk van de gelegenheid en het doel natuurlijk - zijn geen uitzondering. Als je PowerPoint al eerder hebt gebruikt, weet je waarschijnlijk al dat je nummers, geluidseffecten en andere audiobestanden kunt invoegen