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

สวัสดี ฉันชื่อ 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 และแจ้งปัญหาที่เกิดขึ้น

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

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