Tarayıcının artan popülaritesi ile Google Chrome Web geliştiricilerine bir sitedeki hataları ve performans sorunlarını izleme yeteneği vererek zaman kazandıran uzantılar ortaya çıkıyor.

İşte Google Chrome için bazı yararlı uzantılar.

Web Geliştirici Uzantısı

Bir web geliştiricisi ve web tasarımcısı için en uygun ve güçlü araca dikkat çekmek istiyorum. - Google Chrome için Web Geliştirici uzantısı.

Uzantı, Google Chrome araç çubuğuna bir dişli düğmesi olarak eklenir ve bir web sitesi geliştirmek ve hata ayıklamak için çeşitli araçlar içerir. Bu, aynı geliştirici tarafından yazılan popüler olanın resmi uyarlamasıdır.

Uzantının çok sayıda seçeneği vardır.

Örneğin, birçok insan sadece öğenin rengini öğrenin onaltılık biçimde monitör ekranında. Eklentide bunun için özel bir fonksiyon var. Çeşitli altında, Renk Seçiciyi Görüntüle'yi seçin.

Ekran Rengi Seçici öğesini seçtiğinizde, imleç bir çarpı işaretine dönüşür. Şimdi, tarayıcının sağ alt köşesindeki ekranın herhangi bir alanına tıklamak, rengi CSS'de kullanılmak üzere onaltılık sistemde görüntüler.

Bu makale, Chrome uygulamalarını paketleme ve yayınlama konusunda deneyimli Chrome Enterprise yöneticileri ve geliştiricileri için hazırlanmıştır.

Chrome Web Mağazası istediğiniz işlevselliğe sahip bir ürün bulamazsa, kendi uygulamanızı veya uzantınızı oluşturabilir ve kullanıcılar bunu Chrome OS cihazlarına veya Chrome tarayıcılarına ekleyebilir. Örneğin, bir yönetici olarak, İK web sitesine bağlanan kullanıcıların cihazlarına otomatik olarak özel bir yer imi uygulaması yükleyebilirsiniz.

Hazırlık

• Bildirim dosyanız, uygulamanın veya uzantının bağlantı verdiği hedef siteyi listeliyorsa, o sitenin sahipliğini doğrulayın.
• Uygulamanız veya uzantınız özel bir sunucuda barındırılıyorsa, kimlerin onu Chrome Web Mağazası'nda yayınlamasına izin verileceğini belirtebilirsiniz. Uygulamanın bağlantı verdiği üçüncü taraf sitelerin sahiplik kanıtını kapatabilirsiniz.

1. Adım. Bir uygulama veya uzantı oluşturun

Aşağıda örnek olarak bir yer imi uygulaması kullanılmaktadır. Daha karmaşık Chrome uygulamaları ve uzantıları oluşturmaya ilişkin talimatlar için Başlangıç ​​Kılavuzu'na bakın.

1. Uygulama veya uzantı dosyalarını depolamak için bilgisayarınızda bir klasör oluşturun. Bir uygulama adı verin.
2. Bir bildirim dosyası oluşturun.
   1. içinde oluştur Metin düzeltici JavaScript® Nesne Gösterimi (JSON) dosyası. Bir yer imi uygulaması için örnek bir JSON dosyasına bakın.
   2. Kodun doğru biçimlendirilip biçimlendirilmediğini kontrol edin. JSON dosyası JSONLint gibi özel bir araç kullanarak.
3. Dosyayı yerleştirin manifest.json uygulama veya uzantı klasörüne.
4. Bir logo oluşturun.
   1. Resmin boyutu 128 x 128 piksel olmalıdır.
   2. Logo dosyasını adın altına kaydedin 128.png uygulama klasöründe.

2. Adım. Uygulamayı veya uzantıyı test edin

Geliştiriciler, uygulamalarını ve uzantılarını şurada test edebilir: Chrome tarayıcı veya Chrome OS cihazlarda.

Bir uygulama veya uzantıyla ilgili sorunları gidermek için Chrome günlüklerini kullanın.

3. Adım. Bir uygulama koleksiyonu oluşturun (isteğe bağlı)

