โปรดให้การแปลภาษาไทยสำหรับประโยคเหล่านี้โดยเก็บแท็ก HTML: CSS Undefined Variable Checker
CSS Undefined Variable Checker เป็นส่วนขยายของ Devtools สำหรับ Google Chrome ที่ช่วยตรวจหาการใช้งานตัวแปร CSS ที่ไม่ได้กำหนดค่าไว้ หากคุณเขียน CSS โดยใช้คุณสมบัติ/ตัวแปรที่กำหนดเอง โปรแกรมนี้เป็นเครื่องมือที่เหมาะสำหรับคุณ มันเพิ่มแท็บใน Chrome Developer Tools ที่ช่วยให้คุณสามารถตรวจสอบหน้าปัจจุบันเพื่อหาตัวแปร CSS ที่ไม่ได้กำหนดค่าไว้ภายในนิพจน์ "var()"
ส่วนขยายนี้วิเคราะห์ทั้งสไตล์ชีทและแอตทริบิวต์สไตล์อินไลน์ และแสดงผลในรูปแบบตารางที่ใช้งานง่ายพร้อมลิงก์ไปยังองค์ประกอบที่ผิดปกติภายในแท็บ Elements ของ Developer Tools ในการใช้ส่วนขยายนี้ คุณเพียงเปิดเว็บไซต์ใน Google Chrome เปิด Developer Tools และไปที่แท็บ "CSS Undefined Variable Checker" คลิกที่ปุ่ม "Check for Undefined Variables" เพื่อเริ่มการวิเคราะห์และเติมข้อมูลในตารางด้วยตัวแปร CSS ที่ไม่ได้กำหนดค่าไว้
ตารางผลลัพธ์จะแสดงชื่อตัวแปรที่ไม่ได้กำหนดค่าไว้ สไตล์ชีทหรือแอตทริบิวต์สไตล์อินไลน์ที่พบ และองค์ประกอบบนหน้าเว็บที่ใช้งาน การคลิกที่ลิงก์ในตารางจะเน้นองค์ประกอบที่มีปัญหาในแท็บ Elements ของ Developer Tools ทำให้ง่ายต่อการติดตามตัวแปรที่ไม่ได้กำหนดค่าไว้
โปรดทราบว่าส่วนขยายนี้ขึ้นอยู่กับ API สำหรับเข้าถึงข้อมูลสไตล์ชีท ซึ่งถูกจำกัดโดย Cross-Origin Resource Sharing สไตล์ชีทจากต้นทางที่แตกต่างกันโดยไม่มีส่วนหัวการเข้าถึงที่จำเป็นจะไม่ถูกวิเคราะห์ อย่างไรก็ตามสิ่งนี้ไม่มีผลต่อความสามารถของส่วนขยายในการวิเคราะห์สไตล์ที่สามารถเข้าถึงได้ผ่าน API อื่น ๆ
สำหรับผู้ที่สนใจ ตรรกะการวิเคราะห์ของส่วนขยายนี้ยังมีให้ใช้เป็นแพคเกจ npm ที่ชื่อ
