เว็บเบราว์เซอร์ - วิธีผ่านการแก้ปัญหาแบบเนทีฟอย่างแท้จริงเพื่อป้องกันไม่ให้ไซต์แสดงการออกแบบที่ตอบสนองต่อมือถือ

Chrome (หรือเบราว์เซอร์อื่น ๆ ) สามารถกำหนดค่าให้บอกเว็บไซต์ได้อย่างไรความละเอียดคือความละเอียดมาตรฐานของโทรศัพท์ไม่ใช่ความละเอียดลดลงที่ปรับให้เป็น DPI สูง "ขอไซต์เดสก์ท็อป" ใช้ได้กับบางไซต์ แต่ไม่ใช่ทั้งหมดและรายการที่ตรวจสอบความละเอียดของโทรศัพท์จะแสดงเลย์เอาต์ "ตอบสนอง" ของอุปกรณ์เคลื่อนที่ ตัวอย่างเช่นถ้าฉัน Google "ความละเอียดหน้าจอของฉันคืออะไร" และไปที่ไซต์แรกรายงาน 360x640 แม้ว่าโทรศัพท์ของฉันคือ 1440x2560 ฉันกำลังใช้ Lollipop อยู่

browser screen-resolution

— g491
แหล่งที่มา

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

— Lucky

นี่ไม่ใช่เว็บไซต์ที่ฉันพยายามไป แต่ตัวอย่างหนึ่งคือ www.apple.com - ฮ่าฮ่า ใช่ขอไซต์เดสก์ท็อปไม่ส่งผลกระทบต่อการแก้ปัญหาเพียงแค่ตัวแทนผู้ใช้ที่ฉันเชื่อดังนั้นนี่คือสาเหตุว่าทำไมมันจึงไม่มีประสิทธิภาพในเว็บไซต์ที่ใช้การสืบค้นสื่อที่ต้องอาศัยความละเอียดในการออกแบบการตอบสนอง

— g491

คำตอบ:

ปรากฎว่าคุณสามารถใช้ Firefox สำหรับ Android เพื่อทำสิ่งนี้:

ในแถบที่อยู่ไปที่ about: config จากนั้นค้นหาพิกเซล
เลือก layout.css.devPixelsPerPx และเปลี่ยนค่าจาก -1.0 (ค่าเริ่มต้น) เป็น 1 หากคุณต้องการให้เว็บไซต์คิดว่าความละเอียดของเบราว์เซอร์ของคุณเป็นความละเอียดดั้งเดิมที่แท้จริงของหน้าจอแทนที่จะเป็นค่าที่ปรับ DPI
หากคุณมีหน้าจอความละเอียดสูงพิเศษเช่น QHD (1440x2560) คุณอาจต้องการตั้งค่านี้เป็น 2 แทนที่จะเป็น 1 แล้วถ้าคุณใช้โทรศัพท์ในโหมดแนวนอนความละเอียดของคุณจะเป็น 1280x720 ซึ่งจะไม่ทำสิ่งต่าง ๆ เช่น เล็กตามค่าเริ่มต้นเป็นการตั้งค่าเป็น 1

การใช้ข้อมูลด้านบนร่วมกับ "คำขอไซต์เดสก์ท็อป" ควรใช้งานได้อย่างยอดเยี่ยมในการแสดงไซต์เดสก์ท็อปเสมอไม่เพียง แต่เว็บไซต์ที่ใช้การตรวจจับตัวแทนผู้ใช้เท่านั้น แต่ยังสำหรับเว็บไซต์ที่ใช้สื่อตอบแบบสอบถามด้วย

— g491
แหล่งที่มา

สำหรับโทรศัพท์ขนาด 720p ฉันต้องใส่ 0.5 เพื่อให้ได้เวอร์ชั่นเดสก์ท็อปของบางเว็บไซต์

— Chris

ว้าวฉันพยายามและผิดหวังมาหลายเดือนพยายาม (และล้มเหลว) เพื่อหาวิธีแก้ปัญหาเพื่อให้แท็บเล็ตความละเอียดสูงทางกายภาพของฉันแสดงหน้าเว็บที่มี "เนื้อหาหน้าจอ" มากขึ้น วิธีแก้ปัญหาอื่นบอกว่าฉันจะต้องรูทอุปกรณ์ของฉันหรือใช้พีซีและ adb, blah blah blah ตอนนี้ฉันประหลาดใจที่แก้ปัญหานั้นง่ายเหมือนการติดตั้งแอพปกติ! ขอบคุณ @ g491! เราสามารถทำการเปลี่ยนแปลงเดียวกันบน Chrome ได้หรือไม่

— RayLuo

@ RayLuo ฉันไม่รู้วิธีการทำเช่นนั้นใน Chrome แต่ฉันไม่รู้วิธี ฉันลองค้นหา chrome: // ตั้งค่าสถานะสำหรับบางสิ่งเช่น dpi, ความละเอียด, สเกล, ซูม ฯลฯ และไม่เห็นอะไรเลย อาจมีวิธีอื่น แต่ฉันไม่แน่ใจ

— g491

แม้แต่ใน Firefox การตั้งค่าดังกล่าวจะใช้ได้กับบางไซต์เท่านั้น (เช่น StackExchange.com) แต่ไม่ใช่สำหรับบางเว็บไซต์ (เช่น visualstudio.com) ทำไมถึงเป็นอย่างนั้น? และมีวิธีใดที่ดีกว่า (ไม่ฉันไม่พิจารณา Samsung Galaxy 18 นิ้วดูวิธีการในบริบทนี้)

— RayLuo

ลองใช้Opera สำหรับมือถือและตั้งค่าDesktop modeในการตั้งค่าและปิดOpera Turboโหมด ตอนนี้คุณจะสามารถดูไซต์เช่น Facebook, Stackoverflow และอื่น ๆ เช่นเดียวกับที่โหลดในเว็บเบราว์เซอร์บนเดสก์ท็อป บางเว็บไซต์เปลี่ยนเส้นทางไปยังเว็บไซต์มือถือ theire แม้ว่าคุณจะตั้งเป็นโหมดเดสก์ท็อป

— โชคดี
แหล่งที่มา

โดย "ตั้งค่าโหมดเดสก์ท็อป" นี่หมายถึงการตั้งค่า -> ตัวแทนผู้ใช้ -> เปลี่ยนจาก "มือถือ" เป็น "เดสก์ท็อป" หรือไม่ ถ้าเป็นเช่นนี้ก็ยังมีปัญหาเดียวกัน

— g491

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

— Lucky

ฉันรู้ว่าฉันไม่ได้ตรวจสอบ about: config ใน Firefox และมีการตั้งค่าที่นั่น ฉันโพสต์มันเป็นคำตอบสำหรับคำถามนี้สำหรับคนอื่นที่อาจเจอ

— g491