Bir yönetici, bir kuruluş için kullanıcılara yükleme için uygulamalar ve Chrome uzantıları önermek üzere bir uygulama galerisi oluşturabilir.

4. Adım. Uygulamayı veya uzantıyı Chrome Web Mağazası'nda yayınlayın

Bir geliştirici, bir uygulamayı veya uzantıyı herkese açık hale getirebilir veya bunlara erişimi kısıtlayabilir. Chrome Web Mağazası'nda yayınlarken, aralarından seçim yapabileceğiniz üç seçenek vardır.

• Halk: herkes uygulamayı bulabilir ve yükleyebilir.
• Bağlantı ile erişim: yalnızca bağlantıyı izleyerek bir uygulama veya uzantı yükleyebilirsiniz. Chrome Web Mağazası'ndaki arama sonuçlarında görünmez. Bağlantı, hem kuruluşun alanındaki hem de dışındaki kullanıcılara gönderilebilir.
• Özel: Yalnızca alanınızdaki kullanıcılar bir uygulama veya uzantı bulabilir ve yükleyebilir. Ayrıca, yalnızca adları geliştirici araç çubuğunda listelenen güvenilir test kullanıcılarına ürüne erişim izni verebilirsiniz.

Chrome Web Mağazası'na bir uygulama veya uzantı eklemek için uygun klasörün bir ZIP arşivini oluşturun ve ardından ürünü yayınlayın.

Adım 5. Bir uygulama veya uzantıyla çalışmak için kuralları yapılandırın

Google Yönetici Panelinde, Chrome cihazlarda ve Chrome tarayıcısında uygulamaların ve uzantıların kullanımını kontrol edebilirsiniz. Windows bilgisayarlar, Mac ve Linux kuruluşunuzda. Chrome kuralları özelleştirilebilir

Web tarayıcısı, insanları internete bağlayan köprüdür. İnternet gibi, tarayıcılar da son birkaç yılda şekil değiştirdi. İtibaren basit kullanım kendi yazılım uzantıları setiyle dünya çapındaki ağa tam teşekküllü ekosistemlere erişmek ve ek fırsatlar, bugünün tarayıcıları geçen yılın işletim sistemlerinden daha güçlü.

Tarayıcılar yalnızca kullanıcılar için değil, web geliştiricileri için de önemlidir. Programcıların web sayfalarını yayınlamadan önce çalışması, derlemesi ve değiştirmesi için ana test alanı olarak hizmet ederler. Web tarayıcıları söz konusu olduğunda, Google Chrome açıkça liderdir. Yeteneklerini genişleten ve kullanıcıların istedikleri şekilde özelleştirmesine olanak tanıyan eksiksiz bir eklenti ve gadget ekosistemine sahip tam özellikli bir araçtır.

Mağaza Google uygulamaları Chrome, binlerce eklentiye ve gadget'a ev sahipliği yapar. Hayatınızı kolaylaştırmak için, web geliştiricilerine yönelik 10 değerli Google Chrome eklentisinin bir listesi için en iyi web geliştirme şirketlerine danıştık.

İnternette milyonlarca yazı tipi var. Bunları tanımak, web geliştiricileri bir yana, en gelişmiş tasarımcıları bile şaşırtabilir. WhatFont uygulaması bu sorunu çözecek etkili yol... Yapmanız gereken tek şey fare imlecini metnin üzerine getirmektir ve yazı tipinin adı hemen görünecektir.

Sayfanızdaki öğeleri değiştirmek için Photoshop gibi bir uygulamayı kaç kez kullanmanız gerekiyor? Oldukça fazla, değil mi? Bu uygulama ile bu dolambaçlı yaklaşım geçmişin bir kalıntısı haline geliyor. Sürüklenebilir dikey ve yatay cetveller kullanarak tüm web öğelerinizin piksel mükemmel yerleşimini elde edin, onlara kendi renklerini verin, klavyenizi ve farenizi kullanarak piksel piksel veya geniş vuruşlarla hareket ettirin.

