ฟีเจอร์ใหม่ใน Chrome 75

ใน Chrome 75 เราได้เพิ่มการรองรับสิ่งต่อไปนี้

ผมชื่อ Pete LePage มาเริ่มดูกันว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 75

บันทึกการเปลี่ยนแปลง

ข้อมูลนี้เป็นเพียงไฮไลต์สำคัญบางส่วนเท่านั้น ดูการเปลี่ยนแปลงเพิ่มเติมใน Chrome 75 ได้ที่ลิงก์ด้านล่าง

คำแนะนำสําหรับบริบท canvas ที่มีเวลาในการตอบสนองต่ำ

การวาดบนหน้าจอด้วยองค์ประกอบ Canvas กำหนดให้หน้าเว็บต้องซิงค์การอัปเดตกราฟิกกับ DOM บางครั้งการซิงค์นี้อาจทำให้เกิดเวลาในการตอบสนอง เช่น ในแอปวาดภาพ เวลาในการตอบสนองนานกว่า 50 มิลลิวินาทีอาจรบกวนการทำงานประสานกันระหว่างมือและตา ทำให้แอปใช้งานยาก

คำแนะนำ desynchronized เมื่อสร้างบริบท canvas จะใช้เส้นทางโค้ดอื่นที่ข้ามกลไกการอัปเดต DOM ปกติ คำแนะนำจะบอกให้ระบบข้ามการคอมโพสให้ได้มากที่สุด ในบางกรณี ระบบจะส่งบัฟเฟอร์พื้นฐานของ canvas ไปยังตัวควบคุมการแสดงผลของหน้าจอโดยตรง วิธีนี้จะช่วยขจัดเวลาในการตอบสนองที่อาจเกิดขึ้นจากการใช้คิวคอมโพสิตโปรแกรมแสดงผล

การใช้คำแนะนำในการเลิกซิงค์นั้นง่ายมาก เพียงเพิ่ม desynchronized: true ลงในออบเจ็กต์ options เมื่อสร้าง Canvas

const opts = { desynchronized: true };
const ctx = canvas.getContext('2d', opts);

อ่านรายละเอียดเพิ่มเติม รวมถึงวิธีตรวจหาฟีเจอร์ได้จากบทความการแสดงผลที่มีเวลาในการตอบสนองต่ำด้วยคำแนะนำในการเลิกซิงค์ของ Joe

แชร์ไฟล์ด้วย Web Share API

Web Share API ช่วยให้คุณเชื่อมต่อกับบริการแชร์ที่ระบบปฏิบัติการมีให้ ซึ่งทำให้แชร์หน้าเว็บและแอปกับแอปอื่นๆ ที่ติดตั้งในอุปกรณ์ของผู้ใช้ได้ง่าย

ใน Chrome 75 ตอนนี้ Web Share API รองรับการแชร์ไฟล์แล้ว เราตื่นเต้นกับฟีเจอร์นี้เป็นพิเศษเนื่องจากช่วยให้แอปแชร์รูปภาพ วิดีโอ และอื่นๆ ได้ง่ายขึ้นมาก Squoosh กำลังเพิ่มการรองรับการแชร์ไฟล์เมื่อคุณบีบอัดเสร็จแล้ว ปัจจุบัน Web Share API รองรับการแชร์ไฟล์เสียง รูปภาพ วิดีโอ และเอกสารข้อความ

คุณควรใช้การตรวจหาฟีเจอร์เพื่อดูว่าระบบรองรับ Web Share API หรือไม่ และเปลี่ยนไปใช้กลไกแบบดั้งเดิมหากไม่รองรับ และคุณใช้ navigator.canShare เพื่อตรวจสอบว่าระบบรองรับการแชร์ไฟล์หรือไม่


const webShareAvailable = {
  links: 'share' in navigator,
  files: 'canShare' in navigator,
};

หาก navigator.canShare แสดงผลเป็น true แสดงว่าระบบรองรับการแชร์ไฟล์เหล่านั้น คุณจึงเรียกใช้ navigator.share และส่งออบเจ็กต์ที่มีอาร์เรย์ของไฟล์ที่ต้องการแชร์ได้ Chrome จะเปิดชีตการแชร์ของระบบและแสดงรายการแอปที่ติดตั้งไว้ซึ่งคุณแชร์ไฟล์ได้

if (webShareAvailable.files) {
  const shareData = { files: filesArray };
  if (navigator.canShare(shareData)) {
    shareData.title = 'Squooshed files.';
    navigator.share(shareData)
      .then(...)
      .catch(...);
  } else {
    // File sharing not supported
  }
}

ลองใช้เดโมและอ่านบทความแชร์ไฟล์ด้วยฟีเจอร์แชร์เว็บเพื่อดูรายละเอียดทั้งหมด

ตัวคั่นตัวเลข

ตอนนี้นิพจน์ตัวเลขอนุญาตให้ใช้ขีดล่าง (_, U+005F) เป็นตัวคั่นเพื่อให้อ่านได้ง่ายขึ้น ตัวอย่างเช่น 1_000_000_000 จะถูกตีความโดยการดำเนินการทางคณิตศาสตร์ว่าเทียบเท่ากับ 1000000000

ขีดล่างจะปรากฏได้ระหว่างตัวเลขเท่านั้น และระบบไม่อนุญาตให้ใช้ขีดล่างต่อกัน ดังนั้น ตัวอักษรอย่างเดียว เช่น 3._14, _2.71 หรือ 1.6__2 จึงผิดกฎหมาย

Google I/O 2019 จบลงแล้ว

หากไม่ได้เข้าร่วม I/O หรือเข้าร่วมแล้วแต่พลาดการบรรยายบางรายการ คุณสามารถดูการบรรยายทั้งหมดได้ในช่อง YouTube ของนักพัฒนาซอฟต์แวร์ Chrome ในเพลย์ลิสต์ "เว็บที่ Google I/O 2019"

สมัครใช้บริการ

หากต้องการติดตามวิดีโอล่าสุดของเรา โปรดติดตามช่อง YouTube ของนักพัฒนาซอฟต์แวร์ Chrome แล้วคุณจะได้รับอีเมลแจ้งเตือนทุกครั้งที่เราเปิดตัววิดีโอใหม่

ผมชื่อ Pete LePage และทันทีที่ Chrome 76 เปิดตัว เราจะมาบอกคุณถึงสิ่งใหม่ๆ ใน Chrome

เครดิตรูปภาพ