เครื่องมือตรวจสอบรายการ Web App
ตรวจสอบ PWA manifest.json กับข้อกำหนด Web App Manifest และดูตัวอย่างไอคอนที่ปกปิดได้กับโซนปลอดภัยของไอคอนแบบปรับเปลี่ยนได้ของ Android
ผลลัพธ์
Progressive Web App จะติดตั้งอย่างสมบูรณ์ก็ต่อเมื่อ manifest.json ตรงกับฟิลด์ที่เบราว์เซอร์และ App Store ตรวจสอบจริงเท่านั้น เครื่องมือตรวจสอบนี้จะแยกวิเคราะห์ไฟล์ Manifest ที่คุณอัปโหลดและเดินผ่านช่องข้อมูลจำเพาะ W3C Web App Manifest ทีละช่อง โดยจะแจ้งชื่อและชื่อย่อที่หายไป อาร์เรย์ไอคอนว่างหรือผิดรูปแบบ ไอคอนไม่มี src ขนาดหรือประเภท start_url ที่แยกวิเคราะห์ไม่ได้ ค่าการแสดงผลที่ไม่รู้จัก และสตริง theme_color หรือ background_color ที่ไม่ใช่สี CSS ที่ถูกต้อง การค้นพบทุกครั้งจะแสดงเป็นประโยคภาษาอังกฤษธรรมดา ไม่ใช่การอ้างอิงข้อมูลจำเพาะ ดังนั้นคุณจึงรู้แน่ชัดว่าต้องแก้ไขอะไร และเหตุใดจึงสำคัญต่อความสามารถในการติดตั้ง
คุณสมบัตินักฆ่าคือการดูตัวอย่างโซนปลอดภัยของไอคอนที่ปิดบังได้ ไอคอนแบบปรับได้ของ Android จะใช้รูปร่างมาส์กที่ระบบปฏิบัติการเลือก เช่น วงกลม วงกลม หยดน้ำตา และอื่นๆ กับไอคอนใดๆ ที่มีเครื่องหมาย "วัตถุประสงค์": "สวมหน้ากากได้" สิ่งใดก็ตามที่อยู่นอกวงกลมตรงกลางซึ่งครอบคลุมพื้นที่วิวพอร์ต 40% ของไอคอนสามารถถูกตัดออกได้ ทั้งนี้ขึ้นอยู่กับมาสก์ที่อุปกรณ์ใช้ อัปโหลดไฟล์ภาพไอคอนที่ไฟล์ Manifest ของคุณอ้างอิงควบคู่ไปกับ manifest.json และเครื่องมือนี้จะจับคู่ไฟล์เหล่านั้นตามชื่อไฟล์ วาดไอคอนที่ปกปิดได้แต่ละไอคอนบนผืนผ้าใบตามขนาดที่ประกาศไว้ และวางซ้อนวงกลมโซนปลอดภัยนั้นเพื่อให้คุณเห็นด้วยตาของคุณเองว่างานศิลปะของคุณจะรอดจากการครอบตัดหรือไม่
ป้ายผ่าน/ไม่ผ่านในแต่ละการแสดงตัวอย่างไม่ใช่รายการตรวจสอบที่สวยงาม แต่มาจากการวิเคราะห์ข้อมูลภาพที่ถอดรหัสต่อพิกเซลจริง เครื่องมือจะวัดจำนวนเนื้อหาที่ไม่ใช่พื้นหลังที่อยู่นอกวงกลมโซนปลอดภัย (เนื้อหาที่มาสก์จะคลิป) และจำนวนไอคอนที่โปร่งใส (ไอคอนที่มาสก์ได้ควรมีพื้นหลังทึบแสงเต็มพื้นที่ เนื่องจากความโปร่งใสจะทำให้สีของมาสก์ที่อยู่ด้านล่างแสดงผ่านได้) การตรวจสอบทั้งสองทำงานโดยเทียบกับบิตแมปจริงที่คุณอัปโหลด ดังนั้นผลลัพธ์จึงสะท้อนถึงไฟล์ไอคอนจริงของคุณ ไม่ใช่การคาดเดา
ทุกอย่างเกิดขึ้นในเบราว์เซอร์ของคุณ: manifest.json อ่านด้วย File API, ไอคอนถูกถอดรหัสด้วย createImageBitmap หรือ FileReader/Image fallback และพิกเซลถูกวิเคราะห์บนผืนผ้าใบในหน่วยความจำ ไม่มีการอัปโหลดไปยังเซิร์ฟเวอร์ ซึ่งสำคัญหากไฟล์ Manifest ของคุณอ้างอิงถึงชื่อแอปที่ยังไม่เปิดเผยต่อสาธารณะ เส้นทาง start_url ภายใน หรือไอคอนที่อยู่ระหว่างการพัฒนา