Tıpkı yazı tipleri gibi, web sayfalarında tam renkleri bulmak inanılmaz derecede zordur. Zor yöntem, Photoshop kullanarak ekran görüntüsü almayı ve onaltılık renk kodunu hesaplamayı içerir. EyeDropper, bu işlevi tarayıcıya getirir. Tek yapmanız gereken aracı seçmek için widget'a tıklamak ve ardından bulmak istediğiniz rengi seçmek.

Stylebot, her web geliştiricisinin gerçekleşen rüyasıdır. Özel CSS kullanarak web sitenizin tüm görsel öğelerini hızlı bir şekilde değiştirmenize olanak tanır. Hemen hemen her öğe - yazı tipi boyutu, kenarlar, renk, görünürlük vb. - geliştiricinin isteklerine göre seçilebilir ve değiştirilebilir. Stylebot, web sitesi tasarımınızda hata ayıklamak için harika bir araçtır ve hem yeni başlayanlara hem de profesyonel web geliştiricilerine büyük yardım sunar.

En zorlu geliştirme görevlerinden biri, ekranlarda ve çeşitli boyutlardaki çözünürlüklerde sorunsuz çalışan web sayfaları oluşturmaktır. Bundan emin olmak için sıkı testler yapmanız gerekir. Çözünürlük Testi, kullanıcıların bir web sayfasını farklı çözünürlüklerde ve ekran boyutlarında test etmelerini sağlar. Uzantı, web geliştiricilerinin özel izinler tanımlamasına da olanak tanır.

Tüm web geliştiricileri için gerekli olan Speed ​​Tracer, web sitesi ve uygulama performansıyla ilgili sorunları teşhis etmeye ve düzeltmeye yardımcı olur. Speed ​​Tracer, JavaScript yürütme, Düzen, XML http geri göndermeleri, CSS stili yeniden hesaplama ve daha fazlası sırasında ortaya çıkan sorunları tanır.

Tasarım ve metin sitenin yüzünü oluşturur. Corporate Ipsum, web geliştiricilerinin bir web sitesine herhangi bir uzunlukta yapay metin girmesine olanak tanır. Bu fırsat, site düzenine ve çalışma modelinin müşteriye sunumuna karar verirken çok alakalı hale gelir.

Bu araç, HTML öğelerini bir fare ve canlılıkla doğrulama gibi çok sayıda özellik sunar. CSS özellikleri, aynı zamanda zengin bir görsel sunum sağlar HTML öğeleri ve DOM.

Web ve SEO geliştiricileri için çok önemli bir araç olan Alexa Traffic Rank, sizi Alexa trafik çubuğuna yerleştirir ve ziyaret ettiğiniz tüm sitelerin taramanızı kesintiye uğratmadan ayrıntılı bir görünümünü sunar.

Web sitesi analizi, bir web geliştiricisinin çalışmasındaki ana görevlerden biridir. Bu, kullanıcıların ve geliştiricilerin bir web sitesinde bulunan tüm görünür içeriği tek bir yer iminde, bir sayfanın belirli bir bölümünde yakalamasına veya hatta tamamını yakalamasına olanak tanıyan bir araç olan Screen Capture ile kolayca yapılabilir.

Web geliştiricilerinin sadece yeni değil, aynı zamanda işlevsel yazılım çözümleri oluşturacak şekilde anlayabilmeleri ve adapte olabilmeleri çok önemlidir. Google Chrome için uzantı listemiz, bu çözümleri çok daha hızlı ve çok daha verimli bir şekilde bulmanıza yardımcı olacaktır.

Web tasarımı ve geliştirme söz konusu olduğunda Google Chrome hakkında ne duyarsanız duyun, Firefox hala en iyi tarayıcı bulabileceğiniz samimi bir geliştirme ortamı ile.

Cehennem, Firefox'un yalnızca web geliştiricileri için oluşturulmuş özel bir tarayıcı sürümü bile var. Mozilla, web tasarımcılarına ve geliştiricilerine bu kadar önem veriyor.

