Paginabron bekijken in Chrome, Firefox en Safari | We.Inc
Sneltoetsen om de HTML-bron van een pagina te bekijken in Chrome, Firefox en Safari, het verschil met Inspecteren, wat u mag hergebruiken, en een viewer die geplakte HTML samenvat.
Paginabron bekijken
Druk in Chrome en Firefox op Windows of Linux op Ctrl+U. Op een Mac gebruikt Chrome Command+Option+U en Firefox Command+U. U kunt ook met de rechtermuisknop op een leeg deel van de pagina klikken en Paginabron bekijken kiezen. In Safari moet u eerst de ontwikkelaarsfuncties inschakelen via Instellingen, onder Geavanceerd.
Sneltoetsen voor de paginabron per browser (helppagina's van de makers)
Browser
Windows of Linux
Mac
Chrome
Ctrl+U
Command+Option+U
Firefox
Ctrl+U
Command+U
Safari
Niet beschikbaar
Schakel eerst Toon functies voor webontwikkelaars in (Instellingen, Geavanceerd)
Elk van de bovenstaande
Klik met de rechtermuisknop op de pagina en kies Paginabron bekijken
Klik met de rechtermuisknop (of Control-klik) op de pagina
De paginabron is het HTML-bestand dat de server stuurde voordat er scripts draaiden. Het laat zien welke titel en beschrijving een pagina gebruikt, welke trackingtags ze laadt en waar de afbeeldingen staan. Daarmee is het de snelste manier om uw eigen site na een wijziging te controleren, of om te zien hoe een pagina die u mooi vindt in elkaar zit.
Open de pagina die u wilt lezen en druk op de sneltoets voor uw browser.
Gebruik de zoekfunctie van de browser (Ctrl+F of Command+F) om naar wat u zoekt te springen, zoals <title of og:image.
Om het makkelijker te bestuderen kopieert u alles en plakt u het in de viewer hierboven.
Wilt u de pagina zien zoals die eruitziet nadat scripts hebben gedraaid, gebruik dan Inspecteren.
In Firefox kunt u naar één regel linken: voeg #line100 toe aan het einde van een view-source:-adres.
Selecteer in Firefox wat tekst, klik met de rechtermuisknop en kies Bron van selectie bekijken om alleen dat deel te zien.
Pagina's die met een JavaScript-framework zijn gebouwd, tonen vaak een bijna lege bron. Inspecteren toont wat de scripts hebben opgebouwd.
Controleer uw eigen pagina's na elk redesign: een ontbrekende titel of beschrijving ziet u meteen in de bron.
Veelgestelde vragen
Wat is het verschil tussen Paginabron bekijken en Inspecteren?
Paginabron bekijken toont het oorspronkelijke bestand van de server. Inspecteren opent de ontwikkelaarstools van de browser, waar de DOM-boom volgens de documentatie van Chrome de huidige staat van de pagina toont, die afwijkt van de HTML zodra JavaScript delen toevoegt, verwijdert of aanpast.
Mag ik HTML-code van een website kopiëren?
U mag hem lezen en ervan leren. Hergebruiken is iets anders: het US Copyright Office zegt dat originele teksten, illustraties en foto's op een website beschermd kunnen zijn. Auteursrecht dekt geen ideeën, systemen of methoden, dus leer de techniek en schrijf uw eigen versie. Dit is algemene informatie, geen juridisch advies.
Waarom ontbreekt de optie om de bron te bekijken?
In Safari blijft die verborgen totdat u Toon functies voor webontwikkelaars aanvinkt onder Instellingen, Geavanceerd. Op een beheerde werk- of schoolcomputer kan een beheerder de ontwikkelaarstools hebben uitgeschakeld; vraag het hem.
Kan ik de servercode van een website zien, zoals PHP of databasequery's?
Nee. De server voert die code uit en stuurt alleen de resulterende HTML, CSS en JavaScript. Niets in de paginabron verraadt wat die heeft gemaakt.
Waar u op let in uw eigen paginabron
Bovenaan, binnen <head>, vindt u de <title> en <meta name="description">, de tekst die zoekresultaten tonen. Verder naar beneden staan og:-tags die linkvoorbeelden op sociale media bepalen, en de scripts voor analytics of tagmanagers.
Verschijnt een wijziging die u in uw site-editor hebt gemaakt hier niet, dan staat de pagina misschien in de cache. Herlaad één keer en controleer opnieuw.
Hergebruiken wat u vindt
Auteursrecht beschermt de manier waarop iets is uitgedrukt, niet het idee erachter. Een lay-outidee of een gangbare techniek mag u vrij gebruiken; iemands foto's, geschreven teksten en illustraties niet, tenzij de licentie dat toestaat.
Paginabron, Inspecteren en view-source: vergeleken
Drie manieren om de code van een pagina te lezen
Methode
Toont
Bewerkbaar
Het meest geschikt voor
Paginabron bekijken
De HTML die de server stuurde
Nee
Titels, metatags en trackingscripts controleren
Inspecteren (ontwikkelaarstools)
De live pagina nadat scripts hebben gedraaid
Ja, tijdelijk
Uitzoeken welke code een knop of afbeelding tekent
view-source: in de adresbalk (Firefox)
Hetzelfde als Paginabron bekijken
Nee
Naar een regel linken, zoals #line100
Handige zoekopdrachten in de paginabron
Druk in het brontabblad op Ctrl+F (Command+F op een Mac) en zoek hierop om de belangrijkste onderdelen te vinden.
Waar u op zoekt
Elke regel is iets om in de zoekfunctie te typen, gevolgd door wat het vindt.
Paginabron-viewer
Plak HTML die u uit Paginabron bekijken hebt gekopieerd. Het blijft in uw browser; er wordt niets geüpload of opgehaald.