คำถามติดแท็ก mobile-browser

30
ตรวจจับเบราว์เซอร์มือถือ
ฉันกำลังมองหาฟังก์ชั่นที่คืนค่าบูลีนหากผู้ใช้มีเบราว์เซอร์มือถือหรือไม่ ฉันรู้ว่าฉันสามารถใช้navigator.userAgentและเขียนฟังก์ชั่นนั้นโดยใช้ regex แต่ตัวแทนผู้ใช้นั้นมีความหลากหลายเกินไปสำหรับแพลตฟอร์มที่แตกต่างกัน ฉันสงสัยว่าการจับคู่อุปกรณ์ที่เป็นไปได้ทั้งหมดจะเป็นเรื่องง่ายและฉันคิดว่าปัญหานี้ได้รับการแก้ไขก่อนหลายครั้งดังนั้นควรมีวิธีแก้ปัญหาที่สมบูรณ์สำหรับงานดังกล่าว ฉันดูที่เว็บไซต์นี้แต่น่าเศร้าที่สคริปต์นั้นเป็นความลับที่ฉันไม่รู้ว่าจะใช้เพื่อจุดประสงค์ของฉันได้อย่างไรซึ่งก็คือการสร้างฟังก์ชั่นที่คืนค่าจริง / เท็จ

16
ล้น: x: ซ่อนไม่ได้ป้องกันเนื้อหาจากการล้นในเบราว์เซอร์มือถือ
ฉันมีเว็บไซต์ที่นี่ ดูได้ในเบราว์เซอร์สก์ท็อปที่แถบเมนูสีดำถูกขยายครอบคลุมเฉพาะไปที่ขอบของหน้าต่างตั้งแต่มี bodyoverflow-x:hidden ในเบราว์เซอร์มือถือไม่ว่าจะเป็น Android หรือ iOS แถบเมนูสีดำจะแสดงความกว้างเต็มรูปแบบซึ่งจะทำให้ช่องว่างทางด้านขวาของหน้าเว็บ เท่าที่ฉันสามารถบอกได้ช่องว่างนี้ไม่ได้เป็นส่วนหนึ่งของhtmlหรือbodyแท็ก แม้ว่าฉันจะตั้งค่าวิวพอร์ตเป็นความกว้างเฉพาะใน<head>: <meta name="viewport" content="width=1100, initial-scale=1"> ไซต์ขยายเป็น 1100px แต่ยังคงมีช่องว่างเกิน 1100 ฉันพลาดอะไรไป ฉันจะเก็บวิวพอร์ตเป็น 1100 และตัดการโอเวอร์โฟลว์ได้อย่างไร

4
บังคับให้เว็บไซต์แสดงในโหมดแนวนอนเท่านั้น
ฉันต้องการแสดงเว็บไซต์ของฉันในโหมดแนวนอนเท่านั้นเป็นไปได้หรือไม่ ไม่สำคัญว่าการวางแนวของอุปกรณ์ในมือผู้ใช้จะเป็นอย่างไร แต่เว็บไซต์จะอยู่ในโหมดแนวนอนเสมอ ฉันเคยเห็นแอพพลิเคชั่น iPhone ทำงานแบบนั้น แต่สามารถทำได้กับเว็บไซต์หรือไม่?
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.