Firefox ayrıca, tarayıcıyı maksimum etki için daha güçlü hale getiren çok sayıda uzantı koleksiyonuna sahiptir. İşte web geliştirme hayatınızı kolaylaştırmak için kullanabileceğiniz en iyi Firefox eklentilerinden bazıları.

Bu uzantıların çoğunu yükleyin, test edin ve kullanın. Sonuçta, hepsini kullanmak ücretsiz!

• Ne yapar: Web sayfalarını denetler

Firebug, web tasarımcılarının ve geliştiricilerinin onsuz yaşayamayacağı bir uzantıdır. Bu uzantı, Firefox ile birlikte gelen entegre geliştirici konsolunun genişletilmiş sürümüne benzer. Firebug, web sayfalarındaki öğeleri doğrulamanızı çok daha kolay hale getirir ve farklı sitelerde işlerin nasıl yürüdüğünü gösterir.

• Şunlar için uygundur: web geliştiricileri
• Ne Yapar: Firefox İstemcisi

FireFTP, bilgisayarınız ile sunucu arasında doğrudan tarayıcınızdan güvenli bir şekilde dosya indirmenize ve aktarmanıza izin veren Firefox için bir FTP / SFTP istemcisidir. Bu eklenti ile bir daha asla tarayıcınız ve FTP istemci uygulamaları arasında geçiş yapmanız gerekmeyecek.

• Şunlar için uygundur: web geliştiricileri ve tasarımcıları
• Ne yapar: Web sayfalarını analiz edin ve kontrol edin

Bu, Firefox'unuza bir dizi faydalı araç ekleyen hepsi bir arada bir uzantıdır. Bu eklentide bulunan araçlardan bazıları, CSS stil sayfalarını görüntüleme ve düzenleme, stilleri devre dışı bırakma, hata ayıklama araçları vb.

• Ne yapar: bir renk analiz aracı

ColorZilla, ön uç web tasarımcılarının çok faydalı bulacağı harika bir araçtır. Bu eklenti, bir web sayfasındaki renkleri hızlıca seçmek için bir damlalık, bir CSS gradyan oluşturucu, bir renk analizörü, renk paletleri ve daha fazlasını içerir.

• Şunlar için uygundur: web geliştiricileri
• Ne Yapar: Web Sitelerini Özel Kodla Değiştirin

Bir milyondan fazla Firefox kullanıcısı tarafından sevilen Greasemonkey, size sonsuz eğlence getirecek bir eklentidir. Bu eklenti, popüler web sitelerini kendi JavaScript'inizle düzenleyerek özelleştirmenize olanak tanır. Ayrıca, diğer geliştiriciler tarafından oluşturulmuş komut dosyalarının da keyfini çıkarabilirsiniz.

• Şunlar için en iyisi: arayüz tasarımcıları
• Ne Yapar: Web öğelerinin ofsetini ayarlar

Web öğelerini incelemenize ve öğelerde kaç pikselin devre dışı bırakıldığını görsel olarak görmenize, şeffaf katmanlarla bir kompozisyon oluşturmanıza olanak tanıyan basit ama kullanışlı bir eklenti. Bu kompozisyonu kullanarak, herhangi bir tahminde bulunmadan en iyi sonucu elde etmek için gerçek web sayfanızı yer paylaşımına uyacak şekilde ayarlayabilirsiniz.

Örneğin, web sayfanızdaki görüntülerden biri başka bir nesneyle çakışıyorsa, o görüntüyü doğru yere getirmek için kaç piksel ayarlamanız gerektiğini belirlemek için Pixel Perfect'i kullanabilirsiniz.

• İçin en iyisi: web tasarımcıları
• Ne yapar: bir web sayfasından her şeyi indirir

Bu eklenti, adının hakkını vererek bir web sayfasından her şeyi indirmenize izin verir. Bu uzantıyı kullanarak bir web sayfasında yer alan tüm resimleri, bağlantıları ve diğer verileri tek tıklamayla indirebilirsiniz. Eklenti ayrıca indirme hızınızı dört kat optimize edecek yerleşik bir indirme hızlandırıcısına sahiptir.

