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

สวัสดีครับ ผมชื่อ Kayce เป็นนักเขียนด้านเทคนิคของ DevTools จะมาเล่าให้ฟังเกี่ยวกับสิ่งที่เกิดขึ้นล่าสุดในเครื่องมือสำหรับนักพัฒนาเว็บ

แผงแหล่งข้อมูลเปลี่ยนเป็นแผงแอปพลิเคชันแล้ว

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

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

ChromeLens

เลนส์ Chrome

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

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

ฟีเจอร์ใหม่พร้อมใช้งานแล้วใน Canary

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

ตัวเลือกสีจะอยู่ในแผงแหล่งที่มา

ตัวเลือกสีของแผงแหล่งที่มา

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

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

ปิดใช้ JavaScript ได้จากเมนูคำสั่ง ที่เคยทำได้ จากการตั้งค่าเท่านั้น

ปิดใช้ JavaScript

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

Console.warn() สแต็กเทรซ

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

เวลาดำเนินการของฟังก์ชันในแผงแหล่งที่มา

แนวคิดใหม่จากชุมชน

ต่อไปนี้เป็นแนวคิดบางอย่างจากชุมชนที่อาจนำมาใช้กับเครื่องมือสำหรับนักพัฒนาเว็บที่อยู่ใกล้คุณในอนาคต

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

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

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

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