{"id":277,"date":"2026-08-16T19:22:11","date_gmt":"2026-08-16T17:22:11","guid":{"rendered":"https:\/\/helloblog.io\/sv\/wordpress-browser-extension-funktioner-installation\/"},"modified":"2026-08-16T19:22:11","modified_gmt":"2026-08-16T17:22:11","slug":"wordpress-browser-extension-funktioner-installation","status":"publish","type":"post","link":"https:\/\/helloblog.io\/sv\/wordpress-browser-extension-funktioner-installation\/","title":{"rendered":"WordPress Browser Extension flyttar adminbaren till verktygsf\u00e4ltet"},"content":{"rendered":"\n<p>WordPress har sl\u00e4ppt ett officiellt webbl\u00e4sartill\u00e4gg som flyttar de viktigaste genv\u00e4garna fr\u00e5n adminbaren till webbl\u00e4sarens verktygsf\u00e4lt. Du kan d\u00e4rmed granska sidor utan adminbarens p\u00e5verkan och \u00e4nd\u00e5 \u00f6ppna admin, redigeraren och utvecklarverktyg med n\u00e5gra klick.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ett alternativ till adminbaren<\/h2>\n\n\n\n<p>WordPress Browser Extension \u00e4r ett webbl\u00e4sartill\u00e4gg med \u00f6ppen k\u00e4llkod f\u00f6r Google Chrome, Chromium-baserade webbl\u00e4sare och Safari p\u00e5 macOS. Det riktar sig till inloggade anv\u00e4ndare och l\u00e5ter dig d\u00f6lja adminbaren p\u00e5 utvalda webbplatser, eller \u00f6verallt som standard, utan att f\u00f6rlora dess vanligaste genv\u00e4gar.<\/p>\n\n\n\n<p>Adminbaren ligger normalt \u00f6verst p\u00e5 varje sida n\u00e4r du \u00e4r inloggad. Den ger snabb \u00e5tkomst till adminpanelen, redigeraren och profilen, men tar ocks\u00e5 plats i viewporten. D\u00e4rf\u00f6r ser du inte exakt samma sida som en bes\u00f6kare ser, och p\u00e5 webbplatser med exempelvis sticky headers eller scrollstyrda effekter kan adminbaren skapa visuella artefakter som liknar fel i sidans kod.<\/p>\n\n\n\n<p>Till\u00e4gg kan dessutom fylla adminbaren med fler funktioner och genv\u00e4gar. Om du st\u00e4nger av den i profilinst\u00e4llningarna f\u00f6rsvinner \u00e4ven genv\u00e4garna. Webbl\u00e4sartill\u00e4gget l\u00f6ser avv\u00e4gningen: det g\u00f6mmer f\u00e4ltet men beh\u00e5ller de vanligaste \u00e5tg\u00e4rderna i verktygsf\u00e4ltet. Du kan \u00e5terst\u00e4lla hela adminbaren med tv\u00e5 klick utan att \u00f6ppna adminpanelen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Se WordPress-status och \u00f6ppna r\u00e4tt redigeringsvy<\/h2>\n\n\n\n<p>Ikonen i verktygsf\u00e4ltet visar diskret om den aktuella webbplatsen anv\u00e4nder WordPress och om du \u00e4r inloggad. N\u00e4r du \u00f6ppnar till\u00e4gget p\u00e5 en webbplats som du hanterar f\u00e5r du genv\u00e4gar till adminpanelen eller till r\u00e4tt redigeringsvy f\u00f6r det inneh\u00e5ll som visas.<\/p>\n\n\n\n<p>Till\u00e4gget kan \u00f6ppna redigeraren f\u00f6r det aktuella inl\u00e4gget, sidan, taxonomin eller mallen. P\u00e5 sidor som bygger p\u00e5 en mall \u00f6ppnar det Webbplatsredigeraren n\u00e4r webbplatsen anv\u00e4nder ett blocktema. En lokalt lagrad startmeny kommer ocks\u00e5 ih\u00e5g de webbplatser som du loggar in p\u00e5, s\u00e5 att du kan \u00f6ppna dem \u00e4ven n\u00e4r du befinner dig p\u00e5 en helt annan webbplats.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Verktyg f\u00f6r granskning och utveckling<\/h2>\n\n\n\n<p>Flera funktioner passar b\u00e4ttre i webbl\u00e4saren \u00e4n som WordPress-till\u00e4gg. De fungerar p\u00e5 varje WordPress-webbplats du bes\u00f6ker och kr\u00e4ver varken ett WordPress-till\u00e4gg eller ytterligare programvara p\u00e5 webbplatsen.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li><strong>Visa blockgr\u00e4nser:<\/strong> Rita ut gr\u00e4nserna f\u00f6r block ovanp\u00e5 den renderade sidan f\u00f6r att se blockstrukturen i sitt visuella sammanhang.<\/li>\n\n\n<li><strong>F\u00f6rhandsvisa i telefonformat:<\/strong> \u00d6ppna ett f\u00f6nster i telefonstorlek f\u00f6r en snabb mobilgranskning.<\/li>\n\n\n<li><strong>Ladda om utan cache:<\/strong> Ladda om sidan med cache busting f\u00f6r att h\u00e4mta aktuella resurser.<\/li>\n\n\n<li><strong>Rensa webbplatsdata:<\/strong> Ta bort cookies och local storage f\u00f6r den aktuella webbplatsen.<\/li>\n\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">All data stannar i webbl\u00e4saren<\/h2>\n\n\n\n<p>Till\u00e4gget analyserar sidan som visas i webbl\u00e4saren f\u00f6r att avg\u00f6ra vad den inneh\u00e5ller. N\u00e4r sidan inte ger tillr\u00e4cklig information fr\u00e5gar till\u00e4gget webbplatsen. Inst\u00e4llningarna och listan \u00f6ver de webbplatser d\u00e4r du \u00e4r inloggad lagras lokalt i webbl\u00e4saren; till\u00e4gget skickar inte informationen vidare och anv\u00e4nder varken sp\u00e5rning eller analys.<\/p>\n\n\n\n<p>Projektet b\u00f6rjade som ett frist\u00e5ende initiativ och har nu blivit ett officiellt WordPress-projekt. K\u00e4llkoden finns i <a href=\"https:\/\/github.com\/WordPress\/browser-extension\">projektets GitHub-repository<\/a>, vilket g\u00f6r det m\u00f6jligt att granska implementationen och f\u00f6lja utvecklingen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Installera till\u00e4gget<\/h2>\n\n\n\n<p>Installera versionen f\u00f6r den webbl\u00e4sare du anv\u00e4nder. Chrome-versionen fungerar \u00e4ven i Chromium-baserade webbl\u00e4sare, medan Safari-versionen finns f\u00f6r macOS.<\/p>\n\n\n<a href=\"https:\/\/chromewebstore.google.com\/detail\/wordpress-browser-extensi\/apaakgfongbkeecchhhjocpgjchbdenl\" class=\"download-card\" download>\n                <span class=\"download-icon\"><i class=\"fa-duotone fa-file-arrow-down\"><\/i><\/span>\n                <span class=\"download-info\">\n                    <span class=\"download-title\">H\u00e4mta WordPress Browser Extension f\u00f6r Chrome<\/span>\n                    <span class=\"download-meta\"><span class=\"download-filename\">.<\/span><span class=\"download-size\">.<\/span><\/span>\n                <\/span>\n                <span class=\"download-action\"><i class=\"fa-duotone fa-arrow-down-to-line\"><\/i><\/span>\n            <\/a>\n\n<a href=\"https:\/\/apps.apple.com\/app\/id6794460913\" class=\"download-card\" download>\n                <span class=\"download-icon\"><i class=\"fa-duotone fa-file-arrow-down\"><\/i><\/span>\n                <span class=\"download-info\">\n                    <span class=\"download-title\">H\u00e4mta WordPress Browser Extension f\u00f6r Safari p\u00e5 macOS<\/span>\n                    <span class=\"download-meta\"><span class=\"download-filename\">.<\/span><span class=\"download-size\">.<\/span><\/span>\n                <\/span>\n                <span class=\"download-action\"><i class=\"fa-duotone fa-arrow-down-to-line\"><\/i><\/span>\n            <\/a>\n\n\n<h2 class=\"wp-block-heading\">B\u00f6rja med din granskningsrutin<\/h2>\n\n\n\n<p>Efter installationen kan du \u00f6ppna en WordPress-webbplats d\u00e4r du \u00e4r inloggad, d\u00f6lja adminbaren och kontrollera sidans faktiska viewport. Anv\u00e4nd sedan verktygsf\u00e4ltets genv\u00e4gar f\u00f6r att g\u00e5 till r\u00e4tt redigeringsvy, markera blockgr\u00e4nser vid layoutgranskning och rensa webbplatsdata n\u00e4r du beh\u00f6ver testa ett rent l\u00e4ge.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"719\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/13\/2026\/08\/wordpress-browser-extension.gif\" alt=\"Menyn i WordPress Browser Extension d\u00e4r adminbaren kan d\u00f6ljas eller visas.\" class=\"wp-image-275\"\/><figcaption class=\"wp-element-caption\">Till\u00e4ggets meny kan d\u00f6lja och \u00e5terst\u00e4lla WordPress adminbar. \u2014 <em>Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"739\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/13\/2026\/08\/WP-Browser-Extension-Safari-Block-Outlines.webp\" alt=\"WordPress Browser Extension i Safari med utvecklarverktyg och markerade blockgr\u00e4nser.\" class=\"wp-image-276\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/13\/2026\/08\/WP-Browser-Extension-Safari-Block-Outlines.webp 1024w, https:\/\/helloblog.io\/app\/uploads\/sites\/13\/2026\/08\/WP-Browser-Extension-Safari-Block-Outlines-300x217.webp 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/13\/2026\/08\/WP-Browser-Extension-Safari-Block-Outlines-768x554.webp 768w, https:\/\/helloblog.io\/app\/uploads\/sites\/13\/2026\/08\/WP-Browser-Extension-Safari-Block-Outlines-400x289.webp 400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Blockgr\u00e4nser visas ovanp\u00e5 den renderade sidan i Safari. \u2014 <em>Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n<div class=\"references-section\">\n                <h2>Referenser \/ K\u00e4llor<\/h2>\n                <ul class=\"references-list\"><li><a href=\"https:\/\/wordpress.org\/news\/2026\/08\/browser-extension\" target=\"_blank\" rel=\"noopener noreferrer\">Introducing the WordPress Browser Extension<\/a><\/li><\/ul>\n            <\/div>","protected":false},"excerpt":{"rendered":"<p>Adminbaren beh\u00f6ver inte l\u00e4ngre st\u00f6ra din granskning av sidans viewport. WordPress nya webbl\u00e4sartill\u00e4gg beh\u00e5ller genv\u00e4garna i verktygsf\u00e4ltet och l\u00e4gger till praktiska testverktyg.<\/p>\n","protected":false},"author":62,"featured_media":274,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[151,137,80,150,10],"class_list":["post-277","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-adminbar","tag-blockredigeraren","tag-utvecklarverktyg","tag-webblasartillagg","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/helloblog.io\/sv\/wp-json\/wp\/v2\/posts\/277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helloblog.io\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/helloblog.io\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/helloblog.io\/sv\/wp-json\/wp\/v2\/users\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/helloblog.io\/sv\/wp-json\/wp\/v2\/comments?post=277"}],"version-history":[{"count":0,"href":"https:\/\/helloblog.io\/sv\/wp-json\/wp\/v2\/posts\/277\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/helloblog.io\/sv\/wp-json\/wp\/v2\/media\/274"}],"wp:attachment":[{"href":"https:\/\/helloblog.io\/sv\/wp-json\/wp\/v2\/media?parent=277"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/helloblog.io\/sv\/wp-json\/wp\/v2\/categories?post=277"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helloblog.io\/sv\/wp-json\/wp\/v2\/tags?post=277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}