Mark Lucas
0 
3170
151
Chrome'u kullanmayan bir programcıysanız, azınlıktasınız demektir.
Bu tarayıcıyı programlama için tercih etmek için birçok neden var, örneğin Google’ın web yönü üzerindeki büyük etkisi, geliştirmeyi daha az sinir bozucu yapan yerleşik özellikler ve mevcut kullanılabilir uzantıların sayısı.
Bu son nokta çok önemli. Şubat 2018’den itibaren Chrome, masaüstlerinde yüzde 60’ın üzerinde pazar payına sahip. Bu, çoğu uzantı üreticisinin çabalarını önce Chrome'a odaklaması şaşırtıcı değil. Bununla birlikte, herhangi bir tür geliştiriciyseniz, özellikle de bir web geliştiricisiyseniz, kullanmanız gereken en iyi Chrome uzantıları: Programlama - Web Geliştirme: Fark Nedir? Programlama ve Web Geliştirme: Fark Nedir? Uygulama programcılarının ve web geliştiricilerin aynı işi yaptığını düşünebilirsiniz, ancak bu doğru değil. İşte programcılar ve web geliştiricileri arasındaki temel farklar. .
Genel Geliştirme Uzantıları
1. Oturum Arkadaşı
Chrome, ayrı yer imleri, ayarlar, sekmeler, geçmişler vb. Kümeleri oluşturmanıza olanak tanıyan özel kullanıcı profilleri adı verilen harika bir özelliğe sahiptir..
Ancak Session Buddy, bir adım daha ileri götürür ve özel tasarruf yapmanızı sağlar “sekme oturumları” ve birden fazla projede çalışırken kullanışlı olan ve istedikleriniz arasında geçiş yapın.
İndir: Oturum Buddy
2. Chrome için iMacros
iMacros tekrarlayan görevleri otomatikleştirmek sağlayan bir uzantısıdır. Yapabilirsin “kayıt” belirli eylemler (örneğin, fare tıklamaları ve tuşa basmaları), bunları makro olarak kaydedin, ardından istediğiniz zaman tek bir tıklatmayla çalıştırın. Formları doldururken, değişiklikleri test ederken, çok zaman kazandırır. Chrome dışındaki makrolar için, AutoHotkey komut dosyalarını öneririz..
İndir: Chrome için iMacros
3. Web Zamanlayıcı
Web Zamanlayıcı, çeşitli web sitelerinde ne kadar zaman harcadığınızı (veya israf ettiğini) izleyerek eğilimlerin ertelenmesine yardımcı olabilir. Yalnızca Chrome odakta olduğunda izler ve boşta olduğunuzda izlemeyi durduracak kadar akıllıdır.
İndir: Web Zamanlayıcısı
Daha gelişmiş bir zaman izleyici istiyorsanız, çapraz platformlu Toggl Android, iOS ve Masaüstü İçin En İyi Zamanlı İzleme Uygulaması'nı şiddetle tavsiye ediyoruz Android, iOS ve Masaüstü İçin En İyi Zamanlı İzleme Uygulaması Zaman izlemenin size nasıl fayda sağlayabileceğini gösteriyoruz veya ekibiniz, zaman takip yazılımında nelere dikkat etmeniz gerektiğini ve iş için bulabileceğimiz en iyi platformlar arası uygulamayı. .
4. Müthiş Ekran Görüntüsü
Müthiş Ekran Görüntüsü, ekran görüntüleri kapma, ekran videoları kaydetme, ek açıklamalı görüntüleri bulanıklaştırma ve bulanıklaştırma ve ekran görüntülerinizi başkalarıyla paylaşmanın tek tıklaması için hepsi bir arada bir eklentidir. Şık bir özellik ekran görüntüsü yeteneği bütün bir web sayfası ve hepsini bir arada dev bir resim olarak dikin. Chrome dışında da çalışan bir çözüm için, ekran görüntüsü oluşturmak için bu en iyi araçlara göz atın..
İndir: Müthiş Ekran Görüntüsü
5. Marmoset
Marmoset, kodunuzun 3D ekran görüntülerini oluşturmak için eğlenceli küçük bir araçtır. Bir görüntüyü çektikten sonra, 3D'yi döndürebilir ve eğriltebilir ve ölçeklendirebilirsiniz; bu, snippet'leri paylaşmak istediğinizde daha ilginç olmasını sağlar. Projenizin ana sayfasında kod tabanlı stok görüntüleri oluştururken veya kaynak kodunuza göz atarken kullanışlıdır..
İndir: ipek maymun
Web Geliştirme Uzantıları
6. Web Geliştirici
Web geliştirmeye yardımcı olmak için yüklediğiniz bir uzantı varsa, izin bu olsun. Web Developer, tek tıklamayla JavaScript ve eklentiler arasında geçiş yapma, duyarlı tasarımları test etmek için yeniden boyutlandırma penceresi, görüntülerin test edilmesi ve hata ayıklanması ve daha fazlası dahil olmak üzere çeşitli kolaylık özelliklerine sahiptir..
İndir: Web Geliştiricisi
7. Kullanıcı-Ajan Switcher
Birçoğunun “kullanıcı aracısı değiştirici” Chrome Web Mağazası'ndaki uzantılar, bu en iyisidir. Hala güncellenmektedir, bağlantıları kaçırmaz, bir dizi varsayılan kullanıcı aracısı dizesiyle gelir, ancak aynı zamanda özel kullanıcı aracısı dizeleri oluşturmanıza da izin verir. Güvenle çalışan türünün tek uzantısı bu..
İndir: Kullanıcı-Ajan Switcher
8. Wappalyzer
Hangi tür web teknolojilerinin belirli bir siteye güç sağladığını bilmek istiyorsanız, Wappalyzer size tek bir tıklama ile söyleyecektir. CMS'leri (örneğin, WordPress), web çerçevelerini (örneğin, React), araçları ve yardımcı programları (örneğin Google Analytics), e-ticaret platformlarını (örneğin, Shopify) ve çok daha fazlasını tespit etmek yeterince akıllıdır..
İndir: Wappalyzer
9. IE Sekmesi
Şubat 2018’den bu yana, masaüstü kullanıcılarının yüzde 13’ünden fazlası halen Internet Explorer’da. Bu durum, IE’nin modern web standartlarıyla uyumlu olmasından çok utanç verici. Bu yüzden IE'yi yeni bir sekmede taklit eden ve web sitelerini çeşitli sürümlerde test etmenize olanak sağlayan IE Sekmesine ihtiyacınız var: IE6, IE7, IE8, IE9, artı ActiveX kontrolleri. Ne kadar eski olursa olsun, web sitenizin TÜM tarayıcılarla uyumlu olması gerekiyorsa gerçekten yararlı.
İndir: IE Sekmesi
10. Tıkla ve Temizle
Bir web sitesi geliştirirken, taze değişiklikler yüklediğinizden emin olmak için göz atma verilerini sürekli olarak temizleyen çok az şey rahatsız edicidir. Tıkla ve Temizle, yalnızca daha hızlı hale getirmekle kalmaz, aynı zamanda neleri temizleyebileceğiniz konusunda daha fazla kontrol sağlar (ör. Veritabanlarını ve eklenti verilerini silme, belirli siteler için çerezleri tutma vb.).
İndir: Click & Clean
11. WhatFont
WhatFont, web'deki fontları tanımlamanın en hızlı yoludur. Bir öğeye sağ tıklayın, Öğeyi İncele öğesini seçin, ardından ne olduğunu bulmak için stil sayfasına göz atın. WhatFont ile, bir fontun sadece bir elementin üzerine gelerek ne olduğunu göremezsiniz, aynı zamanda o fontun nasıl sunulduğunu da söyler (örneğin, Google Fonts, TypeKit, vb.)..
İndir: WhatFont
12. ColorPick Damlalık
ColorPick Damlalık herhangi bir web sayfasındaki herhangi bir pikselin yakınlaştırmasını ve tam renk kodunu almanızı sağlayan bir araçtır. Renk kodu hex, RGB ve HSL olarak mevcuttur. Stil sayfasında hangi renklerin kullanıldığını görmek veya öğeleri indirmek ve bir resim düzenleyicide renk seçmek için öğeleri denetlemekten son derece kullanışlı ve çok daha hızlı.
İndir: ColorPick Damlalık
13. Lorem Ipsum Jeneratör
Bir web sitesi geliştirirken, sonunda sahte bir metne ihtiyacınız olacaktır. Lorem ipsum jeneratörleri internette bol miktarda bulunur, ancak Lorem Ipsum Generator, mevcut sekmenizde hemen kullanılabilir. Hızlıdır ve kaç paragraf istediğinizi ve paragraf başına kaç cümle istediğinizi özelleştirebilirsiniz..
İndir: Lorem Ipsum Jeneratör
14. Bağlantılarımı Kontrol Et
Bir web geliştirme projesinin sonunda, tüm linklerinizin çalıştığından emin olmak için tüm ana sayfalarda son bir geçiş yapmak isteyeceksiniz. Bağlantılarımı Kontrol Et, bu işlemi mümkün olduğunca kolaylaştırır. Düğmeye tıklamanız yeterli; geçerli sayfadaki tüm bağlantıları tarar, sonra kopup çalışmayacağına göre her birini vurgulayın.
İndir: Bağlantılarımı Kontrol Et
15. Boyutlar
Boyutlar, web tasarımı için web geliştirmeden çok bir araçtır, ancak ikisi çakışma eğiliminde olduğundan, muhtemelen bu uzantıyı kullanmak istersiniz. Kısacası, metin, görüntüler, videolar ve form alanları dahil olmak üzere herhangi iki web öğesi arasındaki mesafeyi anında ölçer. Ayrıca, fare imlecinden desteklenen web öğelerinin herhangi birine olan mesafeyi de ölçebilir..
İndir: boyutlar
Faydalı Olabilecek Daha Fazla Chrome Uzantısı
Yukarıdakilere ek olarak, Chrome'u kullanarak bir geliştirici olarak sizi rahatsız edebilecek iki şey olan bu sekme yönetimi Chrome uzantıları ve bu işletme verimliliği Chrome uzantıları önerilmektedir.
Ayrıca, en iyi Chrome uzantıları seçeneklerimizden birini seçmelisiniz. En İyi Chrome Uzantıları En İyi Chrome Uzantıları Okuyucularımızdan gelen öneriler de dahil olmak üzere, Google Chrome için yalnızca en iyi uzantıların bir listesi. Bu, güvenlikten eğlenceye, alışverişten genel üretkenliğe ve daha pek çok şeyi kapsayan her şeyi kapsar..