• Şunlar için en iyisi: arayüz tasarımcıları
• Ne yapar: içindeki web sayfalarını kontrol edin Internet Explorer

İster inanın ister inanmayın, çevrimiçi olmak için hala Internet Explorer'ın eski sürümlerini kullanan insanlar var. Bu eski tarayıcılarda iyi çalışan siteler yapmak, web tasarımcılarının hala mücadele ettiği zorluklardan biridir. Bu eklenti, web tasarımlarını eskiler için özelleştirmeyi kolaylaştırır İnternet tarayıcıları Oluşturarak Gezgin yeni sekme IE'de.

• Uygun olanlar: web tasarımcıları ve geliştiricileri
• Ne Yapar: Web sitesinde kullanılan teknolojiler hakkında gösterir

Favori web sitelerinizi oluşturmak için hangi teknolojilerin kullanıldığını merak ediyor musunuz? O zaman bu eklenti işinize yarayacaktır. BuiltWith, bir sayfada hangi teknolojilerin kullanıldığını bulmak için web sitelerini taramanıza olanak tanıyan bir uzantıdır. Tüm hevesli web tasarımcıları için önceden oluşturulmuş web sitelerinden öğrenmek için harika bir araç.

• Şunlar için uygundur: web geliştiricileri
• Ne Yapar: Java'yı Açın veya Kapatın

Bu eklenti, tarayıcınızda Java'yı kolayca etkinleştirmenizi veya devre dışı bırakmanızı sağlar. Ayrıca bir web sayfasında Javascript, Çerezler, Hareketli Görüntüler, Flash ve daha fazlasını devre dışı bırakabilir. Bu, yalnızca geliştiriciler için değil, aynı zamanda sıradan kullanıcılar tarayıcı güvenliğini artırmak ve bant genişliğini azaltmak için.

• Şunlar için en iyisi: arayüz tasarımcıları
• Ne Yapar: Öğeleri piksel cinsinden ölçer

Bu eklentinin işlevi basittir, bir web sayfasındaki bir öğenin genişliğini, yüksekliğini veya piksel hizalamasını ölçmek için bir web sayfası veya sayfadaki bir öğe üzerinde sanal bir cetvel çizmenize olanak tanır. MeasureIt, çoğu ön uç tasarımcının maketler oluşturması için kullanışlıdır.

• İçin en iyisi: web tasarımcıları
• Ne Yapar: Tarayıcıda dili değiştirin

o kullanışlı araç Bu, Firefox'unuzu anında başka bir dile çevirir. Kullanıcı arayüzü, yazım denetimi sözlüğü ve web sitesi içeriği dahil olmak üzere tarayıcınızdaki her şey seçtiğiniz dile çevrilecektir. Çok dilli web siteleri geliştirirken kullanabileceğiniz harika bir özellik.

• Şunlar için en iyisi: arayüz tasarımcıları
• Ne yapar: Sahte metin oluşturur

Yeni web sitesi düzenleriniz ve prototipleriniz için yapay metin oluşturmak, tek bir tasarımcıyı bile eğlendirecek kapasiteye sahip olmayan sıkıcı bir iştir. Bu uzantı, doğrudan Firefox'tan sahte "Lorem Ipsum" metni oluşturmanıza izin vererek süreci daha az sıkıcı hale getirecektir.

• Şunlar için uygundur: web geliştiricileri
• Ne yapar: Bir çerezi düzenler ve oluşturur

Bu eklenti yalnızca sitenizin çerezlerini yönetmekle kalmaz, aynı zamanda düzenlemeyi ve yenilerini oluşturmayı da kolaylaştırır. Eklentinin bazı özellikleri arasında yerleşik çerez taraması, etki alanlarını değiştirme yeteneği, aynı anda birden fazla çerezi düzenleme yeteneği ve daha fazlası bulunur.

• Şunlar için en iyisi: arayüz tasarımcıları
• Ne Yapar: Bir web sayfasındaki renkleri seçer

