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

Pete LePage

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

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

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

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

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

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

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

การใช้คำแนะนำที่ยกเลิกการซิงค์นั้นทำได้ง่าย เพียงเพิ่ม desynchronized: true ไปยังออบเจ็กต์ตัวเลือกเมื่อสร้าง 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 หรือไม่ และหากใช้กลไกแบบเดิมที่ไม่รองรับ 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

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