Hoe om te zien de HTML- code voor een website

Frame- gebaseerde websites hun frameset indeling in plaats van de inhoud weer vaak . Vetkit / iStock / Getty Images

De onderliggende HTML-code wordt gebruikt om een ​​website te bouwen is niet verborgen, maar gemakkelijk toegankelijk voor iedereen met de juiste hulpmiddelen.Bijvoorbeeld, web browsers, zoals Firefox, Chrome, Safari, Opera en Internet Explorer meerdere manieren waarop u kunt een website HTML, CSS en JavaScript-code direct te bekijken.Daarnaast kunnen sommige speciale Web developer tools te laden en open een webpagina van het internet als een bestand opgeslagen op een lokale schijf.

Bekijk Bron in Browser

  • De stappen die nodig zijn om een ​​website van de HTML code te zien zijn in wezen hetzelfde voor Firefox, Chrome, Safari,Opera en Internet Explorer.Rechtermuisknop op een gedeelte van een webpagina die alleen tekst bevat en selecteer vervolgens de "View Source" of de optie "Bekijk pagina bron".Afhankelijk van de browser het opzetten van je, de HTML-code wordt geopend in een nieuw tabblad browser of in een aparte applicatie vens

    ter.

Save Source Code op schijf

  • Als u nodig hebt om te onderzoeken of de code van een website later bewerken, kunt u de pagina op te slaan op uw harde schijf.Wanneer u met de rechtermuisknop op een webpagina in Firefox of Safari, wordt u aangeboden de optie "Pagina opslaan als."Chrome en Opera hebben de "Opslaan als" optie.Naar een webpagina met Internet Explorer op te slaan, klik op "Tools", "File" en vervolgens "Opslaan als."In aanvulling op de webpagina zelf, de browser slaat alle afbeeldingen, CSS en JavaScript-bestanden de pagina toepassingen die lokaal zijn opgeslagen op de webserver.

ingebouwde browser Developer Tools

  • Firefox, Chrome, Opera en Internet Explorer elk een developer mode waarmee u tegelijkertijd bekijken van een webpagina gemaakt en zijn HTML, CSS en JavaScript-code.Als u klikt op een element op het web, wordt de code in de ontwikkelaar display.De ontwikkelaar paneel kan worden geraadpleegd via de opties of configuratie tool.Terwijl Safari beschikt niet over een native ontwikkelaar tool, kunt u een als een extensie installeren.

Web Developer Applications

  • Website design tools zoals Dreamweaver, Kompozer en Microsoft Expressions kunt u een online webpagina te openen met behulp van de URL.U bekijk de HTML code in een source-code alleen bekijken of een splitsing, preview en de bron bekijken.Daarnaast kunt u de code bewerken en bekijk de veranderingen in real time.De werkelijke code opgeslagen op de server van de website is nooit veranderd.

problemen die zich kunnen voordoen

  • opzettelijk of onopzettelijk, sommige websites niet gemakkelijk geven hun HTML-code.Bijvoorbeeld, sommige sites gebruiken JavaScript-code, die blokkeert rechts-klikken.U kunt nog steeds de broncode te bekijken door het downloaden van de pagina om uw schijf of door het uitschakelen van JavaScript in uw browser.Andere sites gebruiken HTML-frames of iframes, die voorkomen dat u rechtstreeks toegang tot de bron.Firefox, Chrome, Safari en Opera detecteren frames gebaseerde websites en een optie om een ​​frame broncode bieden u automatisch.Als een webpagina maakt gebruik van een JavaScript of CSS-bestand is opgeslagen op een ander domein, kunt u de code dat bestand rechtstreeks bekijken door het kopiëren van de URL van de HTML-code die u kunt openen en dan is het in de adresbalk van een nieuw tabblad browser te plakken.

269
0
1
Web Browser Basics