Bir web sayfasındaki herhangi bir pikselin renklerini seçmenize ve kendi projelerinizde kullanmak üzere RGB veya Hex renk kodunu kolayca kopyalamanıza olanak tanıyan kullanımı kolay bir araç. Bu aracın güzelliği ve görsel arayüzü, yeni başlayanların web sayfalarındaki renkleri öğrenmesini çok daha kolay hale getiriyor.

• Uygun olanlar: web tasarımcıları ve geliştiricileri
• Ne Yapar: Web sitesi tarafından kullanılan yazılım hakkında bilgi sağlar.

BuiltWith eklentisine benzer şekilde, Wappalyzer, hangisinin hangisi olduğunu bilmenizi sağlayan başka bir kullanışlı eklentidir. yazılım web sitesinde kullanılmıştır. Örneğin, bir sitenin ne tür bir CMS kullandığını, sitenin sunucusunun hangi işletim sistemini desteklediğini ve daha fazlasını öğrenebilirsiniz.

• Şunlar için uygundur: web geliştiricileri
• Ne Yapar: Tarayıcı kullanıcı aracısını değiştirin

Sitenizin farklı platformlarda ve işletim sistemlerinde nasıl görüneceğini bilmek ister misiniz? O zaman bu kesinlikle işinize yarayacak bir araçtır. User-Agent Switcher, tarayıcınızın kullanıcı aracısını değiştirmek için Android, Mac, Windows ve belirli işletim sistemleri gibi farklı platformlar arasında geçiş yapmanıza olanak tanır.

• Uygun olanlar: web tasarımcıları ve geliştiricileri
• Ne Yapar: Bir tarayıcı belleği sekmesi kullanma örneğini gösterir

Her biri tarafından bilgisayarınızın kaynaklarının ne kadarının kullanıldığını belirlemenize yardımcı olacak kullanışlı bir eklentidir. sekmeyi aç Firefox'ta. Sitenizin kaç kaynak kullandığını öğrenmek ve sitenizi maksimum performans için optimize etmek için bu aracı kullanabilirsiniz.

• Şunlar için idealdir: web tasarımcıları ve grafik tasarımcıları
• Ne Yapar: Photoshop'ta Görüntüleri Açar

Bu eklenti, adının söylediğini yapar, Photoshop kullanarak bir web sayfasında bulduğunuz görüntüleri tek tıklamayla açar. Bir görüntü yüklemeye veya Photoshop'u başlatmaya gerek yok, uzantı ne gerekiyorsa yapacak.

• Şunlar için en iyisi: arayüz tasarımcıları
• Ne Yapar: HTML tablolarını iyileştirir

Grafikler, istatistikler, karşılaştırmalar, tablolar - bu eklenti hepsini yapabilir. Bu aracı, kullanıcı dostu ve güzel HTML tabloları ve diyagramları oluşturmak için kullanabilirsiniz.

• Şunlar için uygundur: web geliştiricileri
• Ne Yapar: Firefox için SSH İstemcisi

Genellikle, bir SSH terminalini başlatmak için bir uygulama yüklemeniz gerekir. Bu uygulamalar farklı işletim sistemi diğerinden. Ancak FireSSH, Firefox'unuz olduğu sürece tüm platformlarda çalışır. Uzantı, doğrudan tarayıcınızdan bir SSH terminali başlatmanıza olanak tanır.

• Şunlar için en iyisi: arayüz tasarımcıları
• Ne Yapar: Web sayfalarını otomatik olarak yeniler

Web tasarımcılarının web siteleri tasarlarken karşılaştığı can sıkıcı şeylerden biri, koddaki her küçük değişiklikten sonra web sayfasını manuel olarak yenilemek zorunda kalmaktır. Otomatik Yenileme, Firefox'ta belirlediğiniz aralıklarla bir veya daha fazla sekmeyi otomatik olarak yenilemenize izin vererek bu sorunu çözen bir uzantıdır.

• Şunlar için en iyisi: arayüz tasarımcıları
• Ne Yapar: Belirli ekran çözünürlükleri için Firefox pencerelerini yeniden boyutlandırın

