{"id":115751,"date":"2021-09-05T13:02:00","date_gmt":"2021-09-05T10:02:00","guid":{"rendered":"https:\/\/howto.mediadoma.com\/?p=115751"},"modified":"2025-03-15T12:38:53","modified_gmt":"2025-03-15T09:38:53","slug":"cheat-sheet-vad-du-behover-veta-om-edge-pa-chromium","status":"publish","type":"post","link":"https:\/\/howto.mediadoma.com\/sv\/cheat-sheet-vad-du-behover-veta-om-edge-pa-chromium\/","title":{"rendered":"Cheat Sheet: Vad du beh\u00f6ver veta om Edge p\u00e5 Chromium"},"content":{"rendered":"<p>Microsofts nyheter om att det <a href=\"https:\/\/blogs.windows.com\/msedgedev\/2018\/12\/07\/recapping-open-source-announcements\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">flyttar sin Edge-webbl\u00e4sare<\/a> till Chromium-motorn har lett till diskussion kring ett brett utbud av olika webbtekniker. Om du har hittat alla namn och jargong f\u00f6rvirrande kan det h\u00e4nda att du hittar den h\u00e4r anv\u00e4ndarreferensen.<\/p>\n<p>Vi har sammanst\u00e4llt ett fuskark med nyckeltermer och tekniker. Det ska hj\u00e4lpa dig att f\u00f6rst\u00e5 rollerna f\u00f6r de olika projekten och vad som f\u00f6r\u00e4ndras inom Edge. Fraser i kursiv stil i definitionerna indikerar en h\u00e4nvisning till en annan term inom detta fuskark.<\/p>\n<ul>\n<li>\n<p><strong>Edge<\/strong> &#8211; Edge \u00e4r enkelt, Microsofts moderna webbl\u00e4sare introducerad med Windows 10. Den \u00e4r byggd som en UWP-app och drivs av EdgeHTML-webbl\u00e4sarmotorn. F\u00f6rra veckan bekr\u00e4ftade Microsoft att de kommer att byta till Chromium-webbl\u00e4sarmotorn under n\u00e4sta \u00e5r och gradvis kommer att bli tillg\u00e4ngliga p\u00e5 fler Windows-versioner och olika operativsystemplattformar. Edge anv\u00e4nder f\u00f6r n\u00e4rvarande Chakra JavaScript-motorn, men detta <a href=\"https:\/\/github.com\/Microsoft\/ChakraCore\/issues\/5865\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">kommer att \u00e4ndras till V8<\/a> till f\u00f6ljd av \u00f6verg\u00e5ngen till Chromium.<\/p>\n<\/li>\n<li>\n<p><strong>EdgeHTML<\/strong> &#8211; Den egenutvecklade Microsoft-webbl\u00e4sarmotorn som anv\u00e4nds av Microsoft Edge sedan introduktionen med Windows 10 2015. Motorn delades fr\u00e5n Trident. F\u00f6rutom att driva Edge-webbl\u00e4saren anv\u00e4nds EdgeHTML ocks\u00e5 f\u00f6r att \u00e5terge olika komponenter i Windows 10-gr\u00e4nssnittet och st\u00f6der Windows 10 UWP-appar skrivna med JavaScript och HTML. Det \u00e4r t\u00e4tt bundet till Windows 10-systemet och \u00e4r inte tillg\u00e4ngligt f\u00f6r n\u00e5gon annan plattform.<\/p>\n<\/li>\n<li>\n<p><strong>Trident<\/strong> &#8211; Avbruten Microsofts webbl\u00e4sarmotor som anv\u00e4nds fr\u00e5n Internet Explorer 4 fram till Internet Explorer 11. Ansvarar f\u00f6r mycket av Internet Explorer: s dominans under b\u00f6rjan av 2000-talet, men blev f\u00f6r\u00e5ldrad p\u00e5 grund av d\u00e5lig efterlevnad av webbstandarder. Microsoft gjorde anstr\u00e4ngningar f\u00f6r att f\u00f6rb\u00e4ttra motorn med ytterligare funktioner och standardst\u00f6d i senare inkarnationer. Motorn anv\u00e4ndes ocks\u00e5 f\u00f6r att st\u00f6dja JavaScript-appar p\u00e5 Windows 8 och Windows Phone 8.<\/p>\n<\/li>\n<li>\n<p><strong>UWP<\/strong> &#8211; Universal Windows-plattform. En kollektiv upps\u00e4ttning API: er och tekniker som g\u00f6r det m\u00f6jligt f\u00f6r utvecklare att skapa appar f\u00f6r Windows 10, Windows 10 Mobile och relaterade moderna Microsoft-ekosystem. UWP \u00e4r vanligtvis associerat med Microsoft \/ Windows Store, den vanligaste distributionskanalen f\u00f6r dessa appar. Appar kan byggas f\u00f6r UWP med en m\u00e4ngd olika tekniker, till exempel C ++, C # \/ XAML och JavaScript \/ HTML. Alternativ finns ocks\u00e5 f\u00f6r att skapa UWP-appar fr\u00e5n befintliga klassiska Win32 Windows-skrivbordsappar, iOS-appar eller PWA.<\/p>\n<\/li>\n<li>\n<p><strong>Webbl\u00e4sarmotor<\/strong> &#8211; Core, frist\u00e5ende komponent i en webbl\u00e4sare som ansvarar f\u00f6r att konstruera och \u00e5terge webbsidor s\u00e5 att de \u00e4r synliga och interaktiva. Webbl\u00e4sarmotorer \u00e4r vanligtvis ogenomskinliga f\u00f6r slutanv\u00e4ndaren, som vanligtvis inte \u00e4r medveten om deras roll i surfupplevelsen. Motorn inneh\u00e5ller flera underkomponenter, till exempel en layoutmotor och en renderingsmotor, som implementerar olika funktioner som kr\u00e4vs f\u00f6r att skapa webbsidor.<br \/>\nWebbl\u00e4sarmotorer \u00e4r vanligtvis, men inte alltid, frist\u00e5ende komponenter som kan implementeras av flera olika webbl\u00e4sare &#8211; till exempel anv\u00e4nds Chromium-motorn f\u00f6r n\u00e4rvarande av Google Chrome, Opera, Vivaldi och m\u00e5nga andra. Var och en av dessa webbl\u00e4sare har ett unikt gr\u00e4nssnitt och en anv\u00e4ndarv\u00e4nlig funktionssats, men f\u00f6rlitar sig p\u00e5 Chromium-motorn f\u00f6r att h\u00e4mta, konstruera och \u00e5terge faktiska webbsidor.<\/p>\n<\/li>\n<li>\n<p><strong>Blink<\/strong> &#8211; En popul\u00e4r och etablerad <a href=\"https:\/\/www.chromium.org\/blink\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">webbl\u00e4sarmotor med \u00f6ppen k\u00e4llkod som<\/a> anv\u00e4nds av flera webbl\u00e4sarprojekt, inklusive Chromium. Blink f\u00f6ljer i stort sett moderna webbstandarder och flyttar f\u00f6r att implementera nya standarder och rekommendationer i tid, vilket har bidragit till dess popularitet. Den gafflades fr\u00e5n WebKit-motorn.<\/p>\n<\/li>\n<li>\n<p><strong>Chromium<\/strong> &#8211; Ett webbl\u00e4sarprojekt med \u00f6ppen k\u00e4llkod som ursprungligen utvecklats av Google. Krom \u00e4r grunden f\u00f6r m\u00e5nga webbl\u00e4sare, s\u00e4rskilt Google Chrome. Den drivs av Blink-webbl\u00e4sarmotorn och anv\u00e4nder V8 som sin JavaScript-motor. Chromium finns tillg\u00e4ngligt p\u00e5 alla st\u00f6rre station\u00e4ra plattformar, liksom Android. Projektet har f\u00e5tt kritik f\u00f6r sina n\u00e4ra band till Google; Trots sin \u00f6ppen k\u00e4llkodsledning leds Chromium-utvecklingen av Google och projektet <a href=\"https:\/\/github.com\/Eloston\/ungoogled-chromium\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">inkluderar standardintegration<\/a> med Googles tj\u00e4nster.<\/p>\n<\/li>\n<li>\n<p><strong>JavaScript-motor<\/strong> &#8211; Ett program som tolkar och k\u00f6r JavaScript-kod. Historiskt sett har de flesta JavaScript-motorer bott i webbl\u00e4sare, men under de senaste \u00e5ren har JavaScript-anv\u00e4ndningen utanf\u00f6r webbl\u00e4saren vuxit till att omfatta servrar, kommandoradsapplikationer och mobilapplikationer, vilket kr\u00e4ver utveckling i motorutvecklingen.<\/p>\n<\/li>\n<li>\n<p><strong>Chakra<\/strong> &#8211; En JavaScript-motor utvecklad av Microsoft och anv\u00e4nds f\u00f6r Edge och UWP. Det gafflades fr\u00e5n Microsofts \u00e4ldre JScript-motor. Ursprungligen en egen teknik, <a href=\"https:\/\/blogs.windows.com\/msedgedev\/2015\/12\/05\/open-source-chakra-core\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u00f6ppnade<\/a> Microsoft <a href=\"https:\/\/blogs.windows.com\/msedgedev\/2015\/12\/05\/open-source-chakra-core\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">motoren<\/a> 2015. F\u00f6rutom anv\u00e4ndning i Edge-webbl\u00e4saren har Chakra ocks\u00e5 funnit popularitet i andra distributioner, inklusive inb\u00e4ddade milj\u00f6er.<\/p>\n<\/li>\n<li>\n<p><strong>V8<\/strong> &#8211; En JavaScript-motor med \u00f6ppen k\u00e4llkod som fr\u00e4mst anv\u00e4nds av Chromium-webbl\u00e4sarprojektet, <a href=\"https:\/\/medium.freecodecamp.org\/understanding-the-core-of-nodejs-the-powerful-chrome-v8-engine-79e7eb8af964\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">vilket m\u00f6jligg\u00f6r k\u00f6rning<\/a> av JavaScript-kod i webbl\u00e4sare. V8 anv\u00e4nds ocks\u00e5 av m\u00e5nga andra JavaScript-k\u00f6rningar, inklusive Node.js-serverns JavaScript-milj\u00f6 och Electron desktop app-ramverk.<\/p>\n<\/li>\n<li>\n<p><strong>HTML<\/strong> &#8211; Hypertext Markup Language. HTML \u00e4r det markeringsspr\u00e5k som anv\u00e4nds f\u00f6r att skapa strukturer och grundl\u00e4ggande layout f\u00f6r webbsidor. Webbl\u00e4sarmotorer anv\u00e4nder HTML-filer f\u00f6r att skapa den webbsida som i slut\u00e4ndan \u00e5terges till din sk\u00e4rm.<\/p>\n<\/li>\n<li>\n<p><strong>JavaScript<\/strong> &#8211; Ett <a href=\"https:\/\/developer.mozilla.org\/bm\/docs\/Web\/JavaScript\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tolkat programmeringsspr\u00e5k p\u00e5<\/a> h\u00f6g niv\u00e5 som \u00e4r en k\u00e4rnkomponent i moderna webbplatser. JavaScript \u00e4r viktigt f\u00f6r webbappar och interaktiva sidor eftersom det ger utvecklare ett s\u00e4tt att interagera med webbsidan och webbl\u00e4saren. JavaScript har ocks\u00e5 ett brett utbud av anv\u00e4ndningsfall utanf\u00f6r webbl\u00e4sare, inklusive inbyggda appar (till exempel med Microsofts Windows 10 UWP-plattform) och p\u00e5 inb\u00e4ddade enheter.<\/p>\n<\/li>\n<li>\n<p><strong>PWA<\/strong> &#8211; Progressiv webbapp. En upps\u00e4ttning utvecklingsmetoder, koncept och teknik som g\u00f6r det m\u00f6jligt f\u00f6r webbplatser och webbappar att bete sig som installerade inbyggda appar p\u00e5 kompatibla enheter.<br \/>\nTillg\u00e4ngliga funktioner varierar beroende p\u00e5 plattformen d\u00e4r PWA anv\u00e4nds, men inkluderar vanligtvis m\u00f6jligheten att &#8221;installera&#8221; webbplatsen \/ webbappen p\u00e5 ett s\u00e4tt som liknar en inf\u00f6dd app, samt support f\u00f6r servicearbetare &#8211; en webbteknik vilket underl\u00e4ttar anv\u00e4ndningen av funktioner som offline-drift, bakgrundssynkronisering och push-meddelanden som vanligtvis \u00e4r associerade med inbyggda appar.<br \/>\nPWA: er k\u00e4nnetecknas ofta av tekniska medier och icke-utvecklare som hybrid- eller v\u00e4rdwebappar. En ren PWA <a href=\"https:\/\/developers.google.com\/web\/progressive-web-apps\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">anv\u00e4nder endast webbstandarder<\/a>f\u00f6r att tillhandah\u00e5lla dess funktionalitet och levereras fr\u00e5n en webbplatsdom\u00e4n. Det \u00e4r sedan upp till enskilda plattformar att implementera relevanta webbstandarder och ge en inf\u00f6dd-liknande upplevelse.<\/p>\n<\/li>\n<\/ul>\n<p>Denna ordlista ger en \u00f6versikt p\u00e5 h\u00f6g niv\u00e5 av var och en av dessa tekniker och termer; om du vill l\u00e4ra dig mer, uppmuntrar vi dig att g\u00e5 till webbplatserna f\u00f6r varje utvalt projekt. \u00c4ven om dessa tekniker kan g\u00e5 obem\u00e4rkt av anv\u00e4ndarna, \u00e4r de avg\u00f6rande f\u00f6r webben och g\u00f6r det m\u00f6jligt f\u00f6r oss att konsumera webbsidor med v\u00e5ra webbl\u00e4sare.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.onmsft.com\" class=\"external external_icon\">www.onmsft.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Microsofts nyheter om att det flyttar sin Edge-webbl\u00e4sare till Chromium-motorn har lett till diskussion kring ett brett utbud av olika webbtekniker.<\/p>\n","protected":false},"author":1,"featured_media":24720,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[1072],"tags":[3063],"class_list":["post-115751","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hur","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/115751","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=115751"}],"version-history":[{"count":1,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/115751\/revisions"}],"predecessor-version":[{"id":319955,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/115751\/revisions\/319955"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/24720"}],"wp:attachment":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=115751"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=115751"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=115751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}