อีเมลสรุปสำหรับ DevTools เดือนสิงหาคม 2016

Kayce Basques
Kayce Basques

สวัสดี ฉันชื่อ Kayce เป็น Technical Writer ของ DevTools ฉันจะบอกคุณเกี่ยวกับข่าวสารล่าสุดใน DevTools

แผงทรัพยากรเปลี่ยนเป็นแผงแอปพลิเคชันแล้ว

แผงทรัพยากรจะหายไปใน Chrome เวอร์ชัน 52 เราได้เปลี่ยนชื่อเป็นแผงแอปพลิเคชัน ฟีเจอร์เก่าทั้งหมดของแผงทรัพยากรจะยังคงใช้งานได้ รวมถึงฟีเจอร์ใหม่อีกมากมายที่จะช่วยคุณแก้ไขข้อบกพร่องของ Progressive Web App ตอนนี้คุณก็สนุกกับการแก้ไขข้อบกพร่องเกี่ยวกับวงจรชีวิตของ Service Worker และปัญหาเกี่ยวกับเวลาในการแคชได้แล้ว

โปรดดูคู่มือใหม่ของเราที่เขียนโดยเราเองเพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับฟีเจอร์ใหม่ แก้ไขข้อบกพร่องของ Progressive Web App

ChromeLens

เลนส์ Chrome

ChromeLens เป็นส่วนขยายใหม่ที่ยอดเยี่ยมที่จะช่วยให้เว็บไซต์ของคุณเข้าถึงได้ง่ายขึ้นสำหรับผู้ที่มีความบกพร่องทางสายตา

ป.ล. Rob Dodson เพิ่งเปิดตัวซีรีส์วิดีโอใหม่เกี่ยวกับการช่วยเหลือพิเศษ a11ycasts

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

ปัจจุบัน Canary เป็น Chrome 54 ดังนั้น ผู้อ่านในอนาคตที่ใช้ Chrome เวอร์ชัน 54 ขึ้นไปจะใช้ฟีเจอร์เหล่านี้ได้

เครื่องมือเลือกสีอยู่ในแผงแหล่งที่มา

เครื่องมือเลือกสีของแผงแหล่งที่มา

คลิกขวาที่แผงทรัพยากรในแผงเครือข่าย แล้วคัดลอกสตริงคําขอ cURL เพื่อดาวน์โหลดทรัพยากรทั้งหมด

คัดลอกทั้งหมดเป็น curl

คุณปิดใช้ JavaScript ได้จากเมนูคำสั่ง ซึ่งก่อนหน้านี้ตัวเลือกนี้ใช้ได้จากการตั้งค่าเท่านั้น

ปิดใช้ JavaScript

console.warn() มีสแต็กเทรซแล้ว

สแต็กเทรซของ console.warn()

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

ระยะเวลาการเรียกใช้ฟังก์ชันในแผงแหล่งที่มา

ไอเดียใหม่ๆ จากชุมชน

ต่อไปนี้คือแนวคิดใหม่จากชุมชนที่อาจนำมาใช้ใน DevTools Near You ในอนาคต

  • @matthewcp: เร่งความเร็วในการแก้ไขข้อบกพร่องหน่วยความจำที่รั่วไหลด้วยการแสดงรายการออบเจ็กต์ที่เพิ่มขึ้นอย่างง่ายดาย
  • @jonathanbingram: เพิ่ม / ลดค่า font-weight ด้วยแป้นพิมพ์ลัด "เพิ่ม"/"ลด"
  • @_bl4de: แก้ไขคุกกี้ (จริงๆ แล้วเป็นคําขอมาอย่างยาวนาน แต่ขอบคุณที่พูดถึงเรื่องนี้อีกครั้ง) ลือกันว่า @kdzwinel กำลังเขียนบทความแนะนำ
  • @kienzle_s: เพิ่มตัวกรอง "หรือ" ลงในตัวกรองแผงเครือข่าย

มีไอเดียใหม่ไหม เรายินดีรับฟังความคิดเห็น ติดต่อเราได้ทาง Twitter ที่ @ChromeDevTools และแจ้งปัญหาที่เกิดขึ้น

ขณะที่เรากำลังคุยกันอยู่นี้ หากมีเอกสารที่ต้องแก้ไขหรือฟีเจอร์ที่ต้องอธิบาย โปรดเปิดปัญหาในที่เก็บเอกสาร

แล้วพบกันใหม่เดือนหน้า