เห็นภาพสไตล์ชีท CSS ใด ๆ ด้วย CSS Stats
เคยสงสัยไหมว่ามีกฎ CSS กี่ตัวในสไตล์ชีท? หรือคุณเคยต้องการที่จะเห็น การแสดงภาพ ของ ทุกสี ใช้ในไฟล์ CSS เดียวหรือไม่ กับ สถิติ CSS, คุณสามารถเชื่อมต่อเว็บไซต์ใดก็ได้และ ดึงมัดข้อมูล CSS ดิบ เพื่อสนองความอยากรู้ของคุณ.
และแอปพลิเคชันบนเว็บนี้มีความลึกมากกว่าการแสดงสีทั้งหมดสำหรับสไตล์ชีท คุณสามารถเห็นภาพ ค่าดัชนี z ทั้งหมด, ทุกขนาดตัวอักษร, ข้อความค้นหาสื่อทั้งหมด และยังเห็น กราฟกราฟ.
แอพนี้ครอบคลุมมากจนแทบเป็นไปไม่ได้เลยที่จะบริโภคทุกอย่างในที่เดียว มันจะให้ภาพรวมอันยิ่งใหญ่ของเว็บไซต์ใด ๆ เพียงแค่โดย จัดแสดงสิ่งที่อยู่ในสไตล์ชีทของพวกเขา.
ในการเริ่มต้นเยี่ยมชมเว็บไซต์ CSS Stats และ เสียบ URL ใดก็ได้ ที่คุณต้องการ. คุณสามารถเลือกจากไซต์ที่แนะนำจำนวนมากเช่น Facebook, Apple และ Pinterest (อื่น ๆ ).
ในหน้าผลลัพธ์คุณจะเห็น ขนาดไฟล์ CSS ทั้งหมด ในหน่วยกิโลไบต์พร้อมกับรายการ คุณสมบัติและการประกาศที่ใช้บ่อยที่สุด. ทั้งหมดนี้ปรากฏเป็นรายการหมายเลขยาวเพื่อให้สับสนในการอ่านครั้งแรก.
แต่ยิ่งคุณใช้แอพนี้มากเท่าไหร่ก็ยิ่งได้รับมากขึ้นเท่านั้น! นี่คือ รายการของทุกสิ่ง คุณจะพบในหน้าสถิติ:
- จำนวน # จากทั้งหมด คุณสมบัติ, เตอร์, และ กฎระเบียบ
- ทั้งหมด สีตัวอักษร ด้วยตัวอย่าง & รหัสฐานสิบหก
- ทั้งหมด สีพื้นหลัง ด้วยตัวอย่าง & รหัสฐานสิบหก
- ทั้งหมด ขนาดตัวอักษร ด้วยตัวอย่าง
- รายการของ ตระกูลแบบอักษร
- รายการของทั้งหมด ค่าดัชนี z
- แผนภูมิแท่งของ การประกาศ CSS ทั้งหมด / ที่ไม่ซ้ำกัน
- กราฟจำเพาะ
- ทั้งหมด ขนาด ruleset
- ทั้งหมด คำสั่งสื่อ
- รหัส CSS ดิบ พร้อมด้วย ลิงค์ URL ไปที่ ไฟล์ CSS แต่ละไฟล์
CSS Stats นั้นฉลาดพอที่จะดึงไฟล์ CSS ทั้งหมดและ รวมข้อมูลนั้นเข้าด้วยกัน. นักพัฒนาใช้ความพยายามอย่างมากในสิ่งนี้เพื่อให้มันทำงานได้อย่างถูกต้อง.
และส่วนที่น่ากลัวเป็นพิเศษคือ repo GitHub เต็มรูปแบบด้วย รหัสที่มาสำหรับโครงการทั้งหมด. ดังนั้นคุณสามารถดาวน์โหลดและ โฮสต์อีกครั้ง บนเซิร์ฟเวอร์ของคุณเอง (ภายในเครื่องหรืออื่น ๆ ) เพื่อเล่นหากคุณต้องการขุดลงไปในรหัส.
คุณมีตัวเลือก ดึงไฟล์ CSS ใด ๆ หรือ แยกสไตล์ชีททั้งหมด ในโดเมนเดียว มีอะไรมากมายที่คุณสามารถเรียนรู้จากการศึกษาเครื่องมือนี้และนำเสนอข้อมูลเชิงลึกที่ลึกซึ้งยิ่งขึ้นสำหรับนักพัฒนาที่ลงลึกเข้าไปในรายละเอียดที่ดี.
หากต้องการทดสอบด้วยตัวเองเพียงไปที่ CSS Stats และเชื่อมต่อกับเว็บไซต์ คุณจะประหลาดใจกับจำนวนข้อมูลที่มีอยู่และจำนวนเงินที่คุณสามารถเรียนรู้จากเครื่องมือง่ายๆ.
