{"id":24364,"date":"2010-05-27T00:00:00","date_gmt":"2010-05-27T00:00:00","guid":{"rendered":"https:\/\/alienroad.com\/google-bilgi-bankasi\/chrome-extensions-for-web-development\/"},"modified":"2010-05-27T00:00:00","modified_gmt":"2010-05-27T00:00:00","slug":"chrome-extensions-for-web-development","status":"publish","type":"ar_kb","link":"https:\/\/alienroad.com\/google-bilgi-bankasi\/chrome-extensions-for-web-development\/","title":{"rendered":"Web geli\u015ftirme i\u00e7in Chrome Eklentileri"},"content":{"rendered":"<aside class=\"key-point\">Bu blog yaz\u0131s\u0131n\u0131 yay\u0131nlayal\u0131 uzun zaman oldu. Bilgilerin bir k\u0131sm\u0131 g\u00fcncelli\u011fini yitirmi\u015f olabilir (\u00f6rne\u011fin, baz\u0131 g\u00f6rseller eksik olabilir ve baz\u0131 ba\u011flant\u0131lar art\u0131k \u00e7al\u0131\u015fm\u0131yor olabilir).<\/aside>\n<p class=\"gargardate\">27 May\u0131s 2010, Per\u015fembe<\/p>\n<p>\n  <a href=\"https:\/\/www.chromium.org\/devtools\" class=\"external-link\">Chrome Geli\u015ftirici Ara\u00e7lar\u0131<\/a>, Chrome&#8217;da HTML, JavaScript ve CSS hata ay\u0131klamas\u0131 yapmak i\u00e7in harikad\u0131r. Bir web sayfas\u0131 veya<br \/>\n  <a href=\"https:\/\/chrome.google.com\/webstore\" class=\"external-link\">Chrome Web Ma\u011fazas\u0131<\/a> i\u00e7in bir web uygulamas\u0131 yaz\u0131yorsan\u0131z, DOM i\u00e7indeki \u00f6\u011feleri inceleyebilir, canl\u0131 JavaScript hata ay\u0131klamas\u0131 yapabilir ve CSS stillerini do\u011frudan mevcut sayfa \u00fczerinde d\u00fczenleyebilirsiniz. Uzant\u0131lar, taray\u0131c\u0131n\u0131zdan kolayca eri\u015febilece\u011finiz ek \u00f6zellikler sunarak Google Chrome&#8217;u daha da iyi bir web geli\u015ftirme ortam\u0131 haline getirebilir. Sizin gibi geli\u015ftiricilere yard\u0131mc\u0131 olmak i\u00e7in<br \/>\n  <a href=\"https:\/\/chrome.google.com\/extensions\/featured\/web_dev\" class=\"external-link\">web geli\u015ftirmeye y\u00f6nelik uzant\u0131lar\u0131 i\u00e7eren<\/a> bir sayfa olu\u015fturduk.<br \/>\n  Bunlar\u0131 web i\u00e7in uygulama ve site olu\u015ftururken faydal\u0131 bulaca\u011f\u0131n\u0131z\u0131 umuyoruz.\n<\/p>\n<p><img decoding=\"async\" alt=\"speed tracer chrome extension\" src=\"https:\/\/alienroad.com\/wp-content\/uploads\/kb-gorsel\/g-efc44ec18af4.png\" loading=\"lazy\"><\/p>\n<p>\n  \u00d6rne\u011fin,<br \/>\n  <a href=\"https:\/\/chrome.google.com\/extensions\/detail\/ognampngfcbddbfemdapefohjiobgbdl\" class=\"external-link\">Speed Tracer<\/a>,<br \/>\n  web uygulamalar\u0131n\u0131zdaki performans sorunlar\u0131n\u0131 belirlemenize ve d\u00fczeltmenize yard\u0131mc\u0131 olan bir uzant\u0131d\u0131r. Speed Tracer ile uygulaman\u0131zda zaman\u0131n nerede harcand\u0131\u011f\u0131na dair daha iyi bir fikir edinebilir; JavaScript ayr\u0131\u015ft\u0131rma ve y\u00fcr\u00fctme, CSS stili ve daha fazlas\u0131ndaki sorunlar\u0131 giderebilirsiniz.\n<\/p>\n<p><img decoding=\"async\" alt=\"resolution tester chrome extension\" src=\"https:\/\/alienroad.com\/wp-content\/uploads\/kb-gorsel\/g-99cd3839752e.png\" loading=\"lazy\"><\/p>\n<p>\n  Bir di\u011fer faydal\u0131 uzant\u0131 ise, web geli\u015ftiricilerinin web sitelerini farkl\u0131 ekran \u00e7\u00f6z\u00fcn\u00fcrl\u00fcklerinde \u00f6nizleyebilmesi i\u00e7in taray\u0131c\u0131 penceresinin boyutunu de\u011fi\u015ftiren<br \/>\n  <a href=\"https:\/\/chrome.google.com\/extensions\/detail\/idhfcdbheobinplaamokffboaccidbal\" class=\"external-link\">Resolution Test<\/a>&#8216;tir. Bu uzant\u0131, s\u0131k kullan\u0131lan \u00e7\u00f6z\u00fcn\u00fcrl\u00fcklerin bir listesini ve kendi \u00e7\u00f6z\u00fcn\u00fcrl\u00fc\u011f\u00fcn\u00fcz\u00fc girmeniz i\u00e7in \u00f6zel bir se\u00e7ene\u011fi de i\u00e7erir.\n<\/p>\n<p><img decoding=\"async\" alt=\"web developer chrome extension\" src=\"https:\/\/alienroad.com\/wp-content\/uploads\/kb-gorsel\/g-f499d713cfab.png\" loading=\"lazy\"><\/p>\n<p>\n  <a href=\"https:\/\/chrome.google.com\/extensions\/detail\/bfbameneiokkgbdmiekhjnmfkcnldhhm\" class=\"external-link\">Web Developer<\/a><br \/>\n  uzant\u0131s\u0131 ile do\u011frulama se\u00e7enekleri, sayfa yeniden boyutland\u0131rma ve CSS \u00f6\u011feleri g\u00f6r\u00fcnt\u00fcleyici gibi ek geli\u015ftirici ara\u00e7lar\u0131na ara\u00e7 \u00e7ubu\u011fundaki bir d\u00fc\u011fme arac\u0131l\u0131\u011f\u0131yla kolayca eri\u015febilirsiniz.\n<\/p>\n<p><img decoding=\"async\" alt=\"chrome editor chrome extension\" src=\"https:\/\/alienroad.com\/wp-content\/uploads\/kb-gorsel\/g-87c3902558f7.png\" loading=\"lazy\"><\/p>\n<p>\n  G\u00f6z atman\u0131z gereken bir di\u011fer uzant\u0131 ise, taray\u0131c\u0131n\u0131z ile kod d\u00fczenleyiciniz aras\u0131nda ge\u00e7i\u015f yapmak zorunda kalmadan taray\u0131c\u0131n\u0131z i\u00e7inde kolayca kod yazman\u0131za olanak tan\u0131yan<br \/>\n  <a href=\"https:\/\/chrome.google.com\/extensions\/detail\/nglgdmkkiemejlladcdjegcllaieegoe\" class=\"external-link\">Chrome Editor<\/a>&#8216;d\u00fcr. Ayr\u0131ca bir kod referans\u0131n\u0131 daha sonra kullanmak \u00fczere bilgisayar\u0131n\u0131za yerel olarak kaydedebilirsiniz.\n<\/p>\n<p>\n  Bunlar,<br \/>\n  <a href=\"https:\/\/chrome.google.com\/extensions\/featured\/web_dev\" class=\"external-link\">web geli\u015ftirme i\u00e7in uzant\u0131lar sayfam\u0131zda<\/a> bulabilece\u011finiz uzant\u0131lardan sadece birka\u00e7\u0131d\u0131r. Daha fazlas\u0131 i\u00e7in uzant\u0131<br \/>\n  <a href=\"https:\/\/chrome.google.com\/extensions\/\" class=\"external-link\">galerisine<\/a> de g\u00f6z atabilirsiniz.<\/p>\n<p class=\"byline-author\">Yazan: Koh Kim, Google Chrome Ekibi<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bu blog yaz\u0131s\u0131n\u0131 yay\u0131nlayal\u0131 uzun zaman oldu. Bilgilerin bir k\u0131sm\u0131 g\u00fcncelli\u011fini yitirmi\u015f olabilir (\u00f6rne\u011fin, baz\u0131 g\u00f6rseller eksik olabilir ve baz\u0131 ba\u011flant\u0131lar art\u0131k \u00e7al\u0131\u015fm\u0131yor olabilir). 27 May\u0131s 2010, Per\u015fembe Chrome Geli\u015ftirici Ara\u00e7lar\u0131, Chrome&#8217;da HTML, JavaScript ve CSS hata ay\u0131klamas\u0131 yapmak i\u00e7in harikad\u0131r. Bir web sayfas\u0131 veya Chrome Web Ma\u011fazas\u0131 i\u00e7in bir web uygulamas\u0131 yaz\u0131yorsan\u0131z, DOM i\u00e7indeki [&hellip;]<\/p>\n","protected":false},"menu_order":85244,"template":"","meta":{"footnotes":""},"ar_kb_kategori":[665],"ar_kb_etiket":[],"class_list":["post-24364","ar_kb","type-ar_kb","status-publish","has-post-thumbnail","hentry","ar_kb_kategori-blog"],"_links":{"self":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb\/24364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb"}],"about":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/types\/ar_kb"}],"version-history":[{"count":0,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb\/24364\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/media\/26794"}],"wp:attachment":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/media?parent=24364"}],"wp:term":[{"taxonomy":"ar_kb_kategori","embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb_kategori?post=24364"},{"taxonomy":"ar_kb_etiket","embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb_etiket?post=24364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}