รองรับเบราว์เซอร์ window.devicePixelRatio

ฉันค้นหาเว็บต่างๆ เพื่อดูว่าเบราว์เซอร์ใดบ้างที่รองรับ window.devicePixelRatio โดยไม่มีโชคช่วยมากนัก

ไม่มีใครรู้ว่าเบราว์เซอร์/อุปกรณ์ใดบ้างที่รองรับสิ่งนี้


javascript cross-browser
person ccdavies    schedule 05.05.2013    source แหล่งที่มา
comment
หากคุณต้องการรองรับ iOS หรือ Android รุ่นใหม่ สิ่งนี้ก็น่าจะใช้ได้ ตามหลักเหตุผลแล้ว ฉันจะบอกว่าอุปกรณ์ใดๆ ที่มีอัตราส่วนพิกเซลมากกว่า 1 ควรรองรับสิ่งนี้ แต่ใครจะรู้... คุณต้องทำอะไร? บางทีอาจมีวิธีอื่นในการแก้ปัญหาของคุณ   -  person Huangism    schedule 20.12.2013
comment
ฉันคิดว่าเราสามารถใช้ Mozilla MDN เพื่อตรวจสอบเบราว์เซอร์ ความเข้ากันได้ มีทั้งเว็บและมือถือ   -  person Jaydeep Mor    schedule 11.01.2020

คำตอบ (1)


arrow_upward
9
arrow_downward

อ้างอิงจากบล็อกโพสต์นี้ : ( จากปี 2012 )

  • window.devicePixelRatio น่าเชื่อถือเป็นส่วนใหญ่ในเบราว์เซอร์ส่วนใหญ่
  • บนอุปกรณ์ iOS ให้คูณ devicePixelRatio ด้วย screen.width เพื่อดูจำนวนพิกเซลจริง
  • บนอุปกรณ์ Android และ Windows Phone ให้หาร screen.width ด้วย devicePixelRatio เพื่อดูจำนวนที่ลดลง

อัปเดตปี 2017:

คุณสมบัตินี้ส่งคืนอัตราส่วนของความละเอียดในหน่วยพิกเซลจริงต่อความละเอียดในพิกเซล CSS สำหรับอุปกรณ์แสดงผลปัจจุบัน ค่านี้สามารถตีความได้ว่าเป็นอัตราส่วนของขนาดพิกเซล: ขนาดของพิกเซล CSS หนึ่งพิกเซลต่อขนาดของพิกเซลจริงหนึ่งพิกเซล

เบราว์เซอร์เดสก์ท็อปรองรับ:

Chrome    Edge    Firefox    Internet Explorer    Opera    Safari
49        (Yes)   49         11                   41       9.1

เบราว์เซอร์มือถือ:

Android     Edge    Firefox     IE Mobile   Opera   Safari Mobile
4.4         (Yes)   ?           ?           all     9.3

ข้อมูลจำเพาะฉบับร่าง

person Alexander    schedule 07.08.2014
comment
บทความที่ลิงก์ เป็น ตั้งแต่ปี 2012 ดังนั้นจึงล้าสมัยไปสักหน่อย - person Randy L; 03.06.2015
comment
หมายเหตุ: บนอุปกรณ์ iOS ให้คูณ devicePixelRatio ด้วย screen.width เพื่อให้ได้จำนวนพิกเซลจริงที่ไม่เป็นจริงอีกต่อไป โดยให้ผลลัพธ์ที่ไม่ถูกต้องบน iPhone 6+, 6s+ & 7+ เนื่องจากการสุ่มตัวอย่างต่ำ - person Jules; 08.09.2017