{"id":756999,"date":"2023-10-20T07:32:27","date_gmt":"2023-10-20T13:32:27","guid":{"rendered":"https:\/\/blogging-techies.com\/sw\/hur-internet-och-webblasare-fungerar\/"},"modified":"2023-10-20T07:32:27","modified_gmt":"2023-10-20T13:32:27","slug":"hur-internet-och-webblasare-fungerar","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/sw\/hur-internet-och-webblasare-fungerar\/","title":{"rendered":"Hur internet och webbl\u00e4sare fungerar"},"content":{"rendered":"<p>En webbl\u00e4sares roll \u00e4r enkel: du anger en fr\u00e5ga och den tar de associerade resultaten direkt till din enhet.<\/p>\n<p>Det h\u00e4nder dock mycket i backend, fr\u00e5n att h\u00e4mta information fr\u00e5n en viss webbserver till att visa resurser i dess f\u00f6nster.<\/p>\n<p>P\u00e5 fronten kommer varje webbl\u00e4sare med olika funktionsupps\u00e4ttningar.  Medan vissa har siktet inst\u00e4llt p\u00e5 att vara en integritetsfokuserad webbl\u00e4sare, fokuserar andra fr\u00e4mst p\u00e5 anpassningsfronten (ja, det finns till och med en spelwebbl\u00e4sare nu).<\/p>\n<p>Dessa skillnader \u00e4r n\u00f6dv\u00e4ndiga, vilket g\u00f6r varje webbl\u00e4sare l\u00e4tt att urskilja och ger dem en unik identitet.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Rollen_for_HTTP\"><\/span>Rollen f\u00f6r HTTP<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Men n\u00e4r det g\u00e4ller att utf\u00f6ra sin prim\u00e4ra uppgift att h\u00e4mta och visa information \u00e4r enhetlighet ett element.  Varje bit av data som \u00f6verf\u00f6rs under denna process f\u00f6ljer Hypertext Transfer Protocol.<\/p>\n<p>HTTP styr hur viss information, oavsett om text, bilder eller n\u00e5gon annan fil, ska \u00f6verf\u00f6ras till webben.  Det fungerar med andra ord som h\u00f6rnstenen i all datautbyte p\u00e5 webben.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Webbsidor_i_HTML-format\"><\/span>Webbsidor i HTML-format<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u00c5 andra sidan har webbsidorna som du kommer \u00e5t via din \u00f6nskade webbl\u00e4sare skrivits i hypertextmarkeringsspr\u00e5k.  Det \u00e4r \u00e5terigen ett standardspr\u00e5k som alla webbplatser p\u00e5 webben m\u00e5ste f\u00f6lja.<\/p>\n<p>Alla regler har skrivits i HTML- och CSS-specifikationerna som underh\u00e5lls av World Wide Web Consortium.<\/p>\n<p>Din webbl\u00e4sare skulle inte f\u00f6rst\u00e5 standardtext;  i st\u00e4llet b\u00f6r den f\u00f6rses med all HTML-information.<\/p>\n<p>S\u00e5 ist\u00e4llet f\u00f6r den vanliga texten du ser i gr\u00e4nssnittet \u00e4r webbl\u00e4saren fr\u00e4mst intresserad av vad som h\u00e4nder bakom kulisserna, det vill s\u00e4ga inneh\u00e5llet i HTML, Head, Body och andra liknande taggar.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Anvanda_webblasarens_renderingsmotor\"><\/span>Anv\u00e4nda webbl\u00e4sarens renderingsmotor<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>De skulle dock inte vara intresserade av denna HTML-data;  ist\u00e4llet m\u00e5ste de f\u00e5 UI-elementet fr\u00e5n tillh\u00f6rande data att agera p\u00e5.  Det \u00e4r h\u00e4r en webbl\u00e4sares renderingsmotor kommer in i bilden.<\/p>\n<p>S\u00e5 snart den f\u00e5r den n\u00f6dv\u00e4ndiga resursen fr\u00e5n en webbsida, \u00f6vers\u00e4tter motorn denna data till ett format som \u00e4r f\u00f6rst\u00e5eligt f\u00f6r anv\u00e4ndaren och p\u00e5 s\u00e5 s\u00e4tt kan du se den \u00f6nskade webbplatsen, bilden eller videon.<\/p>\n<p>Som standard hanterar dessa motorer XML- och HTML-inneh\u00e5ll effektivt, men deras dom\u00e4n kan ut\u00f6kas med plugins fr\u00e5n tredje part.<\/p>\n<p>Olika webbl\u00e4sare anv\u00e4nder ocks\u00e5 olika typer av renderingsmotorer.  Till exempel anv\u00e4nder Firefox Gecko;  Safari anv\u00e4nder WebKit, medan Chrome anv\u00e4nder en gaffel av WebKit (blink).<\/p>\n<h2><span class=\"ez-toc-section\" id=\"URL_for_varje_webbsida\"><\/span>URL f\u00f6r varje webbsida<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Men hur skulle de kunna identifieras med en s\u00e5dan m\u00e4ngd information p\u00e5 webben?  F\u00f6r att ge en unik identitet till varje element p\u00e5 webben tilldelas de en unik adress.  Detta \u00e4r ocks\u00e5 k\u00e4nt som en Uniform Resource Locator (URL).<\/p>\n<p>  D\u00e4rf\u00f6r har varje webbplats du visar, inklusive en bild, video eller dokument, tilldelats en unik URL.  Du m\u00e5ste klicka p\u00e5 den l\u00e4nken och sedan kan du komma \u00e5t den med bara ett klick.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Behovet_av_enhetlighet\"><\/span>Behovet av enhetlighet?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>I alla dessa kan du ha sett en viktig sak: det finns ett gemensamt ramverk specificerat som varje webbl\u00e4sare m\u00e5ste vara i linje med.<\/p>\n<p>Till exempel \u00e4r HTTP ansvarig f\u00f6r data\u00f6verf\u00f6ring;  Webbplatser f\u00f6ljer HTML, som styrs av W3C-organet.  S\u00e5 vad var behovet av denna konsekvens?<\/p>\n<p>Tja, det finns en stor m\u00e4ngd information spridd \u00f6ver webben, som h\u00e4nf\u00f6r sig till olika regioner i v\u00e4rlden.  Om varje webbl\u00e4sare f\u00f6ljt sina egna regler skulle bristen p\u00e5 enhetlighet ha gjort det sv\u00e5rt f\u00f6r anv\u00e4ndare att f\u00f6rst\u00e5 informationen de f\u00f6rs\u00f6kte h\u00e4mta.<\/p>\n<p>Men genom att uppr\u00e4tth\u00e5lla ett konsekvent arbetsfl\u00f6de kan varje anv\u00e4ndare f\u00e5 samma information fr\u00e5n vilken enhet som helst, oavsett om det \u00e4r i v\u00e4rldens h\u00f6rn.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Slutsats\"><\/span>Slutsats<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>S\u00e5, p\u00e5 den noten, slutf\u00f6r vi den h\u00e4r artikeln om hur en webbl\u00e4sare fungerar.  Kom ih\u00e5g att att f\u00f6lja dessa webbstandarder betyder inte att alla webbl\u00e4sare m\u00e5ste vara en exakt kopia av varandra.<\/p>\n<p>De skulle l\u00e4tt kunna differentiera sig p\u00e5 UI\/UX-fronten, vilket de bland annat tillhandah\u00e5ller.  Det \u00e4r bara det att din back-end-funktionalitet m\u00e5ste vara i linje med de regler som har fastst\u00e4llts.<\/p>\n<p>S\u00e5 med det avslutar vi den h\u00e4r guiden.  Om du har n\u00e5gra fr\u00e5gor relaterade till informationen som n\u00e4mns ovan, v\u00e4nligen meddela oss i kommentarsf\u00e4ltet nedan.<\/p>\n<p>Slutligen, om du har n\u00e5gra tankar eller kommentarer om hur Internet och webbl\u00e4saren fungerar, l\u00e4mna g\u00e4rna dem i kommentarsf\u00e4ltet nedan.  Du kan ocks\u00e5 rapportera inaktuell information.<\/p>\n<p>Artikeln har bidragit av Sadique Hassan;  .<\/p>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/sw\/hur-internet-och-webblasare-fungerar\/#Rollen_for_HTTP\" >Rollen f\u00f6r HTTP<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogging-techies.com\/sw\/hur-internet-och-webblasare-fungerar\/#Webbsidor_i_HTML-format\" >Webbsidor i HTML-format<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blogging-techies.com\/sw\/hur-internet-och-webblasare-fungerar\/#Anvanda_webblasarens_renderingsmotor\" >Anv\u00e4nda webbl\u00e4sarens renderingsmotor<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/blogging-techies.com\/sw\/hur-internet-och-webblasare-fungerar\/#URL_for_varje_webbsida\" >URL f\u00f6r varje webbsida<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/blogging-techies.com\/sw\/hur-internet-och-webblasare-fungerar\/#Behovet_av_enhetlighet\" >Behovet av enhetlighet?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/blogging-techies.com\/sw\/hur-internet-och-webblasare-fungerar\/#Slutsats\" >Slutsats<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>En webbl\u00e4sares roll \u00e4r enkel: du anger en fr\u00e5ga och den tar de associerade resultaten direkt till din enhet. Det h\u00e4nder dock mycket i backend, fr\u00e5n att h\u00e4mta information fr\u00e5n en viss webbserver till att visa resurser i dess f\u00f6nster. P\u00e5 fronten kommer varje webbl\u00e4sare med olika funktionsupps\u00e4ttningar. Medan vissa har siktet inst\u00e4llt p\u00e5 att [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":757000,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2023\/06\/35.png","fifu_image_alt":"","footnotes":""},"categories":[5],"tags":[],"class_list":["post-756999","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bloggar"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts\/756999","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/comments?post=756999"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts\/756999\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/media\/757000"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/media?parent=756999"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/categories?post=756999"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/tags?post=756999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}