جدید در کروم 61

Pete LePage

• کروم 61 اکنون از ماژول های جاوا اسکریپت به صورت بومی پشتیبانی می کند و روشی را که می توان جاوا اسکریپت ماژولار نوشت را یکسان کرد.
• اکنون می توانید از navigator.share برای راه اندازی گفتگوی اشتراک گذاری اصلی Android استفاده کنید.
• WebUSB API فرود آمد و به برنامه‌های وب اجازه می‌دهد به دستگاه‌های USB مجاز کاربر دسترسی داشته باشند.
• و خیلی چیزهای دیگر وجود دارد!

لیست کامل تغییرات را می خواهید؟ فهرست تغییرات مخزن منبع Chromium را بررسی کنید.

من پیت لی پیج هستم. بیایید وارد آن شویم و ببینیم چه چیز جدیدی برای توسعه دهندگان در Chrome 61 وجود دارد!

ماژول های جاوا اسکریپت

Chrome 61 پشتیبانی بومی را برای ماژول های جاوا اسکریپت از طریق عنصر <script type="module"> اضافه می کند. این امکان را برای کروم فراهم می‌کند تا وابستگی‌های دانه‌ای را به صورت موازی واکشی کند، با استفاده از حافظه پنهان، اجتناب از تکراری شدن در سراسر صفحه و اطمینان از اجرای صحیح اسکریپت.

<script type="module">
  import {addText} from './utils.js';
  addText('Modules are pretty cool.');
</script>

این سیستم ماژول استاندارد، روشی را که جاوا اسکریپت ماژولار می‌تواند نوشته و به مرورگرهای وب ارسال کند، یکسان می‌کند. در آینده، همین سیستم در Node در دسترس خواهد بود و نوشتن و استقرار جاوا اسکریپت ایزومورفیک را برای شما آسان‌تر می‌کند.

می‌توانید در مورد ماژول‌ها و جنبه‌های جاوا اسکریپت که تحت تأثیر ماژول‌ها قرار می‌گیرند، از پیوندهای زیر بیشتر بیاموزید.

• وضعیت کروم
• ماژول های ES در مرورگرها
• ماژول های ES6 در عمق

Web Share API

اگر می خواهید کاربران به راحتی بتوانند محتوای شما را در شبکه اجتماعی مورد علاقه خود به اشتراک بگذارند، باید دکمه های اشتراک گذاری را برای هر شبکه اجتماعی در سایت خود ادغام کنید. این به صفحه شما نفخ می‌افزاید، همیشه با رابط کاربری شما مطابقت ندارد و به این معنی است که باید کدی را از یک سایت شخص ثالث وارد کنید.

Web Share API که امروزه در Chrome for Android در دسترس است به شما امکان می دهد از قابلیت های اشتراک گذاری بومی دستگاه کاربران استفاده کنید و به کاربر این امکان را می دهد که به راحتی متن یا پیوندها را با هر یک از برنامه های بومی نصب شده خود به اشتراک بگذارد!

در نسخه بعدی، این API همچنین می‌تواند با برنامه‌های وب نصب‌شده به اشتراک بگذارد. برای استفاده از آن، به سادگی با navigator.share تماس بگیرید و با جزئیات صفحه ای که می خواهید به اشتراک بگذارید، سیستم بقیه کارها را انجام می دهد.

navigator.share({
  title: document.title, text: 'Hello',
  url: window.location.href
}).then(() => {
  console.log('Successful share');
});

برای جزئیات کامل و برخی از بهترین روش هایی که باید دنبال کنید ، به روز رسانی API WebShare Paul را بررسی کنید.

WebUSB

اکثر تجهیزات جانبی سخت افزاری مانند صفحه کلید، موس، چاپگر و گیم پد توسط API های پلتفرم وب سطح بالا پشتیبانی می شوند. اما، استفاده از دستگاه‌های تخصصی آموزشی، علمی، صنعتی یا سایر دستگاه‌های USB در مرورگر سخت بوده و اغلب به درایورهای تخصصی نیاز دارد.

Chrome اکنون از WebUSB API پشتیبانی می‌کند و به برنامه‌های وب اجازه می‌دهد تا پس از رضایت کاربر با دستگاه‌های USB ارتباط برقرار کنند. برای کسب اطلاعات بیشتر در مورد ملاحظات امنیتی و حریم خصوصی و نحوه رسیدگی به آنها، نگاهی به مشخصات WebUSB بیندازید.

سپس، هنگامی که برای شیرجه رفتن آماده شدید، به پست WebUSB فرانسوا در مورد به روز رسانی ها نگاهی بیندازید.

و بیشتر!

• اکنون می توانید نرمی اسکرول را با ویژگی scroll-behavior CSS مشخص کنید.
• اکنون مقادیر رنگ هگز CSS می توانند شفافیت آلفا را با افزودن اعداد به انتهای رشته مشخص کنند.
• می‌توانید با Visual Viewport API به موقعیت‌های نسبی محتوای صفحه دسترسی داشته باشید، که عملکردهای پیچیده‌ای مانند کوچک کردن و زوم کردن را به روشی مستقیم‌تر نشان می‌دهد.

اینها تنها تعدادی از تغییرات Chrome 61 برای توسعه دهندگان است.

سپس در کانال یوتیوب ما مشترک شوید و هر زمان که ویدیوی جدیدی را راه اندازی کنیم، یک اعلان ایمیل دریافت خواهید کرد.

من Pete LePage هستم، و به محض اینکه Chrome 62 منتشر شد، اینجا خواهم بود تا به شما بگویم -- چه چیزهای جدیدی در Chrome وجود دارد!