Rambaserade webbplatser visar ofta sin ramuppsättningslayout snarare än innehållet.
Bildkredit: vetkit/iStock/Getty Images
Den underliggande HTML-koden som används för att bygga en webbplats är inte dold utan lättillgänglig för alla med rätt verktyg. Webbläsare som Firefox, Chrome, Safari, Opera och Internet Explorer har till exempel flera sätt att visa en webbplatss HTML-, CSS- eller JavaScript-kod direkt. Dessutom kan vissa dedikerade webbutvecklarverktyg ladda och öppna en webbsida från Internet som en fil lagrad på en lokal disk.
Visa källa i webbläsaren
Stegen som krävs för att se en webbplatss HTML-kod är i stort sett desamma för Firefox, Chrome, Safari, Opera och Internet Explorer. Högerklicka på en del av en webbsida som bara innehåller text och välj sedan alternativet "Visa källa" eller "Visa sidkälla". Beroende på din webbläsarinställningar öppnas HTML-koden i en ny webbläsarflik eller i ett separat programfönster.
Dagens video
Spara källkoden på disken
Om du behöver undersöka eller redigera en webbplatss kod senare kan du spara sidan på din hårddisk. När du högerklickar på en webbsida i Firefox eller Safari erbjuds du alternativet "Spara sida som". Chrome och Opera har alternativet "Spara som". För att spara en webbsida med Internet Explorer, klicka på "Verktyg", "Arkiv" och sedan "Spara som". Förutom webbsidan i sig sparar webbläsaren alla bilder, CSS-filer och JavaScript som sidan använder som lagras lokalt på sin webb server.
Firefox, Chrome, Opera och Internet Explorer tillhandahåller var och en ett utvecklarläge som gör att du samtidigt kan se en renderad webbsida och dess HTML-, CSS- och JavaScript-kod. Om du klickar på ett element på webben visas dess kod i utvecklarens visningspanel. Utvecklarpanelen kan nås via alternativen eller konfigurationsverktyget. Även om Safari inte har ett inbyggt utvecklarverktyg, kan du installera ett som en förlängning.
Applikationer för webbutvecklare
Webbplatsdesignverktyg som Dreamweaver, Kompozer och Microsoft Expressions gör att du kan öppna en webbsida online med dess URL. Du visar HTML-koden i en källkodsvy eller en delad, förhandsgranskning och källvy. Dessutom kan du redigera koden och se ändringarna i realtid. Den faktiska koden som lagras på webbplatsens server ändras aldrig.
Problem du kan stöta på
Avsiktligt eller oavsiktligt ger vissa webbplatser inte upp sin HTML-kod lätt. Till exempel använder vissa webbplatser JavaScript-kod, som blockerar högerklick. Du kan fortfarande se källkoden genom att ladda ner sidan till din disk eller genom att inaktivera JavaScript i din webbläsare. Andra webbplatser använder HTML-ramar eller iframes, som hindrar dig från att direkt komma åt deras källa. Firefox, Chrome, Safari och Opera upptäcker rambaserade webbplatser och ger dig automatiskt möjlighet att se en rams källkod. Om en webbsida använder en JavaScript- eller CSS-fil lagrad på en annan domän kan du se filens kod direkt genom att kopiera dess URL från HTML-koden du kan komma åt och sedan klistra in den i adressfältet på en ny webbläsarflik.
