Microsoft Edge, Chromium'u Benimsiyor: Web Tasarımcılarının Bilmesi Gerekenler

Microsoft'un Internet Explorer'ı internetteki en büyük memlerden biridir. Yeni tanıtılan teknoloji desteklenmediği için birçok web tasarımcısının da belasıdır. Microsoft, IE'yi Microsoft Edge olarak yeniden markalaştırdığında, o günlerin sona erdiğine dair bir umut vardı. Varsayılan Windows tarayıcısının modern teknolojileri kolayca benimsemesi ve web'in oldukça standart bir platforma sahip olması. Bu olmadı. Ancak, 2018'in sonlarında MS, bunun değişeceğini duyurdu: Edge, Chromium motorunu temel olarak benimsiyordu.

Microsoft Edge Chromium? Sorun ne?

Bu yazıdan itibaren, Chromium tabanını içeren bir Edge önizleme derlemesini indirebilirsiniz. Bu bir geliştirici tabanıdır ve bir tarayıcı olarak günlük sürüş için tasarlanmamıştır, ancak mevcut Edge'den kurtulmak için can atanlarınız için yapabilirsiniz. Yine de, erken aşamalarda çok çıplak kemikler. 2019 ilerledikçe, OEM tarayıcısı Chromium'u içerecek şekilde normal şekilde güncellenecektir.

Bu harika. Ama önemli olan ne, soruyorsun? Eh, bunun cevabı üç katlıdır.

1. Microsoft Açık Kaynağı Benimsiyor

Son zamanlarda, Microsoft'un geçmişin tescilli modelinden açık kaynaklı yazılım alanına geçtiğinin birçok belirtisini gördük. GitHub'ı satın alıp Atom kod düzenleyicisini geliştirmeye başladıklarından ve belki de en önemlisi bugünlerde geliştiriciler arasında muhtemelen en popüler düzenleyici olan Visual Studio Code'un piyasaya sürülmesinden bu yana bu yönde ilerliyorlar. Ek olarak, VS Kodu sizin için yeterince güçlü değilse, Visual Studio IDE'leri ücretsiz olarak indirilebilir olarak yayınlandı.

Edge'i açık kaynak alanına eklemek, yalnızca tüketiciler için daha güçlü bir ürünle sonuçlanacak. Microsoft bu açıklamada bunu çok güzel bir şekilde ortaya koymuş.

Erişilebilirlik, dokunma, ARM64 ve diğerleri gibi alanlarda da Chromium'a katkıda bulunmaya başladık. Planımız paralel bir proje oluşturmak yerine Chromium'da çalışmaya devam etmektir. Doğrudan Google'daki ekiplerle çalışıyoruz ve açık kaynak topluluğuyla daha da fazla çalışmayı dört gözle bekliyoruz.

Microsoft'un Chromium'u kendi amaçları için kullanmak yerine Google ile birlikte çalıştığını duymak güzel. Proje ilerledikçe, Chromium ve web tasarımı bir bütün olarak daha sağlam ve açık hale gelecek.

2. Daha Az Parçalanma, Daha Fazla Özellik

Yukarıda bahsettiğimiz gibi, Chromium'u benimseyen Edge, daha önce tarayıcıdan hariç tutulan özellikleri ve teknolojiyi nihayet getirecek. Kullanıcı için bu, neredeyse tüm web sitelerinde daha iyi bir deneyim anlamına gelir, çünkü her şey hata mesajları veya çökmeler almak yerine işe yarar. Geliştiriciler için bu, yine, çalışmalarının kullanıcılara zarar vermeyeceği, aynı zamanda işlerin IE/Edge üzerinde çalışmasını sağlamak için hileli çözümlerle uğraşmak ve hile yapmak yerine zamanlarını yeni projelere ve daha iyi ürünlere daha iyi harcayabilecekleri anlamına gelir.

Bu tür şeyler, tam olarak Microsoft Edge Chromium yükseltmesini almamızın nedenidir. Özellikle amaçlarının "müşterilerimiz için daha iyi web uyumluluğu ve tüm web geliştiricileri için web'in daha az parçalanması" olduğunu belirttiler.

Parçalanmadaki azalma, basitçe, ağın daha tutarlı bir şekilde kullanılması anlamına gelir. Bu aynı zamanda kullanıcıların (umarım) uzantıları ve eklentileri geliştiricilerin (çok) ek çalışması olmadan kullanabileceği anlamına gelir.

