Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
27 Mayıs 2020, Perşembe
Chrome
Geliştirici Araçları, Chrome'da
HTML, JavaScript ve CSS hatalarını ayıklamak için mükemmel bir seçenektir. Chrome Web Mağazası için
bir web sayfası, hatta
web uygulaması yazıyorsanız doğrudan
mevcut sayfayı kullanarak DOM'daki öğeleri inceleyebilir, canlı JavaScript hatalarını ayıklayabilir ve CSS stillerini
düzenleyebilirsiniz. Uzantılar, tarayıcınızdan kolayca erişebileceğiniz ek özellikler sağlayarak Google Chrome'u daha da
iyi bir web geliştirme ortamı haline getirebilir. Sizin gibi geliştiricilere yardımcı olmak
amacıyla web
geliştirme için uzantılar içeren bir sayfa oluşturduk.
Web için uygulamalar ve siteler oluştururken bu uzantıların sizin açınızdan faydalı olacağını umuyoruz.
Örneğin
Speed Tracer,
web uygulamalarınızdaki performans sorunlarını tanımlamanıza ve düzeltmenize yardımcı olan bir uzantıdır. Speed
Tracer ile uygulamanızın neresinde zaman harcandığı konusunda daha iyi bir fikir edinip JavaScript
ayrıştırma ile yürütme, CSS stili ve daha pek çok konuyla ilgili sorunları giderebilirsiniz.
Web geliştiricilerinin farklı ekran çözünürlüklerinde web sitelerini önizleyebilmeleri için tarayıcı penceresinin boyutunu değiştiren Resolution Test de yararlı bir başka uzantıdır. Bu uzantıda, yaygın olarak kullanılan çözünürlüklerin listesine ve kendi çözünürlüğünüzü girebileceğiniz özel bir seçeneğe de yer verilmiştir.
Web Developer uzantısıyla araç çubuğuna eklenen tek bir düğmeden doğrulama seçenekleri, sayfayı yeniden boyutlandırma ve CSS öğesi görüntüleyici gibi ilave geliştirici araçlarına erişebilirsiniz.
Tarayıcınızda kolayca kod yazmanızı sağlayan Chrome Editor da göz atmanız gereken uzantılar arasında yer alıyor. Bu uzantı sayesinde tarayıcınız ile kod düzenleyici arasında geçiş yapmak zorunda kalmadan tarayıcınızın içinde kolayca kod yazabilirsiniz. Ayrıca, bilgisayarınıza yerel olarak kaydedeceğiniz kod referanslarını daha sonra kullanmanıza da imkan sağlar.
[[["Anlaması kolay","easyToUnderstand","thumb-up"],["Sorunumu çözdü","solvedMyProblem","thumb-up"],["Diğer","otherUp","thumb-up"]],[["İhtiyacım olan bilgiler yok","missingTheInformationINeed","thumb-down"],["Çok karmaşık / çok fazla adım var","tooComplicatedTooManySteps","thumb-down"],["Güncel değil","outOfDate","thumb-down"],["Çeviri sorunu","translationIssue","thumb-down"],["Örnek veya kod sorunu","samplesCodeIssue","thumb-down"],["Diğer","otherDown","thumb-down"]],[],[[["\u003cp\u003eChrome Developer Tools are useful for debugging HTML, JavaScript, and CSS, and extensions can further enhance the web development experience in Chrome.\u003c/p\u003e\n"],["\u003cp\u003eSpeed Tracer helps identify performance bottlenecks in web applications by providing insights into JavaScript, CSS, and other areas.\u003c/p\u003e\n"],["\u003cp\u003eResolution Test allows developers to preview websites in various screen resolutions, including common presets and custom options.\u003c/p\u003e\n"],["\u003cp\u003eWeb Developer extension adds tools for validation, resizing, and CSS element viewing directly within the browser.\u003c/p\u003e\n"],["\u003cp\u003eChrome Editor enables coding directly within the browser and allows saving code references locally.\u003c/p\u003e\n"]]],["Chrome extensions enhance web development by providing tools within the browser. Key extensions include Speed Tracer for identifying performance issues, Resolution Test for previewing websites at various screen sizes, Web Developer for validation and CSS tools, and Chrome Editor for coding directly in the browser. Developers can find these and more extensions on the designated web development page and the extensions gallery to help create web applications.\n"],null,["# Chrome Extensions for web development\n\n| It's been a while since we published this blog post. Some of the information may be outdated (for example, some images may be missing, and some links may not work anymore).\n\nThursday, May 27, 2010\n\n\nThe\n[Chrome Developer Tools](https://www.chromium.org/devtools)\nare great for debugging HTML, JavaScript and CSS in Chrome. If you're writing a webpage or even a\nweb app for the\n[Chrome Web Store](https://chrome.google.com/webstore), you can\ninspect elements in the DOM, debug live JavaScript, and edit CSS styles directly in the current\npage. Extensions can make Google Chrome an even better web development environment by providing\nadditional features that you can easily access in your browser. To help developers like you, we\ncreated a page that\n[features extensions for web development](https://chrome.google.com/extensions/featured/web_dev).\nWe hope you'll find them useful in creating applications and sites for the web.\n\n\nFor example,\n[Speed Tracer](https://chrome.google.com/extensions/detail/ognampngfcbddbfemdapefohjiobgbdl)\nis an extension to help you identify and fix performance issues in your web applications. With\nSpeed Tracer, you can get a better idea of where time is being spent in your application and\ntroubleshoot problems in JavaScript parsing and execution, CSS style, and more.\n\n\nAnother useful extension is the\n[Resolution Test](https://chrome.google.com/extensions/detail/idhfcdbheobinplaamokffboaccidbal)\nthat changes the size of the browser window, so web developers can preview websites in different\nscreen resolutions. It also includes a list of commonly used resolutions, as well as a custom\noption to input your own resolution.\n\n\nWith the\n[Web Developer](https://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm)\nextension, you can access additional developer tools such as validation options, page resizing\nand a CSS elements viewer; all from an additional button in the toolbar.\n\n\nAnother extension you should check out is the\n[Chrome Editor](https://chrome.google.com/extensions/detail/nglgdmkkiemejlladcdjegcllaieegoe)\nthat allows you to easily code within your browser, so you don't have to flip between your browser\nand code editor. You can also save a code reference locally to your computer for later use.\n\n\nThese are just a few of the extensions you can find in our\n[extensions for web development page](https://chrome.google.com/extensions/featured/web_dev).\nYou can also look for more in the extensions\n[gallery](https://chrome.google.com/extensions/).\n\n\nWritten by Koh Kim, Google Chrome Team"]]