Bu eklenti, web sitenizin farklı ekranlarda nasıl göründüğünü görmek için Firefox penceresini belirli çözünürlüklerde yeniden boyutlandırmanıza olanak tanır. Bu uzantının düzgün çalışması için Firefox Eklenti Çubuğunu yüklemeniz gerekecek.

• Uygun olanlar: web tasarımcıları ve geliştiricileri
• Ne yapar: Sayfanın yazı tipleri ve öğeleri hakkında bilgi bulur

Font Finder, bir web sitesinin öğelerini keşfetmenizi sağlayan kullanışlı bir araçtır. önemli bilgi yazı tipi ailesinin adı, yazı tipi rengi, satır aralığı, dekor ve daha fazlası gibi sayfada kullanılan yazı tipleri hakkında.

• Şunlar için en iyisi: arayüz tasarımcıları
• Ne Yapar: Web sayfalarını çeşitli tarayıcılarda kontrol eder

Bu eklentinin işlevi basittir. Firefox'ta görüntülediğiniz herhangi bir web sayfasını başka bir tarayıcı ile tek tıklamayla anında açmanıza olanak tanır. URL'leri kopyalamaya gerek yok, her tarayıcıyı tek tek açın ve web sitesini açmak için URL'leri yapıştırın.

• Uygun olanlar: web tasarımcıları ve geliştiricileri
• Ne Yapar: Tarayıcı önbelleğini temizler

Bu eklenti önbelleği anında temizler Firefox tarayıcısı(RAM ve DISK) bilgisayar kaynaklarının kullanımını azaltmak için. Uzantı, yalnızca bir düğmeye tıklayarak veya klavyenizdeki F9 tuşuna basarak önbelleği temizlemenize olanak tanır. Bir web sayfasında yapılan değişiklikleri hızlıca incelemek istiyorsanız bu eklenti çok işinize yarayacaktır.

Kuruluşundan bu yana, ilk günlerden beri birçok hayran kazanan iyi çalışma hızı, basitliği ve rahatlığı ile kendini ayırt etti. Aynı zamanda Chrome, Firefox'ta kullanışlı eklentilere alışmış kişilerden çok fazla "eleştiri" aldı - eklentiler, Google Chrome'un tanıdık bir çalışma aracı olarak kullanılmasını engelleyen faktörlerden biriydi. Bunlar arasında web tasarımcıları, web yöneticileri, geliştiriciler ve diğerleri vardı.

Neyse ki, bu zamanlar çoktan geride kaldı ve bugün Google Chrome için çok sayıda Uzantı geliştirildi (veya uyarlandı). Bir web tasarımcısı veya web yöneticisi için faydalı olacaklara bir göz atalım.

Web Geliştiricisi

Web Developer bir değil, tasarımcı ve web geliştiricisi için bir dizi araç. Bu uzantı ile belirli bir sayfa öğesi, stiller, resimler ve daha fazlası hakkında bilgi alabilirsiniz. Şahsen, Web Developer kullanıyorum, ancak yalnızca Firefox altında, çoğu zaman yardımı ile daha küçük monitörlerde doğru görüntü için sayfaları 1024 * 768'de görüntülüyorum, CSS'yi anında test ediyor ve düzenliyorum, doğrulama için kullanıyorum, Çerezleri silebilirsiniz ve daha fazlası daha fazla.

ateşböceği hafif