Aynı uyumluluğu Edge tarayıcıda ek bir işlem yapmadan görmelerini sağlıyoruz.

Bu haber, güvenlik sorunları ve gizlilik eksiklikleri nedeniyle Chrome'u kullanmama seçeneği isteyenler için çok büyük. Bu insanlar hala web'de mümkün olan en iyi ve en tutarlı deneyime sahip olmak istiyor. Parçalanma minimumda olduğundan, platforma özgü hata ve güvenlik açıklarının olasılığı büyük bir farkla azaldığından güvenlik artar.

3. Web Tasarımcıları Serbest Bırakın

Bu sürüme kadar, web tasarımcıları çeşitli şekillerde sınırlıydı. Birçoğunuz IE'ye dayalı olarak kendinizi sınırlamadan sihrinizi yaparken, müşterilerinizin ziyaretçileri proje kapsamlarınızı çok kolay bir şekilde dizginleyebilir.

Web Tasarımcıları ve Geliştiriciler için Temel Çıkarımlar

Web geliştirme ve tasarım dünyası, Chromium'un benimsenmesiyle çok daha fazla açılıyor ve yararlanabileceğiniz ve geçici çözümler oluşturmak zorunda kalmayacağınız açık uçlu şeylerden sadece birkaçından bahsetmek istiyoruz. tamamen kaçının. CSS-Tricks, ön uç geliştiricilerin sabırsızlıkla bekleyebilecekleri kapsamlı bir özete sahiptir, ancak bunlar öne çıkanlardan bazılarıdır.

arka plan karışım modu CSS Çalışmaları

Gradyanlar ve çift tonlar şu anda oldukça sıcak ve moda. Bunları kullanmanın en kolay yollarından biri de arka plan karışım modu CSS'dir. Edge'in bu Chromium sürümüne kadar, efekt Microsoft tarayıcılarında işlenmezdi. Karıştırdığınız görüntü ne olursa olsun, bunun yerine tam renkli olur ve muhtemelen harmanladığınız tüm havayı mahveder. Bu artık bir sorun değil. Divi gibi sayfa oluşturucular kullanıyorsanız, bunlara dahil edilen karışım efektlerinin de oluşturulacağını bilmekten mutlu olacaksınız, böylece kesinlikle istemediğiniz sürece stil sayfalarını kazmanız gerekmeyecek.

Edge Onaltılı Renk Kodlarını Şeffaflıkla Anlayın (Sonunda)

Dolayısıyla bu, her yerde bir yaşam kalitesi iyileştirmesi olduğu için şaşırtıcı bir yeni özellik değil. Ve bazı insanlar için bu hiç önemli olmayabilir. Renkleri #ffffff45 yerine rgba(255, 255, 255, .45) olarak yazmaktan çekinmeyen insanlar . Eğer (birçok insan gibi) altıgen renkleri tercih ediyorsanız, şanslısınız. Sonunda beğendiğiniz stili kullanmaya başlayabilecek ve stil sayfalarınızı düzenli ve düzenli tutabileceksiniz.

Temel olarak, bu değişiklikle Edge'de işlenen onaltılık şeffaflığı dahil edebilirsiniz (yukarıdaki örneğin sonundaki 45'e dikkat edin, %45 şeffaflığı gösterir), bu da artık CSS'yi karıştır ve eşleştir anlamına gelmez. Dediğimiz gibi, bu bir yaşam kalitesi özelliğidir.

metin yönlendirme ve yazma modu CSS Oluşturacak

Gelişmiş CSS teknolojisi hiçbir zaman Edge'in güçlü takımı olmadı. Aslında, zayıf kıyafeti bile değildi. Edge'in dolabında hiç yoktu. Divi gibi sayfa oluşturucuların yapabileceklerinin bile ötesine geçen gelişmiş CSS'den yararlanmak isteyen türden bir geliştiriciyseniz (ve kuşkusuz bu çok fazla değil), Microsoft Edge ve Internet Explorer tarafından sürekli olarak hayal kırıklığına uğrarsınız. Onlar sadece bazı şeylerle çalışmaz çünkü. Bu artık geçmişte kaldı, Chromium kaputun altında ve en sevdiğimiz efektlerden biri (teknik olarak ikisi) text-orientation/writing-mode .

Bir süre önce yan ve dikey metin üzerine bir gönderi yapmıştık. Bu güncellemeye kadar, aşağıdaki kodun (ve dolayısıyla gönderideki etkinin) Edge'de gösterilmesi imkansızdı.

