[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"global":3,"main-menu-products":18,"footer-navigation":172,"main-menu-blog-posts":355,"blog-post-beste-browser-web-entwicklung-design":409},[4,13],{"globalSet":5},{"alertBannerList":6},[7],{"id":8,"title":9,"alertType":10,"description":11,"linkLabel":12,"linkField":12},"4647","Dies ist eine Beta-Version der neuen cyon-Website","warning","\u003Cp>Einige Funktionen funktionieren möglicherweise \u003Cstrong>nicht\u003C\u002Fstrong> wie erwartet.\u003C\u002Fp>",null,{"globalSet":14},{"tokens":15},[16],{"key":17,"value":17},"",{"productsEntries":19,"productMetaMenuSections":126,"aboutEntries":130,"aboutMenuSections":167},[20,31,40,49,59,69,80,88,108,119],{"__typename":21,"title":22,"uri":23,"color":24,"subtitle":25,"productMenuSection":26,"productIcon":28},"productPageHostings_Entry","Webhosting","hosting\u002Fwebhosting","cherry","Alles, was deine Website braucht",[27],"hosting",[29],{"url":30},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fcherry.svg",{"__typename":21,"title":32,"uri":33,"color":34,"subtitle":35,"productMenuSection":36,"productIcon":37},"Webhosting Pro","hosting\u002Fwebhosting-pro","plum","Mehr Power für anspruchsvolle Webprojekte",[27],[38],{"url":39},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fplum.svg",{"__typename":21,"title":41,"uri":42,"color":43,"subtitle":44,"productMenuSection":45,"productIcon":46},"Sitebuilder","hosting\u002Fsitebuilder","strawberry","Deine eigene Website, überraschend einfach gemacht.",[27],[47],{"url":48},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fstrawberry.svg",{"__typename":21,"title":50,"uri":51,"color":52,"subtitle":53,"productMenuSection":54,"productIcon":56},"Managed Server","server\u002Fmanaged-server","pear","Dein eigener Server. Wir kümmern uns um den Rest.",[55],"server",[57],{"url":58},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fpear.svg",{"__typename":60,"title":61,"uri":62,"color":63,"subtitle":64,"productMenuSection":65,"productIcon":66},"productPageAgency_Entry","Agency Server","server\u002Fagency-server","grape","Deine Kundschaft, dein Server.",[55],[67],{"url":68},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fgrape.svg",{"__typename":70,"title":71,"uri":72,"color":73,"subtitle":74,"productMenuSection":75,"productIcon":77},"productPageDomain_Entry","Domains","domains\u002Fdomain-kaufen","bee","Alles beginnt mit deiner Domain",[76],"domains",[78],{"url":79},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fbee.svg",{"__typename":21,"title":81,"uri":82,"color":73,"subtitle":83,"productMenuSection":84,"productIcon":85},"Domain transferieren","domains\u002Fdomain-transferieren","Gönn deiner Domain ein schöneres Zuhause",[76],[86],{"url":87},"https:\u002F\u002Fcms.production-edge.cyon.ch\u002Ffiles\u002Fimages\u002FProduct-Icons\u002Fflower.svg",{"__typename":89,"title":90,"uri":91,"metaMenuTitle":92,"iconSelect":95,"productMenuSection":96,"directLink":97},"productPageMeta_Entry","my.cyon: Ein Login für alles","hosting\u002Fmy-cyon",[93],{"title":94},"Services","apps",[27,55,76],{"__typename":98,"type":99,"label":12,"link":100,"url":101,"urlSuffix":12,"entry":102},"LinkData","entry","\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fmy-cyon\">my.cyon: Ein Login für alles\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fmy-cyon",{"id":103,"uri":91,"slug":104,"title":90,"enabled":105,"typeHandle":106,"sectionHandle":107,"__typename":89},"5322","my-cyon",true,"productPageMeta","products",{"__typename":89,"title":109,"uri":110,"metaMenuTitle":111,"iconSelect":113,"productMenuSection":114,"directLink":115},"Umzugsservice","hosting\u002Fumzug",[112],{"title":94},"rocket",[27,55],{"__typename":98,"type":116,"label":12,"link":117,"url":118,"urlSuffix":12,"entry":12},"url","\u003Ca href=\"https:\u002F\u002Forder.cyon.ch\u002Forder\u002Fpublic\u002Fdomains\">order.cyon.ch\u002Forder\u002Fpublic\u002Fdomains\u003C\u002Fa>","https:\u002F\u002Forder.cyon.ch\u002Forder\u002Fpublic\u002Fdomains",{"__typename":89,"title":120,"uri":121,"metaMenuTitle":122,"iconSelect":124,"productMenuSection":125,"directLink":12},"https:\u002F\u002F für alle","hosting\u002Fssl",[123],{"title":94},"certificate",[27,55],[127,128],{"title":94},{"title":129},"Preise",[131,137,143,149,155,160],{"label":132,"uri":133,"aboutMenuTitle":134,"iconSelect":136,"directLink":12},"Über cyon","ueber-cyon\u002Fcyon-macht-das-internet-zu-einem-besseren-ort",[135],{"title":132},"mood-smile",{"label":138,"uri":139,"aboutMenuTitle":140,"iconSelect":142,"directLink":12},"Team","ueber-cyon\u002Fteam",[141],{"title":132},"users-group",{"label":144,"uri":145,"aboutMenuTitle":146,"iconSelect":148,"directLink":12},"Jobs","ueber-cyon\u002Fjobs",[147],{"title":132},"book",{"label":150,"uri":151,"aboutMenuTitle":152,"iconSelect":154,"directLink":12},"Geschichte","ueber-cyon\u002Fgeschichte",[153],{"title":132},"file-description",{"label":156,"uri":157,"aboutMenuTitle":158,"iconSelect":95,"directLink":12},"Partner*innen","ueber-cyon\u002Fpartner",[159],{"title":132},{"label":161,"uri":162,"aboutMenuTitle":163,"iconSelect":166,"directLink":12},"Nachhaltigkeit","ueber-cyon\u002Fnachhaltigkeit",[164],{"title":165},"Verantwortung & Vertrauen","leaf",[168,169,170],{"title":132},{"title":165},{"title":171},"Team & Kultur",{"footerNavigation":173,"googleRating":350},{"footerMenu":174},[175,214,232,254,277,331],{"title":176,"footerMenuItems":177},"Hosting",[178,186,193,200,207],{"title":22,"footerMenuItemLink":179},{"__typename":98,"type":99,"label":12,"link":180,"url":181,"urlSuffix":12,"entry":182},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fwebhosting\">Webhosting\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fwebhosting",{"id":183,"uri":23,"slug":184,"title":22,"enabled":105,"typeHandle":185,"sectionHandle":107,"__typename":21},"736","webhosting","productPageHostings",{"title":32,"footerMenuItemLink":187},{"__typename":98,"type":99,"label":12,"link":188,"url":189,"urlSuffix":12,"entry":190},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fwebhosting-pro\">Webhosting Pro\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fwebhosting-pro",{"id":191,"uri":33,"slug":192,"title":32,"enabled":105,"typeHandle":185,"sectionHandle":107,"__typename":21},"5348","webhosting-pro",{"title":41,"footerMenuItemLink":194},{"__typename":98,"type":99,"label":12,"link":195,"url":196,"urlSuffix":12,"entry":197},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fsitebuilder\">Sitebuilder\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fsitebuilder",{"id":198,"uri":42,"slug":199,"title":41,"enabled":105,"typeHandle":185,"sectionHandle":107,"__typename":21},"5360","sitebuilder",{"title":120,"footerMenuItemLink":201},{"__typename":98,"type":99,"label":12,"link":202,"url":203,"urlSuffix":12,"entry":204},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fssl\">https:\u002F\u002F für alle\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fssl",{"id":205,"uri":121,"slug":206,"title":120,"enabled":105,"typeHandle":106,"sectionHandle":107,"__typename":89},"4388","ssl",{"title":109,"footerMenuItemLink":208},{"__typename":98,"type":99,"label":12,"link":209,"url":210,"urlSuffix":12,"entry":211},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fumzug\">Umzugsservice\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fhosting\u002Fumzug",{"id":212,"uri":110,"slug":213,"title":109,"enabled":105,"typeHandle":106,"sectionHandle":107,"__typename":89},"4365","umzug",{"title":215,"footerMenuItems":216},"Server",[217,224],{"title":50,"footerMenuItemLink":218},{"__typename":98,"type":99,"label":12,"link":219,"url":220,"urlSuffix":12,"entry":221},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fserver\u002Fmanaged-server\">Managed Server\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fserver\u002Fmanaged-server",{"id":222,"uri":51,"slug":223,"title":50,"enabled":105,"typeHandle":185,"sectionHandle":107,"__typename":21},"5355","managed-server",{"title":61,"footerMenuItemLink":225},{"__typename":98,"type":99,"label":12,"link":226,"url":227,"urlSuffix":12,"entry":228},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fserver\u002Fagency-server\">Agency Server\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fserver\u002Fagency-server",{"id":229,"uri":62,"slug":230,"title":61,"enabled":105,"typeHandle":231,"sectionHandle":107,"__typename":60},"1444","agency-server","productPageAgency",{"title":71,"footerMenuItems":233},[234,242,249],{"title":71,"footerMenuItemLink":235},{"__typename":98,"type":99,"label":12,"link":236,"url":237,"urlSuffix":12,"entry":238},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fdomains\u002Fdomain-kaufen\">Domains\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fdomains\u002Fdomain-kaufen",{"id":239,"uri":72,"slug":240,"title":71,"enabled":105,"typeHandle":241,"sectionHandle":107,"__typename":70},"3330","domain-kaufen","productPageDomain",{"title":81,"footerMenuItemLink":243},{"__typename":98,"type":99,"label":12,"link":244,"url":245,"urlSuffix":12,"entry":246},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fdomains\u002Fdomain-transferieren\">Domain transferieren\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fdomains\u002Fdomain-transferieren",{"id":247,"uri":82,"slug":248,"title":81,"enabled":105,"typeHandle":185,"sectionHandle":107,"__typename":21},"4114","domain-transferieren",{"title":250,"footerMenuItemLink":251},"Alle Domains",{"__typename":98,"type":116,"label":12,"link":252,"url":253,"urlSuffix":12,"entry":12},"\u003Ca href=\"\u002Fdomains\u002Falle-domains\">\u002Fdomains\u002Falle-domains\u003C\u002Fa>","\u002Fdomains\u002Falle-domains",{"title":255,"footerMenuItems":256},"Support",[257,262,267,272],{"title":258,"footerMenuItemLink":259},"Support Center",{"__typename":98,"type":116,"label":12,"link":260,"url":261,"urlSuffix":12,"entry":12},"\u003Ca href=\"\u002Fsupport\">\u002Fsupport\u003C\u002Fa>","\u002Fsupport",{"title":263,"footerMenuItemLink":264},"E-Mail Zauberer",{"__typename":98,"type":116,"label":12,"link":265,"url":266,"urlSuffix":12,"entry":12},"\u003Ca href=\"\u002Fsupport\u002Fmailwizard\">\u002Fsupport\u002Fmailwizard\u003C\u002Fa>","\u002Fsupport\u002Fmailwizard",{"title":268,"footerMenuItemLink":269},"my.cyon",{"__typename":98,"type":116,"label":12,"link":270,"url":271,"urlSuffix":12,"entry":12},"\u003Ca href=\"https:\u002F\u002Fmy.cyon.ch\u002F\">my.cyon.ch\u003C\u002Fa>","https:\u002F\u002Fmy.cyon.ch\u002F",{"title":273,"footerMenuItemLink":274},"Webmail",{"__typename":98,"type":116,"label":12,"link":275,"url":276,"urlSuffix":12,"entry":12},"\u003Ca href=\"https:\u002F\u002Fwebmail.cyon.ch\u002F\">webmail.cyon.ch\u003C\u002Fa>","https:\u002F\u002Fwebmail.cyon.ch\u002F",{"title":278,"footerMenuItems":279},"Über uns",[280,291,299,307,314,321,323,324,326],{"title":281,"footerMenuItemLink":282},"Warum cyon",{"__typename":98,"type":99,"label":12,"link":283,"url":284,"urlSuffix":12,"entry":285},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fcyon-macht-das-internet-zu-einem-besseren-ort\">cyon macht das Internet zu einem besseren Ort\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fcyon-macht-das-internet-zu-einem-besseren-ort",{"id":286,"uri":133,"slug":287,"title":288,"enabled":105,"typeHandle":289,"sectionHandle":289,"__typename":290},"2016","cyon-macht-das-internet-zu-einem-besseren-ort","cyon macht das Internet zu einem besseren Ort","about","about_Entry",{"title":138,"footerMenuItemLink":292},{"__typename":98,"type":99,"label":12,"link":293,"url":294,"urlSuffix":12,"entry":295},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fteam\">Unser Team\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fteam",{"id":296,"uri":139,"slug":297,"title":298,"enabled":105,"typeHandle":289,"sectionHandle":289,"__typename":290},"2029","team","Unser Team",{"title":144,"footerMenuItemLink":300},{"__typename":98,"type":99,"label":12,"link":301,"url":302,"urlSuffix":12,"entry":303},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fjobs\">Jobs bei cyon\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fjobs",{"id":304,"uri":145,"slug":305,"title":306,"enabled":105,"typeHandle":289,"sectionHandle":289,"__typename":290},"3760","jobs","Jobs bei cyon",{"title":150,"footerMenuItemLink":308},{"__typename":98,"type":99,"label":12,"link":309,"url":310,"urlSuffix":12,"entry":311},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fgeschichte\">Geschichte\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fgeschichte",{"id":312,"uri":151,"slug":313,"title":150,"enabled":105,"typeHandle":289,"sectionHandle":289,"__typename":290},"3819","geschichte",{"title":156,"footerMenuItemLink":315},{"__typename":98,"type":99,"label":12,"link":316,"url":317,"urlSuffix":12,"entry":318},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fpartner\">Partner*innen\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Fueber-cyon\u002Fpartner",{"id":319,"uri":157,"slug":320,"title":156,"enabled":105,"typeHandle":289,"sectionHandle":289,"__typename":290},"3861","partner",{"title":322,"footerMenuItemLink":12},"Engagement",{"title":161,"footerMenuItemLink":12},{"title":325,"footerMenuItemLink":12},"Infrastruktur",{"title":327,"footerMenuItemLink":328},"Blog",{"__typename":98,"type":116,"label":12,"link":329,"url":330,"urlSuffix":12,"entry":12},"\u003Ca href=\"\u002Fblog\">\u002Fblog\u003C\u002Fa>","\u002Fblog",{"title":332,"footerMenuItems":333},"Rechtliches",[334,346,348],{"title":335,"footerMenuItemLink":336},"AGB",{"__typename":98,"type":99,"label":12,"link":337,"url":338,"urlSuffix":12,"entry":339},"\u003Ca href=\"http:\u002F\u002Flocalhost:3000\u002Flegal\u002Fagb\">AGB\u003C\u002Fa>","http:\u002F\u002Flocalhost:3000\u002Flegal\u002Fagb",{"id":340,"uri":341,"slug":342,"title":335,"enabled":105,"typeHandle":343,"sectionHandle":344,"__typename":345},"6225","legal\u002Fagb","agb","legalPage","legalPages","legalPage_Entry",{"title":347,"footerMenuItemLink":12},"Datenschutzerklärung",{"title":349,"footerMenuItemLink":12},"Impressum",{"heroContent":351},{"__typename":352,"googleRating":353},"heroContent_ContentBlock",{"stars":354},4.8,[356,383],{"title":357,"commentCount":358,"categories":359,"slug":365,"excerpt":366,"featuredImage":367,"seo":370,"author":373,"date":381,"id":382},"Phishing-Angriffe: Was wir täglich dagegen tun",3,{"nodes":360},[361,363],{"id":362,"name":327},"dGVybTozNQ==",{"id":364,"name":132},"dGVybTo2NzAz","phishing-angriffe-was-wir-taeglich-dagegen-tun","\u003Cp>«Wurden wir gehackt?» Diese Frage hören wir von unserer Kundschaft im Support immer wieder, sagt Lindita, Customer Care Specialist bei cyon. Die Nachricht wirkt bedrohlich: Da steht die eigene Domain, eine bekannte E-Mail-Adresse, vielleicht sogar ein Ablaufdatum. Alles klingt echt. Entsprechend gross ist die Unsicherheit. In solchen Situationen weisst du vielleicht nicht, wie du die […]\u003C\u002Fp>\n",{"node":368},{"sourceUrl":369},"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002Fphishing-angriffe.png",{"opengraphImage":371},{"mediaItemUrl":372},"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F03\u002Fphishing-angriffe-fb-li.jpg",{"node":374},{"id":375,"name":376,"email":377,"avatar":378},"dXNlcjozNw==","Svetlana Marchenko","sma@cyon.ch",{"url":379,"height":380,"width":380},"https:\u002F\u002Fsecure.gravatar.com\u002Favatar\u002Fa996559fe3a54e54474180cf9fd6292eb26e2bc18f22d8a3039785e3cdd14b53?s=96&d=mm&r=g",96,"2026-03-19T14:00:14","cG9zdDoyMjU0OQ==",{"title":384,"commentCount":385,"categories":386,"slug":392,"excerpt":393,"featuredImage":394,"seo":397,"author":400,"date":407,"id":408},"Welche Domains bei cyon am häufigsten registriert werden?",2,{"nodes":387},[388,389],{"id":362,"name":327},{"id":390,"name":391},"dGVybTo2NzAy","Neuigkeiten","cyon-domain-rangliste","\u003Cp>Die Wahl der passenden Domain-Endung ist ein zentraler Schritt für jede Website. Sie prägt, wie dein Projekt wahrgenommen wird, welche Zielgruppe du erreichst und wie klar dein Auftritt positioniert ist. In diesem Beitrag werfen wir einen Blick auf die beliebtesten Domain-Endungen unserer Kundinnen und Kunden, zeigen Entwicklungen der letzten Jahre auf und ordnen ein, was […]\u003C\u002Fp>\n",{"node":395},{"sourceUrl":396},"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F02\u002Fdomain-endungen.png",{"opengraphImage":398},{"mediaItemUrl":399},"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2026\u002F02\u002Fdomain-endungen-fb-li.png",{"node":401},{"id":402,"name":403,"email":404,"avatar":405},"dXNlcjozMg==","Mona Sorcelli","mos@cyon.ch",{"url":406,"height":380,"width":380},"https:\u002F\u002Fsecure.gravatar.com\u002Favatar\u002Fb2a78212ccc46cd4dbd3c34c1e94df688a1397ff1fda06be5dcd76c3ec142043?s=96&d=mm&r=g","2026-02-12T16:23:59","cG9zdDoyMjUxOQ==",{"id":410,"databaseId":411,"slug":412,"title":413,"content":414,"date":415,"modified":416,"commentCount":417,"status":418,"featuredImage":12,"categories":419,"seo":424,"author":432,"comments":439},"cG9zdDoxMzMyMg==",13322,"beste-browser-web-entwicklung-design","Die besten Browser für Webentwicklung und Webdesign","\u003Cp>Mit einem Browser konsumieren wir bekanntlich nicht nur Inhalte im Web, sondern können mit passenden Web-Applikationen auch direkt Inhalte generieren. Und in der Web-Entwicklung sind dir die \u003Ca href=\"https:\u002F\u002Fdeveloper.chrome.com\u002Fdocs\u002Fdevtools\u002F\">Browser-Devtools\u003C\u002Fa> bestimmt ein Begriff. Neben den standardmässig in den Browsern eingebauten Werkzeugen gibt es allerdings auch Browser, die speziell auf die Bedürfnisse von Web-Entwickler*innen und -Designer*innen ausgerichtet sind. Wir stellen dir heute ein paar davon genauer vor.\u003C\u002Fp>\n\u003Cp>\u003Cimg loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13340 size-full\" src=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fbeste-browser-web-entwicklung-design.png\" alt=\"Die besten Browser für Webentwicklung & Webdesign\" width=\"1200\" height=\"630\" srcset=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fbeste-browser-web-entwicklung-design.png 1200w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fbeste-browser-web-entwicklung-design-576x302.png 576w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fbeste-browser-web-entwicklung-design-600x315.png 600w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fbeste-browser-web-entwicklung-design-768x403.png 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \u002F>\u003C\u002Fp>\n\u003Ch2>Big Three: Firefox sticht heraus\u003C\u002Fh2>\n\u003Cp>Jeder der 3 grossen Browser-Hersteller (Chrome, Firefox und Safari) hat eine passende Developer-Edition im Angebot. Diese erweiterten Versionen bieten einige zusätzliche Features, die Web-Entwicklerinnen und -Entwicklern das Leben leichter machen sollen.\u003C\u002Fp>\n\u003Cp>Unter den 3 «Grossen» sticht Firefox hervor. Der Browser aus dem Hause Mozilla glänzt in der \u003Ca href=\"https:\u002F\u002Fwww.mozilla.org\u002Fde\u002Ffirefox\u002Fdeveloper\u002F\">Developer-Version\u003C\u002Fa> mit einigen Features, die es bei der Konkurrenz so nicht gibt. Nicht zuletzt die Landing-Page für die «Firefox Browser Developer Edition», macht richtig Lust, Firefox als Entwicklungs-Browser einzusetzen. Da können sich die Kolleginnen und Kollegen von \u003Ca href=\"https:\u002F\u002Fwww.google.com\u002Fchrome\u002Fdev\u002F\">Google\u003C\u002Fa> und \u003Ca href=\"https:\u002F\u002Fdeveloper.apple.com\u002Fsafari\u002F\">Apple\u003C\u002Fa> definitiv eine Scheibe abschneiden.\u003C\u002Fp>\n\u003Cp>\u003Cimg loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13324 size-full\" src=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Ffirefox-developer-edition.png\" alt=\"Screenshot Firefox Developer Edition\" width=\"2400\" height=\"674\" srcset=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Ffirefox-developer-edition.png 2400w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Ffirefox-developer-edition-576x162.png 576w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Ffirefox-developer-edition-768x216.png 768w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Ffirefox-developer-edition-600x169.png 600w\" sizes=\"auto, (max-width: 2400px) 100vw, 2400px\" \u002F>\u003C\u002Fp>\n\u003Cp>Experimentelle Funktionen, neueste W3C-Standards und häufige Updates bieten alle Developer-Versionen der grossen Drei. Mozilla geht mit Firefox allerdings noch einen Schritt weiter. So bietet die Firefox Developer Edition eine Anzeige von inaktivem CSS. Damit siehst du sofort, ob die ausgewählte CSS-Deklaration auf der ausgewählten Website überhaupt zum Einsatz kommt. Ein JavaScript-Debugger, ein Schriftarten-Panel und ein eigenes Tool für die Entwicklung und Designs mit CSS Grid runden das ansprechende Angebot der Firefox Developer Edition ab.\u003C\u002Fp>\n\u003Ch2>Das restliche Feld: 4 (Geheim-) Tipps\u003C\u002Fh2>\n\u003Cp>Wie eingangs erwähnt: Browser sind primär dazu da, um Inhalte im Web zu konsumieren. Und das merkt man den Developer-Editionen von Google und Apple an, wie ich finde. Umso typischer fürs Web sind die kleineren Anbieter, die in die Bresche springen. Diese 4 Browser, die als Zielgruppe eindeutig die Web-Entwicklerinnen und -Entwickler dieser Welt haben, solltest du dir genauer anschauen:\u003C\u002Fp>\n\u003Ch3>Polypane\u003C\u002Fh3>\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fpolypane.app\u002F\">Polypane\u003C\u002Fa>, das Tool des Holländers Kilian Valkhof, strotzt nur so von Funktionen. Jedes einzelne Feature aufzuzählen, würde den Rahmen dieses Beitrags sprengen. Darum hier ein kleiner Abriss über die interessantesten Funktionen von Polypane.\u003C\u002Fp>\n\u003Cp>\u003Cimg loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13325 size-full\" src=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fpolypane.png\" alt=\"Screenshot Polypane\" width=\"2400\" height=\"1912\" srcset=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fpolypane.png 2400w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fpolypane-576x459.png 576w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fpolypane-768x612.png 768w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fpolypane-600x478.png 600w\" sizes=\"auto, (max-width: 2400px) 100vw, 2400px\" \u002F>\u003C\u002Fp>\n\u003Cp>Mit Polypane kannst du alle Viewport-Grössen testen, die du brauchst. Alles in einer App und dazu noch völlig synchron. Ob scrollen, hovern, klicken oder Formulare ausfüllen. Ein richtig praktisches Feature, wie ich finde. Ausserdem bietet dir Polypane eine Reihe an Debuggern und Simulatoren rund um Barrierefreiheit. Live-Reloading oder Auto-Reloading sowie ein Broken-Link-Checker sind ebenfalls inklusive. Und eine Funktion, die mir persönlich besonders gut gefällt: Previews von Meta- und Open-Graph-Tags für die beliebtesten Social-Media-Netzwerke, Google oder auch Slack.\u003C\u002Fp>\n\u003Cp>Und eben, das ist längst nicht alles. Auf der Polypane-Website findest du einen Überblick über \u003Ca href=\"https:\u002F\u002Fpolypane.app\u002Fproduct-tour\u002F\">alle Funktionen\u003C\u002Fa>. Du kannst Polypane 14 Tage lang kostenlos testen, danach werden CHF 118.- pro Jahr oder CHF 12.- pro Monat fällig.\u003C\u002Fp>\n\u003Ch3>Blisk\u003C\u002Fh3>\n\u003Cp>Wie mit Polypane lassen sich auch mit \u003Ca href=\"https:\u002F\u002Fblisk.io\u002F\">Blisk\u003C\u002Fa> alle Viewport-Grössen gleichzeitig testen. Blisk setzt den Fokus einen Tick stärker auf Geräte als auf reine Browser-Grössen. Am auffälligsten ist das an den Geräte-Mockups, die Blisk automatisch um die einzelnen Browser-Fenster legt.\u003C\u002Fp>\n\u003Cp>\u003Cimg loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13326 size-full\" src=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fblisk.png\" alt=\"Screenshot Blisk\" width=\"2400\" height=\"1912\" srcset=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fblisk.png 2400w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fblisk-576x459.png 576w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fblisk-768x612.png 768w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fblisk-600x478.png 600w\" sizes=\"auto, (max-width: 2400px) 100vw, 2400px\" \u002F>\u003C\u002Fp>\n\u003Cp>Viele weitere Funktionen von Polypane findest du auch in Blisk. So gehören Screenshots der ganzen Seite und allen Devices genauso zum Lieferumfang wie eine Auto-Refresh-Funktion. Mit Blisk kannst ausserdem deinen ganzen Bildschirm aufnehmen und dank dem Cloud-Speicher, der ab dem kostenpflichtigen Angebot mitgeliefert wird, direkt mit deinem Team teilen.\u003C\u002Fp>\n\u003Cp>Blisk kann grundsätzlich kostenlos genutzt werden. Gewisse Funktionen stehen dir dabei allerdings lediglich 10 Minuten pro Tag zur Verfügung. Für kurze Tests dürfte das reichen, für den professionelleren Einsatz ist aber der Kauf der kostenpflichtigen Lizenz nicht verkehrt. Für knapp USD 100.- pro Jahr oder USD 10.- pro Monat bist du dabei.\u003C\u002Fp>\n\u003Ch3>Sizzy\u003C\u002Fh3>\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fsizzy.co\u002F\">Sizzy\u003C\u002Fa> ist vermutlich der bekannteste Developer-Browser in der Szene und wird, gemäss eigenen Angaben, in Unternehmen wie Basecamp, Duck Duck Go oder Zapier genutzt. Das Herz bildet auch bei Sizzy die zentrale Übersicht über alle gewählten Browser-Grössen bzw. Geräte.\u003C\u002Fp>\n\u003Cp>\u003Cimg loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13327 size-full\" src=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fsizzy.png\" alt=\"Screenshot Sizzy\" width=\"2400\" height=\"1912\" srcset=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fsizzy.png 2400w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fsizzy-576x459.png 576w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fsizzy-768x612.png 768w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fsizzy-600x478.png 600w\" sizes=\"auto, (max-width: 2400px) 100vw, 2400px\" \u002F>\u003C\u002Fp>\n\u003Cp>Standardmässig startest du mit einer responsiven Ansicht, kannst die Geräte aber auch für ein Bildschirmfoto schön arrangieren lassen, den Fokus auf ein einzelnes Gerät setzen oder sogar übereinander stapeln. Sizzy simuliert nicht nur die Gerätehülle sondern auch die UI des entsprechendes Browsers und des Betriebssystems. Praktischerweise kannst du diese Einstellungen auch komplett selbst verwalten und den Geräten beispielsweise eine eigene Farbe verpassen. Wie auch bei der Konkurrenz lassen sich mit Sizzy verschiedene Netzwerkbedingungen simulieren und du siehst, wie gut dein Projekt beispielsweise mit einer 3G-Leitung funktioniert.\u003C\u002Fp>\n\u003Cp>Mit der Butler-Funktion bedienst du sämtliche Funktionen auch per Tastaturbefehle und der Session-Manager erspart dir ständiges Ein- und Ausloggen, um unterschiedliche Benutzer*innentypen zu simulieren. Wie auch bei Polypane kannst du eine Sprache für die einzelnen Geräte setzen und dir eine Social-Media-Preview anzeigen lassen.\u003C\u002Fp>\n\u003Cp>Sizzy bietet einen 14 Tage langen, kostenlosen Test, allerdings ist dafür bereits die Angabe von Kreditkarten-Daten nötig. Nach dem Test werden für die Nutzung von Sizzy USD 60.- pro Jahr oder USD 7.- pro Monat fällig.\u003C\u002Fp>\n\u003Ch3>Responsively\u003C\u002Fh3>\n\u003Cp>Etwas jünger als die Konkurrenz ist \u003Ca href=\"https:\u002F\u002Fresponsively.app\u002F\">Responsively\u003C\u002Fa>. Im Gegensatz zu Polypane, Blisk und Sizzy ist Responsively quelloffen und kostenlos.\u003C\u002Fp>\n\u003Cp>\u003Cimg loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13328 size-full\" src=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fresponsively.png\" alt=\"Screenshot Responsively\" width=\"2398\" height=\"1912\" srcset=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fresponsively.png 2398w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fresponsively-576x459.png 576w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fresponsively-768x612.png 768w, https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fresponsively-600x478.png 600w\" sizes=\"auto, (max-width: 2398px) 100vw, 2398px\" \u002F>\u003C\u002Fp>\n\u003Cp>Das Open-Source-Tool bietet ebenfalls gespiegelte Aktionen, womit alle simulierten Browserfenster mitscrollen und auf deine Aktionen reagieren. Du kannst mit Responsively die Anordnung der Browserfenster nach deinem Gusto konfigurieren und aus über 30 Geräte-Presets wählen. Eine Screenshot-Funktion, mit der du alle Fenster gleichzeitig und in der ganzen Grösse ablichten kannst ist ebenso an Bord wie eine Hot-Reload-Funktion. In Sachen Dokumentation steckt Responsively noch in den Kinderschuhen, ausführliche Anleitungen zu den Funktionen suchst du aktuell vergeblich. Das Beisteuern von Anleitungen wäre also ein guter Startpunkt um das Open-Source-Projekt zu unterstützen.\u003C\u002Fp>\n\u003Ch2>Fazit\u003C\u002Fh2>\n\u003Cp>Wenn du die zusätzlichen Funktionen von Polypane, Blisk, Sizzy oder Responsively nicht benötigst, bist du mit der Firefox Developer Edition gut bedient. Der Feuerfuchs bietet den umfangreichsten Funktionsumfang der grossen Browser-Hersteller. Darf es gerne ein bisschen mehr sein, solltest du dir Polypane oder Sizzy genauer anschauen. Die eingebauten Funktionen sind so zahlreich, da ist bestimmt auch etwas für dich dabei. Und falls du gerne Open-Source-Projekte unterstützt, schau unbedingt bei Responsively und dem \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fresponsively-org\u002Fresponsively-app\">GitHub-Account des Projekts\u003C\u002Fa> vorbei.\u003C\u002Fp>\n\u003Cp>Nutzt du schon einen der genannten Developer-Browser? Oder vielleicht einen, den wir hier nicht erwähnt haben? Dann lasse gerne einen Kommentar da.\u003C\u002Fp>\n","2021-02-18T09:59:22","2024-09-10T08:28:08",6,"publish",{"nodes":420},[421],{"id":422,"name":423},"dGVybTo2NzA1","Entwicklung & Performance",{"fullHead":425,"metaDesc":426,"metaRobotsNofollow":427,"metaRobotsNoindex":428,"title":413,"opengraphModifiedTime":429,"opengraphImage":430},"\u003C!-- This site is optimized with the Yoast SEO Premium plugin  - https:\u002F\u002Fyoast.com\u002Fproduct\u002Fyoast-seo-premium-wordpress\u002F -->\n\u003Cmeta name=\"description\" content=\"Nebst den in Browsern eingebauten Devtools gibt es spezialisierte Browser, die Webentwicklung & Webdesign effizienter machen. Wir stellen die besten vor.\" \u002F>\n\u003Clink rel=\"canonical\" href=\"https:\u002F\u002Fwww.cyon.ch\u002Fblog\u002Fbeste-browser-web-entwicklung-design\" \u002F>\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" \u002F>\n\u003Cmeta property=\"og:type\" content=\"article\" \u002F>\n\u003Cmeta property=\"og:title\" content=\"Die besten Browser für Webentwicklung & Webdesign\" \u002F>\n\u003Cmeta property=\"og:description\" content=\"Nebst den in Browsern eingebauten Devtools gibt es spezialisierte Browser, die Webentwicklung & Webdesign effizienter machen. Wir stellen die besten vor.\" \u002F>\n\u003Cmeta property=\"og:url\" content=\"https:\u002F\u002Fwww.cyon.ch\u002Fblog\u002Fbeste-browser-web-entwicklung-design\" \u002F>\n\u003Cmeta property=\"og:site_name\" content=\"cyon-Blog\" \u002F>\n\u003Cmeta property=\"article:publisher\" content=\"https:\u002F\u002Fwww.facebook.com\u002Fcyonhosting\" \u002F>\n\u003Cmeta property=\"article:published_time\" content=\"2021-02-18T08:59:22+00:00\" \u002F>\n\u003Cmeta property=\"article:modified_time\" content=\"2024-09-10T06:28:08+00:00\" \u002F>\n\u003Cmeta property=\"og:image\" content=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fbeste-browser-web-entwicklung-design-1.png\" \u002F>\n\t\u003Cmeta property=\"og:image:width\" content=\"1200\" \u002F>\n\t\u003Cmeta property=\"og:image:height\" content=\"630\" \u002F>\n\t\u003Cmeta property=\"og:image:type\" content=\"image\u002Fpng\" \u002F>\n\u003Cmeta name=\"author\" content=\"Philipp Zeder\" \u002F>\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" \u002F>\n\u003Cmeta name=\"twitter:title\" content=\"Die besten Browser für Webentwicklung & Webdesign\" \u002F>\n\u003Cmeta name=\"twitter:description\" content=\"Nebst den in Browsern eingebauten Devtools gibt es spezialisierte Browser, die Webentwicklung & Webdesign effizienter machen. Wir stellen die besten vor.\" \u002F>\n\u003Cmeta name=\"twitter:image\" content=\"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fbeste-browser-web-entwicklung-design-tw-card.png\" \u002F>\n\u003Cmeta name=\"twitter:creator\" content=\"@zedpelin\" \u002F>\n\u003Cmeta name=\"twitter:site\" content=\"@cyon\" \u002F>\n\u003Cmeta name=\"twitter:label1\" content=\"Verfasst von\" \u002F>\n\t\u003Cmeta name=\"twitter:data1\" content=\"Philipp Zeder\" \u002F>\n\t\u003Cmeta name=\"twitter:label2\" content=\"Geschätzte Lesezeit\" \u002F>\n\t\u003Cmeta name=\"twitter:data2\" content=\"7 Minuten\" \u002F>\n\u003Cscript type=\"application\u002Fld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\u002F\\\u002Fschema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbeste-browser-web-entwicklung-design#article\",\"isPartOf\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbeste-browser-web-entwicklung-design\"},\"author\":{\"name\":\"Philipp Zeder\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#\\\u002Fschema\\\u002Fperson\\\u002F2aaa25a0a1557c97fc7c5d07f9d0e651\"},\"headline\":\"Die besten Browser für Webentwicklung und Webdesign\",\"datePublished\":\"2021-02-18T08:59:22+00:00\",\"dateModified\":\"2024-09-10T06:28:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbeste-browser-web-entwicklung-design\"},\"wordCount\":1076,\"commentCount\":6,\"publisher\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#organization\"},\"image\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbeste-browser-web-entwicklung-design#primaryimage\"},\"thumbnailUrl\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2021\\\u002F02\\\u002Fbeste-browser-web-entwicklung-design.png\",\"keywords\":[\"Browser\",\"Webdesign\",\"Webentwicklung\"],\"articleSection\":[\"Entwicklung & Performance\"],\"inLanguage\":\"de-CH\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbeste-browser-web-entwicklung-design#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbeste-browser-web-entwicklung-design\",\"url\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbeste-browser-web-entwicklung-design\",\"name\":\"Die besten Browser für Webentwicklung und Webdesign\",\"isPartOf\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbeste-browser-web-entwicklung-design#primaryimage\"},\"image\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbeste-browser-web-entwicklung-design#primaryimage\"},\"thumbnailUrl\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2021\\\u002F02\\\u002Fbeste-browser-web-entwicklung-design.png\",\"datePublished\":\"2021-02-18T08:59:22+00:00\",\"dateModified\":\"2024-09-10T06:28:08+00:00\",\"description\":\"Nebst den in Browsern eingebauten Devtools gibt es spezialisierte Browser, die Webentwicklung & Webdesign effizienter machen. Wir stellen die besten vor.\",\"breadcrumb\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbeste-browser-web-entwicklung-design#breadcrumb\"},\"inLanguage\":\"de-CH\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbeste-browser-web-entwicklung-design\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-CH\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbeste-browser-web-entwicklung-design#primaryimage\",\"url\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2021\\\u002F02\\\u002Fbeste-browser-web-entwicklung-design.png\",\"contentUrl\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2021\\\u002F02\\\u002Fbeste-browser-web-entwicklung-design.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002Fbeste-browser-web-entwicklung-design#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Die besten Browser für Webentwicklung und Webdesign\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#website\",\"url\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F\",\"name\":\"cyon-Blog\",\"description\":\"Herzlich. Nachhaltig. Schnell. Sicher. Ästhetisch. Unser Blog - Deine Plattform für inspirierende Hosting-News.\",\"publisher\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-CH\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#organization\",\"name\":\"cyon\",\"url\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-CH\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#\\\u002Fschema\\\u002Flogo\\\u002Fimage\\\u002F\",\"url\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2025\\\u002F06\\\u002Fo_RGB_ColorfulOnWhite-01.png\",\"contentUrl\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2025\\\u002F06\\\u002Fo_RGB_ColorfulOnWhite-01.png\",\"width\":939,\"height\":938,\"caption\":\"cyon\"},\"image\":{\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#\\\u002Fschema\\\u002Flogo\\\u002Fimage\\\u002F\"},\"sameAs\":[\"https:\\\u002F\\\u002Fwww.facebook.com\\\u002Fcyonhosting\",\"https:\\\u002F\\\u002Fx.com\\\u002Fcyon\",\"https:\\\u002F\\\u002Fswiss.social\\\u002F@cyon\",\"https:\\\u002F\\\u002Finstagram.com\\\u002Fcyon.ch\\\u002F\",\"https:\\\u002F\\\u002Fwww.linkedin.com\\\u002Fcompany\\\u002F1876493\\\u002F\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\u002F\\\u002Fwww.cyon.ch\\\u002Fblog\\\u002F#\\\u002Fschema\\\u002Fperson\\\u002F2aaa25a0a1557c97fc7c5d07f9d0e651\",\"name\":\"Philipp Zeder\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-CH\",\"@id\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2025\\\u002F03\\\u002Fcropped-pz-avatar-96x96.jpeg\",\"url\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2025\\\u002F03\\\u002Fcropped-pz-avatar-96x96.jpeg\",\"contentUrl\":\"https:\\\u002F\\\u002Fblog.cyon.ch\\\u002Fwp-content\\\u002Fuploads\\\u002F2025\\\u002F03\\\u002Fcropped-pz-avatar-96x96.jpeg\",\"caption\":\"Philipp Zeder\"},\"sameAs\":[\"https:\\\u002F\\\u002Fx.com\\\u002Fzedpelin\"]}]}\u003C\u002Fscript>\n\u003C!-- \u002F Yoast SEO Premium plugin. -->","Nebst den in Browsern eingebauten Devtools gibt es spezialisierte Browser, die Webentwicklung & Webdesign effizienter machen. Wir stellen die besten vor.","follow","index","2024-09-10T06:28:08+00:00",{"mediaItemUrl":431},"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2021\u002F02\u002Fbeste-browser-web-entwicklung-design-1.png",{"node":433},{"id":434,"email":435,"name":436,"avatar":437},"dXNlcjox","pz@cyon.ch","Philipp Zeder",{"url":438,"height":380,"width":380},"https:\u002F\u002Fblog.cyon.ch\u002Fwp-content\u002Fuploads\u002F2025\u002F03\u002Fcropped-pz-avatar-96x96.jpeg",{"nodes":440},[441,468,493,507],{"author":442,"content":450,"date":451,"dateGmt":452,"parentId":12,"databaseId":453,"replies":454},{"node":443},{"id":444,"email":445,"name":446,"avatar":447,"__typename":449},"Y29tbWVudF9hdXRob3I6MTc4NjM4","TWITTEK@gmx.COM","Thomas",{"url":448,"height":380,"width":380},"https:\u002F\u002Fsecure.gravatar.com\u002Favatar\u002F843eba806879d231bb5bcb76b784f93fc3a0ed3f5ee7458f8206bea01ea70a89?s=96&d=mm&r=g","CommentAuthor","\u003Cp>Danke für diese Übersicht! Das hat mir viel Zeit gespart beim Testen von Viewports!\u003C\u002Fp>\n","2021-04-09 14:59:41","2021-04-09 12:59:41",178638,{"nodes":455},[456],{"author":457,"content":461,"date":462,"dateGmt":463,"parentId":464,"databaseId":465,"replies":466},{"node":458},{"id":434,"email":435,"name":436,"avatar":459,"__typename":460},{"url":438},"User","\u003Cp>Merci fürs Feedback, Thomas. Das freut mich sehr.\u003C\u002Fp>\n","2021-04-09 16:31:51","2021-04-09 14:31:51","Y29tbWVudDoxNzg2Mzg=",178639,{"nodes":467},[],{"author":469,"content":476,"date":477,"dateGmt":478,"parentId":12,"databaseId":479,"replies":480},{"node":470},{"id":471,"email":472,"name":473,"avatar":474,"__typename":449},"Y29tbWVudF9hdXRob3I6MTc4NjI5","roland@zephir.ch","Roland Schaub",{"url":475,"height":380,"width":380},"https:\u002F\u002Fsecure.gravatar.com\u002Favatar\u002F51649b9c15c830c873655f6f514f254c81f9fef9a441a059d05138e6b387f913?s=96&d=mm&r=g","\u003Cp>Danke für die Übersicht!\u003C\u002Fp>\n\u003Cp>Erwähnenswert: Sizzy ist seit kurzem in der App-Sammlung von Setapp enthalten, falls jemand bereits ein Abo hat (nur Mac).\u003C\u002Fp>\n","2021-03-26 14:09:37","2021-03-26 13:09:37",178629,{"nodes":481},[482],{"author":483,"content":486,"date":487,"dateGmt":488,"parentId":489,"databaseId":490,"replies":491},{"node":484},{"id":434,"email":435,"name":436,"avatar":485,"__typename":460},{"url":438},"\u003Cp>Vielen Dank für den Tipp, Roland. ?\u003C\u002Fp>\n","2021-04-01 15:34:28","2021-04-01 13:34:28","Y29tbWVudDoxNzg2Mjk=",178636,{"nodes":492},[],{"author":494,"content":501,"date":502,"dateGmt":503,"parentId":12,"databaseId":504,"replies":505},{"node":495},{"id":496,"email":497,"name":498,"avatar":499,"__typename":449},"Y29tbWVudF9hdXRob3I6MTc4NjE4","shoch@gmx.ch","Xaver",{"url":500,"height":380,"width":380},"https:\u002F\u002Fsecure.gravatar.com\u002Favatar\u002Fad2b01a2c973e82408e8184674d9e139d8eba741b190a06194119b341bb46304?s=96&d=mm&r=g","\u003Cp>Ich bin Webdesigner und arbeite seit Version 2.1 mit Firefox. Ich nutze andere Browser (Opera oder Chrome) nr für spezielle Aufgaben oder zusammen mit Plugins, welche für FF nicht verfügbar sind.\u003C\u002Fp>\n","2021-03-11 10:15:01","2021-03-11 09:15:01",178618,{"nodes":506},[],{"author":508,"content":515,"date":516,"dateGmt":517,"parentId":12,"databaseId":518,"replies":519},{"node":509},{"id":510,"email":511,"name":512,"avatar":513,"__typename":449},"Y29tbWVudF9hdXRob3I6MTc4NjA5","public.aaron@gmail.com","Aaron",{"url":514,"height":380,"width":380},"https:\u002F\u002Fsecure.gravatar.com\u002Favatar\u002F0100adbfa4999c8f22070d77707157dd8ef0657b0dced9e9c4d35288298f9d05?s=96&d=mm&r=g","\u003Cp>Ich bin vor zwei Jahren wieder von Chrome auf Firefox umgestiegen als Entwicklungsbrowser und habe es nie bereut. Die enthaltenen Flexbox und Grid Tools, das Schriften-Tab und die gesammelten CSS-Änderungen sind einfach tolle Helfer im Alltag.\u003C\u002Fp>\n\u003Cp>Daneben ist Mozilla wirklich noch der letzte unabhängige Verfechter des offenen Web – das ist auch unterstützenswert.\u003C\u002Fp>\n","2021-02-18 16:17:36","2021-02-18 15:17:36",178609,{"nodes":520},[]]