Firebug Lite, popüler Firebug eklentisinin (Firefox'ta da bilinir) hafif bir sürümüdür. Uzantı, bir öğe denetçisi ve kullanışlı bir hata ayıklama aracıdır. Lite sürümünde bir Net paneli ve JavaScript hata ayıklayıcısı yoktur. Deneyimli geliştiriciler için Firebug'un avantajlarının ne olduğunu söylemenin bir anlamı olmadığını düşünüyorum.

CSS Görüntüleyici

CSSViewer ile sayfadaki herhangi bir öğe için bir dizi stili hızlı bir şekilde görebilirsiniz. Basit ama çok kullanışlı bir eklenti. Bildiğim kadarıyla Firebug ve Web Developer'da da benzer bir şey var, ancak bu uzantıların diğer işlevlerine ihtiyacınız yoksa, çok daha basit bir şekilde yükleyebilirsiniz.

Pencere Boyutlandırıcı

Window Resizer, sayfanızın farklı ekran çözünürlüklerinde nasıl görüneceğini görmenizi sağlar. Monitörler, dizüstü bilgisayarlar ve mobil cihazlar Bu Google Chrome uzantısını, (Firefox'ta bildiğim kadarıyla) doğrulama için boyutları kendiniz oluşturmanız gereken aynı Web Geliştiricisinden olumlu şekilde ayıran .

HTML Doğrulayıcı

Katılıyorum, kodun geçerliliğini kontrol etmek için her seferinde W3C web sitesine gitmek çok uygun değil mi? HTML Validator uzantısı, süreci kolaylaştırır ve neredeyse yıldırım hızındadır. Önceki Tod's Blog makalelerinden birinde, noindex kullanmak da dahil olmak üzere HTML geçerliliği konusuna baktım. Tartışmalardan sonra, başarılı bir site için %100 bir ön koşul olmasa da, (mümkünse) en iyi şekilde düzeltilen yerleşim hatalarını belirlemeye yardımcı olacağı sonucuna vardım. Bu arada aynı Web Developer ile karşılaştırırsanız, içinde doğrulama yaparken W3C web sitesine aktarılırsınız, burada hataları görebilirsiniz ancak yukarıdaki resimde Google Chrome için gösterildiği gibi mevcut pencerede herhangi bir görünüm yoktur. .

PHP Konsolu

PHP Konsolu, güçlü bir PHP hata ayıklama aracıdır. Ayrıca, bu uzantı ilk bakışta göründüğü kadar basit değildir (uzantı sayfasındaki tüm işlev setini inceleyebilirsiniz). Konsol, hataları, istisnaları ve çeşitli hata ayıklama mesajlarını görmenizi sağlar.

Renk seçici

ColorPicker, Google Chrome için bir damlalıktır. Bu uzantı ile sayfanın herhangi bir alanında renk değerini tanımlayabilirsiniz. Eklentinin ana özellikleri:

• - Ayarlanabilir damlalık alanı - 1'den 101 piksele kadar (belirli bir pikselin veya alanın renk değerini tanımlayabilirsiniz);
• - WCAG 2 ile uyumluluk (uyum) kontrolü.

Tek kelimeyle, bir tasarımcı için son derece önemli ve çok uygun bir araçtır.

krom paleti

Chrome Palette, renklerle çalışmak için başka bir kullanışlı uzantıdır. Chrome Paleti sayesinde, herhangi bir görüntüden birkaç saniye içinde paletler oluşturabilirsiniz:

Yazı Tipi Editörü

Yazı Tipi Düzenleyici uzantısı, belirli yazı tiplerinin (yazı tipi, yazı tipi, yazı tipi boyutu vb. dahil) herhangi bir sitede nasıl görüneceğini görmenizi sağlar:

Chrome Sayfası Genişletilmiş

Chrome Page Extended, yalnızca "tasarımcı" bir eklenti olarak adlandırılamaz, ancak mevcut (yüklü) tüm uzantıları yönetmenize (kısayol tuşlarını kullanmak dahil) yardımcı olur. Umarım bu 10 Google Chrome uzantısı, kesinlikle çok gelecek vaat eden bu tarayıcıda üretkenliğinizi ve verimliliğinizi artıracaktır! Ve daha önce Google Chrome uzantılarının olmaması onu kullanmayı engelleyen birkaç faktörden biriyse, bugün böyle bir engel yoktur.

not İnternette yeniyseniz ve hala kendi blogunuzu nasıl oluşturacağınızı bilmiyorsanız, WordPress'te ücretsiz ve kullanışlı bir video kursunu deneyebilirsiniz.
SpetsService Logistics şirketi, devlet standardının özel sertifikalar gerektirdiği ürünlerin sertifikalandırılmasına yardımcı olacaktır.
İlginç bir durum belirlemek istiyorsanız, sosyal ağın kişisel sayfalarınız için kullanabileceğiniz iletişimde aşk hakkında hazır durumlara bakın.