.sideways-text {
transform: rotate(90deg); /* makes entire paragraphs and lines rotate sideways */
}
 
.vertical-yellow {
text-orientation: upright; /* makes individual characters stand upright, not whole lines like transform: rotate */
writing-mode: vertical-lr; /* continues left-to-right at line break */
color: yellow;
font-size:2rem; /* this will make the body text twice the relative size of the default set for the whole site */
line-height: 200%; /* line height is VISUALLY line-width when it's vertical */
text-transform: uppercase;
font-family: monospace; /* this just pretties up the whole deal, making all characters the same width */
}
 
.vertical-white {
text-orientation: upright;
writing-mode: vertical-lr;
color: white;
font-size:2rem;
line-height: 200%;
text-transform: uppercase;
font-family: monospace;
}

Bu tür etkilerin ve ileri teknolojilerin artık The Powers That Be tarafından engellenmediğine sevinelim.

Standart Yer İşareti İçe Aktarma ve Uzantılar

Evet, doğru okudunuz. Edge, uzantıları destekleyecektir. Ve Edge, Chrome'daki yer imlerinizi yalnızca tek bir tıklamayla içe aktarabilecek. Bu, yalnızca yapmayı planlıyorsanız takası kolaylaştırmakla kalmaz, aynı zamanda kullanmakta olduğunuz aynı güçlü araçlara erişmenizi sağlar.

