{"id":23888,"date":"2021-05-08T17:25:00","date_gmt":"2021-05-08T14:25:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23888"},"modified":"2021-10-17T21:11:46","modified_gmt":"2021-10-17T18:11:46","slug":"viisi-suosituinta-chrome-verkkolaajennusta-web-kehittajille","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/viisi-suosituinta-chrome-verkkolaajennusta-web-kehittajille\/","title":{"rendered":"Viisi suosituinta Chrome-verkkolaajennusta Web-kehitt\u00e4jille"},"content":{"rendered":"<p>Selainlaajennukset ovat vain laajennuksia, jotka laajentavat verkkoselaimen toimintoja. Kun ty\u00f6skentelet verkossa, laajennusten k\u00e4ytt\u00e4minen voi tehd\u00e4 kehitysprosessista nopeamman ja tarkemman.<\/p>\n<p>T\u00e4ss\u00e4 artikkelissa luetellaan viisi pakollista Chrome-verkkolaajennusta, jotka jokaisen kehitt\u00e4j\u00e4n tulisi asentaa Google Chrome -selaimeen.<\/p>\n<h3>1 ColorZilla<\/h3>\n<p><a href=\"http:\/\/www.colorzilla.com\/chrome\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ColorZilla<\/a> on kromi, joka auttaa web-kehitt\u00e4ji\u00e4 ja verkkosuunnittelijoita suorittamaan v\u00e4reihin liittyvi\u00e4 teht\u00e4vi\u00e4.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20700-60821c8adbdcc.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20700-60821c8adbdcc.png\" alt=\"Viisi suosituinta Chrome-verkkolaajennusta Web-kehitt\u00e4jille\" ><\/a><\/p>\n<p>ColorZillaa k\u00e4ytt\u00e4m\u00e4ll\u00e4 voidaan selvitt\u00e4\u00e4 mink\u00e4 tahansa verkkosivun elementin v\u00e4rikoodi.<\/p>\n<p>Sinun tarvitsee vain asentaa laajennus. Napsauta asennuksen j\u00e4lkeen kuvaketta ja vie kohdistin verkkosivun mille tahansa elementille ja kopioi elementin v\u00e4rikoodi.<\/p>\n<h3>2 Sivuviivain<\/h3>\n<p><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/page-ruler\/jlpkojjdgbllmedoapgfodplfhcbnbpn?hl=en\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Sivuviivaimen<\/a> lis\u00e4osa on hy\u00f6dyllinen elementin sijainnin tarkastelemiseen. T\u00e4ll\u00e4 laajennuksella saat selville leveyden, korkeuden, ylh\u00e4\u00e4lt\u00e4, alhaalta, vasemmalta ja oikealta. T\u00e4m\u00e4 on pakollinen laajennus kehitt\u00e4\u00e4ksesi pikselist\u00e4 t\u00e4ydellisen verkkosivuston.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20700-60821c8b81b37.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20700-60821c8b81b37.png\" alt=\"Viisi suosituinta Chrome-verkkolaajennusta Web-kehitt\u00e4jille\" ><\/a><\/p>\n<h3>3 WhatFont<\/h3>\n<p>Internetiss\u00e4 k\u00e4ymme satoja verkkosivustoja. Jokaisella verkkosivuston sis\u00e4ll\u00f6ll\u00e4 on oma fontti. Kirjasimen selvitt\u00e4miseksi voimme tarkastaa elementin ja sitten elementti-ikkunasta tarkastella k\u00e4ytetty\u00e4 kirjasinta.<\/p>\n<p><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/whatfont\/jabopobgcpjmedljpbcaablpmlmfcogm?hl=en\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WhatFont<\/a> on laajennus, joka auttaa meit\u00e4 selvitt\u00e4m\u00e4\u00e4n fontin tarkastamatta elementti\u00e4. Meid\u00e4n on vain napsautettava WhatFont-kuvaketta ja viet\u00e4v\u00e4 hiiri sitten verkkosivun elementtiin. Valitse elementti ja se antaa koko fontin tiedot, kuten kirjasimen nimen, fonttityylin, kirjasimen painon, koon jne.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20700-60821c8bed9a1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20700-60821c8bed9a1.png\" alt=\"Viisi suosituinta Chrome-verkkolaajennusta Web-kehitt\u00e4jille\" ><\/a><\/p>\n<h3>4 Kielioppi<\/h3>\n<p><a href=\"https:\/\/www.grammarly.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Kieliopin<\/a> laajennusta k\u00e4ytet\u00e4\u00e4n parantamaan kirjallista viestint\u00e4\u00e4. Jos olet kirjoittaja, t\u00e4m\u00e4 laajennus auttaa pit\u00e4m\u00e4\u00e4n asiakirjan virheett\u00f6m\u00e4n\u00e4 ja virheett\u00f6m\u00e4n\u00e4. Kuten nimest\u00e4 k\u00e4y ilmi, t\u00e4m\u00e4 lis\u00e4osa selvitt\u00e4\u00e4 mahdolliset kieliopilliset virheet asiakirjassa ja ehdottaa lauseiden korjaamista.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20700-60821c8bed9a1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20700-60821c8bed9a1.png\" alt=\"Viisi suosituinta Chrome-verkkolaajennusta Web-kehitt\u00e4jille\" ><\/a><\/p>\n<h3>5 Mahtava n\u00e4ytt\u00f6kuva<\/h3>\n<p>Jos haluat kaapata kuvakaappauksen koko sivusta tai tietyst\u00e4 sivun osasta, <a href=\"https:\/\/www.awesomescreenshot.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">mahtava n\u00e4ytt\u00f6kuva<\/a> on sinulle laajennus. Sen avulla voit tallentaa my\u00f6s n\u00e4yt\u00f6n. Kun olet kaapannut kuvakaappauksen, voit lis\u00e4t\u00e4 seuraavalla sivulla huomautuksia, kommentteja, h\u00e4m\u00e4rt\u00e4\u00e4 arkaluontoisia tietoja.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20700-60821c8bed9a1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20700-60821c8bed9a1.png\" alt=\"Viisi suosituinta Chrome-verkkolaajennusta Web-kehitt\u00e4jille\" ><\/a><\/p>\n<p>Toivomme, ett\u00e4 sait tiet\u00e4\u00e4 must-chrome-verkkolaajennuksista. K\u00e4yt\u00e4tk\u00f6 muita hy\u00f6dyllisi\u00e4 laajennuksia? Ole hyv\u00e4 ja jaa kommentit alla.<\/p>\n<h4>Aiheeseen liittyv\u00e4t artikkelit<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/kuinka-nahda-tallennetut-salasanat-firefoxissa-ja-google-chromessa\/\" title=\"Kuinka n\u00e4hd\u00e4 tallennetut salasanat Firefoxissa ja Google Chromessa\">Kuinka n\u00e4hd\u00e4 tallennetut salasanat Firefoxissa ja Google Chromessa<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/unsplash-verkkosivusto-joka-tarjoaa-tekijanoikeuksettomia-kuvia\/\" title=\"Unsplash - verkkosivusto, joka tarjoaa tekij\u00e4noikeuksettomia kuvia\">Unsplash &#8211; verkkosivusto, joka tarjoaa tekij\u00e4noikeuksettomia kuvia<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kehitt\u00e4j\u00e4n\u00e4 on joitain pakollisia Chrome-verkkolaajennuksia. N\u00e4m\u00e4 laajennukset auttavat sinua verkkokehityksess\u00e4. Lis\u00e4ksi se s\u00e4\u00e4st\u00e4\u00e4 v\u00e4h\u00e4n aikaa<\/p>\n","protected":false},"author":1,"featured_media":20701,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[178,414],"tags":[843],"class_list":["post-23888","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chrome-6","category-sekalaisia","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/23888","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=23888"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/23888\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/20701"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=23888"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=23888"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=23888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}