โฮมเพจ » ออกแบบเว็บไซต์ » วิธีตรวจสอบความเข้ากันได้ของเบราว์เซอร์ผ่านบรรทัดคำสั่ง

    วิธีตรวจสอบความเข้ากันได้ของเบราว์เซอร์ผ่านบรรทัดคำสั่ง

    การสร้างเว็บไซต์แบบดั้งเดิมนั้นเกี่ยวข้องกับเทคโนโลยีที่หลากหลายซึ่งอาจใช้ได้กับเบราว์เซอร์หลักทั้งหมดบางส่วนหรือบางส่วนหรือทั้งหมด นักพัฒนาเว็บทุกวันนี้มักจะอ้างถึง CanIUse เพื่อตรวจสอบว่าคุณลักษณะบางอย่างได้รับการสนับสนุนบนเบราว์เซอร์หรือหนึ่งในหลาย ๆ รุ่น.

    CanIUse ติดตามการใช้เบราว์เซอร์มาตรฐาน HTML, CSS และ SVG พร้อมกับการอ้างอิงสถานะข้อมูลจำเพาะจาก W3C และลิงก์ไปยังปัญหาและข้อบกพร่องที่มีอยู่ในแต่ละเบราว์เซอร์ (เมื่อมี) ตัวอย่างเช่นเราสามารถดูด้านล่างว่า Edge, Firefox และ Opera Mini ไม่รองรับ CSS Reflection และในเบราว์เซอร์ที่รองรับรองรับจำเป็นต้องมีคำนำหน้าผู้ขาย.

    CanIUse คือ โดยพฤตินัย เครื่องมือที่บันทึกความสามารถในการเข้ากันได้ของข้อกำหนดมาตรฐานของเว็บในเดสก์ท็อปและมือถือ.

    นอกเหนือจากเวอร์ชั่นเบราว์เซอร์ผ่าน caniuse.com ปัจจุบัน CanIUse ยังมีให้บริการในรูปแบบ CLI (Command Line Interface) นอกจากนี้เรายังสามารถดึงผลลัพธ์ CanIUse ผ่าน Terminal หรือ Command Prompt หากคุณพบว่าตัวเองสะดุดในขณะที่อยู่บน Terminal บ่อยครั้ง CLI จะปรับปรุงขั้นตอนการทำงานของคุณอย่างมีประสิทธิภาพ.

    ความต้องการ

    ในการปรับใช้บรรทัดคำสั่ง CanIUse คุณต้องติดตั้ง NodeJS และ NPM ก่อน.

    ถ้าวิ่ง npm -v หรือ node -v ส่งคืนหมายเลขเวอร์ชัน (ตามที่แสดงด้านล่าง) คุณพร้อมที่จะปรับใช้ CLI มิฉะนั้นถ้ามันคืน “ไม่พบคำสั่ง” ข้อผิดพลาดดาวน์โหลดตัวติดตั้ง NodeJS ที่นี่ โปรแกรมติดตั้งพร้อมใช้งานสำหรับ Windows, OS X และ Linux เลือกระบบปฏิบัติการที่คุณใช้.

    CLI

    การติดตั้ง CanIUse CLI เพียงไม่กี่บรรทัด เปิด Terminal หรือ Command Prompt แล้วเรียกใช้คำสั่งต่อไปนี้.

    npm install -g caniuse-cmd

    คำสั่งนี้ติดตั้ง CLI ทั่วโลกซึ่งจะช่วยให้สามารถเข้าถึงได้ทั่วทั้งตำแหน่งในระบบปฏิบัติการ เมื่อติดตั้งแล้วบรรทัดคำสั่ง ฉันสามารถใช้ ควรจะมีให้เมื่อคุณจัดการ ไม่มีกฎว่าจะทำอย่างไร “ค้นหา” ผ่าน CLI เพียงค้นหาตามธรรมชาติเช่นเดียวกับในเวอร์ชันเว็บเช่น วิ่ง “เงากล่อง caniuse” จะส่งคืนข้อมูลจำเพาะเงา CSS3 Box.

    โปรดสังเกตว่าเราไม่จำเป็นต้องหลบเลี่ยงช่องว่างสำหรับการสืบค้นคำหลักซึ่งโดยปกติเราจะต้องทำ.

    โดยทั่วไปผลลัพธ์ของ CLI จะตรงกับรุ่นของเว็บ แม้ว่าการค้นหาจะทำด้วยคำหลักที่ไม่สมบูรณ์ตัวอย่างเช่น, SOC หรือ ถุงเท้า , การค้นหาจะส่งผลกับ เว็บซ็อกเก็ต ที่ด้านบนตามด้วยรายการที่เกี่ยวข้อง.

    CanIUse เป็นส่วนประกอบที่สมบูรณ์แบบสำหรับเครื่องมือบรรทัดคำสั่งอื่น ๆ เช่น Gulp, Grunt และเป็นเครื่องมือที่มีประโยชน์ทุกรอบที่สามารถเพิ่มขั้นตอนการทำงานของคุณในที่สุด ตอนนี้คุณไม่จำเป็นต้องออกจาก Terminal ของคุณเลยเพื่อตรวจสอบความเข้ากันได้ของเบราว์เซอร์สำหรับ HTML, CSS และ SVG.