Bazı web tasarımcıları hayatlarını kolaylaştırmak için uzantıları kullanır. Belki bir renk damlalığıdır, böylece bir web sitesinden (artık Edge'de de kullanabilirsiniz!) Belki bu listedeki her şey yüklüdür ve sırf bunlar yüzünden Chrome'dan ayrılmak istemezsiniz.

Pekala, şimdi yapabilirsin.

Çünkü Edge Chromium'u temel alsa da Chrome değil. Bu hâlâ bir Microsoft ürünü ve bu, itibarlarını yeniden inşa ettikleri yazılımın kalitesini elde edeceğiniz anlamına geliyor. Google'ın her zaman orta menzilli temsilcisi değil.

Web Sitelerini HTML Olarak Kaydet

Chromium yükseltmesine kadar web sayfalarını HTML olarak kaydedemezdiniz. Sağ tıklama bağlam menüsü, en azından söylemek gerekirse, sınırlıydı.

Chromium motoruyla artık durum böyle değil. Sonunda gerçek bir bağlam menüsü elde edersiniz.

Sadece "Farklı Kaydet..."e basın ve her öğenin tam olarak olması gerektiği gibi olduğundan emin olmak için kontrol etmek ve oynamak için o sitenin yerel bir kopyasını alabilirsiniz.

Elementlerin nasıl olması gerektiğinden bahsetmişken…

Edge Sonunda Sayfa İncelemesine İzin Veriyor

Bu, web tasarımcıları için büyük olanıdır. Daha önce Edge'de çalışmak, özellik desteği eksikliğinden (bu çok önemli olsa da) değil, herhangi bir sorunda hata ayıklamak ve sorun gidermek için kaputun altını kazamadığınız ve tek tek öğeleri inceleyemediğiniz için neredeyse imkansızdı. Çalışmanıza çok iyi ince ayar ve ince ayar yapamazsınız çünkü çalışmanıza kolayca erişemezdiniz.

Artık durum böyle değil. Böylece web tasarımcıları sevinirler. Sonunda JS Konsolunu kullanabilir, CSS stil sayfalarıyla oynayabilir ve kalbinizin içeriğine kadar öğeleri dürtebilir ve dürtebilirsiniz.

Özel Tarama Burada

Hemen hemen her tarayıcı, sayfaları temiz, geçmişi olmayan bir özel pencerede çalıştırmanıza izin verir. Edge hariç. Yine, Chromium ile tasarımcılar çalışmalarını açabilecek ve oturumu kapatmadan, önbellekleri ve çerezleri temizlemeden ve bir düzine çemberin içinden atlamadan kullanıcılara nasıl işlendiğini görebilecekler. Artık, işlevsel olarak Chrome'un Gizli sekmeleriyle aynı olan InPrivate pencerelerine erişimimiz var. Sadece sağ tıklayın ve oradasınız.

Temiz bir tasarımı hemen test edebilmek, çalışma piksellerini mükemmelleştirmesi gereken web tasarımcıları için zorunludur. Bu özellik, birçok tasarımcının özellikle Edge'de çalışmasını sınırlayan bir özelliktir çünkü özel bir pencere kullanmamak çok zahmetlidir. Günlük olarak düzinelercesini açan türden bir tasarımcıysanız, Edge'in iş akışınıza ne kadar iyi uyduğuna şaşırabilirsiniz.

Ve Çok Daha Fazlası

Bunlar sadece buzdağının görünen kısmı. Ve bu, Chromium'u Edge'e getirmenin web tasarımcılarına erişim sağlayacağı özelliklerin sadece küçük bir örneğidir.

• flat() ve flatMap() , Edge'de desteklenecektir
• dinamik JavaScript modülleri içe aktarılabilir (sonunda)
• yer tutucu metni CSS ile şekillendirme
• ekran: içerik artık CSS ızgarası ve esnek kutu kullanıcıları için mevcut
• TextEncoder ve TextDecoder , canlı akışların görüntülenmesini çok daha iyi hale getirecek

Temel olarak şöyle düşünün: Chrome'un yapabileceği her şeyi Edge de yapabilir . Bu harika bir düşünce değil mi?

Microsoft Edge Chromium'a Özgü Özellikler

Microsoft sadece Chromium'u alıp Edge'i onunla değiştirmiyor. Oraya da kendi özelliklerini ekliyorlar.

1. Krom Güvenliği

Kullanıcılar, Chrome kullanıcılarının sahip olduğu güvenlik önlemleriyle (özellikle uzantılar aracılığıyla gelenler) aynı türde güvenlik önlemleriyle korunduklarından emin olacaklardır. Ayrıca Microsoft, tarayıcı için bir dizi yeni güvenlik önlemi ve izleme engelleyici sunuyor. Kullanıcılar, hiç yoktan çok sıkı bir kilitlemeye kadar kendi tercih ettikleri koruma düzeyini ayarlayabilecekler. Microsoft, gizliliğinizi korumayı kullanıcılar için net, kolay ve basit hale getirmek istediklerini söylüyor. Birçok güvenlik çözümü, kullanıcılar için aşırı derecede karmaşık görünüyor ve Edge'in her yerde bulunmasıyla bu, atılması gereken iyi bir adım.

2. Yeni Koleksiyonlar

Ek olarak, Chromium tabanı, MS'in "Koleksiyonlar" olarak adlandırdığı ve kullanıcıların metin ve resimler de dahil olmak üzere internetten (belli ki) içerik toplamasına izin verecek, böylece paylaşabilecekleri ve düzenleyebilecekleri bir özellik sunmasına izin verecektir. Materyal kaynaklarını el altında tutmak, MS Office paketine dışa aktarmak ve daha sonraki işlemler için veri yapısını korumak için Chromium tabanını kullanıyorlar.

3. IE Öykünmesi

Ve bir de direnç var : Doğrudan yerleşik bir Internet Explorer öykünücüsü. Evet, doğru okudunuz. Yeni Microsoft Edge Chromium'da yerleşik IE olacaktır. Biraz ters gelebilir, ama aslında güzel bir şey. Chromium'a geçişle Edge, IE'nin sınırlamalarından kurtularak geliştiricilerin ve kullanıcıların ileriye doğru daha iyi bir deneyim yaşamalarını sağlar. Ama özellikle IE için tasarlanmış eski siteler? Eh, bunlar kırılacaktı. Ve IE hala birçok işletme tarafından kullanılmaktadır, bu nedenle bu uygulamaları ve sayfaları işlemek için dahili bir öykünücüye sahip olmak, işletmelerin iş akışlarında veya hizmetlerinde herhangi bir kesinti olmayacağından (veya ek eğitim veya yükseltmeler - henüz). Bu, geçiş ekibi tarafından gerçekten parlak bir dokunuş.

Gelecek parlak

Yakın gelecekte bir Microsoft tarayıcısının şakaların ana olmadığı bir gün olacağını umuyoruz. Chromium motoruna geçişin başarılı olmasını ve web'de bir standardizasyon çağının başlamasına yardımcı olmasını gerçekten istiyoruz. Kullanıcılar, tasarımcılar ve geliştiriciler için iyi olacak ve doğru bir şekilde ele alınırsa (ki öyle gibi görünüyor), bu geçiş nedeniyle internet birçok kişiye açılabilir. Ve birçok tasarımcının hayatını da çok daha kolaylaştırabilir.

Microsoft Edge Chromium hakkında ne düşünüyorsunuz?

Makale özellikli görsel ProStockStudio / Shutterstock.com