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

ฉันกำลังทำงานกับแอพที่ใช้เบราว์เซอร์ตอนนี้ฉันกำลังพัฒนาและจัดแต่งทรงผมสำหรับเบราว์เซอร์ซาฟารีของ ipad ฉันกำลังมองหาสองสิ่งบน iPad: ฉันจะปิดการใช้งานการเลื่อนแนวตั้งสำหรับหน้าที่ไม่ต้องการได้อย่างไร & ฉันจะปิดใช้งานเอฟเฟกต์การตีกลับแบบยืดหยุ่นได้อย่างไร?

126 ipad  scroll  mobile-safari  bounce 

เป็นไปได้ไหมที่จะใช้ Javascript เพื่อเลียนแบบตัวเลือกเพิ่มในหน้าจอหลักในเมนูบุ๊กมาร์กของ Mobile Safari สิ่งที่คล้ายกับ IE window.external.AddFavorite(location.href, document.title);อาจเป็นไปได้?

110 javascript  iphone  mobile-safari  bookmarks  homescreen 

มี CSS หรือเหตุผลอื่น ๆ ที่ Safari / iPhone ละเว้นการตั้งค่าขนาดตัวอักษรหรือไม่? ในเว็บไซต์เฉพาะของฉัน Safari บน iPhone แสดงผลขนาดตัวอักษร: ข้อความ 13px ใหญ่กว่าขนาดตัวอักษร: ข้อความ 15px อาจไม่รองรับขนาดตัวอักษรในบางองค์ประกอบหรือไม่?

110 css  safari  mobile-safari  font-size 

ใน Webkit บน iPhone / iPad / iPod การระบุสไตล์สำหรับ: คลาสหลอกที่ใช้งานอยู่สำหรับ<a>แท็กจะไม่ทริกเกอร์เมื่อคุณแตะที่องค์ประกอบ ฉันจะทำให้สิ่งนี้ทริกเกอร์ได้อย่างไร รหัสตัวอย่าง: <style> a:active { background-color: red; } </style> <!-- snip --> <a href="#">Click me</a>

109 iphone  css  webkit  mobile-safari  pseudo-class 

ฉันมีแอป AJAX ที่สร้างขึ้นสำหรับเบราว์เซอร์ Safari บนมือถือที่ต้องการแสดงเนื้อหาประเภทต่างๆ สำหรับเนื้อหาบางอย่างที่ฉันต้องการuser-scalable=1และสำหรับคนอื่น ๆ user-scalable=0ที่ฉันต้องการ มีวิธีแก้ไขค่าของแอตทริบิวต์เนื้อหาโดยไม่ต้องรีเฟรชหน้าหรือไม่ <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

98 javascript  mobile-safari  viewport 

ฉันมีเมนู css บนไซต์ของฉันที่ขยายด้วย:hover(ไม่มี js) วิธีนี้ใช้งานได้ในลักษณะกึ่งเสียบน iDevices เช่นการแตะจะเปิดใช้งาน:hoverกฎและขยายเมนู แต่การแตะที่อื่นจะไม่ลบไฟล์:hover. นอกจากนี้หากมีลิงก์ภายในองค์ประกอบที่เป็น:hover'ed คุณต้องแตะสองครั้งเพื่อเปิดใช้งานลิงก์ (ทริกเกอร์การแตะครั้งแรก:hover, การแตะครั้งที่สองที่เรียกลิงก์) ฉันสามารถทำให้สิ่งต่างๆทำงานได้ดีบน iPhone โดยการผูกtouchstartเหตุการณ์ ปัญหาคือบางครั้ง mobile safari ยังคงเลือกที่จะเรียกใช้:hoverกฎจาก css แทนที่จะเป็นtouchstartเหตุการณ์ของฉัน! ฉันรู้ว่านี่เป็นปัญหาเพราะเมื่อฉันปิดใช้งาน:hoverกฎทั้งหมดด้วยตนเองใน css ซาฟารีมือถือใช้งานได้ดี (แต่เบราว์เซอร์ทั่วไปไม่เห็นได้ชัดอีกต่อไป) มีวิธี "ยกเลิก" :hoverกฎแบบไดนามิกสำหรับองค์ประกอบบางอย่างเมื่อผู้ใช้อยู่ในซาฟารีมือถือหรือไม่ ดูและเปรียบเทียบพฤติกรรมของ iOS ที่นี่: http://jsfiddle.net/74s35/3/ หมายเหตุ: มีเพียงคุณสมบัติ css บางอย่างเท่านั้นที่ทำให้เกิดพฤติกรรมการคลิกสองครั้งเช่น display: none; แต่ไม่ใช่พื้นหลัง: สีแดง; หรือตกแต่งข้อความ: ขีดเส้นใต้;

95 ipad  mobile-safari  iphone  pseudo-class 

ฉันพยายามสร้างหน้าเว็บ html5 ซึ่งมีวิดีโอขนาดเล็กเช่น 13s ฉันแปลงเวอร์ชันแฟลชของวิดีโอนี้เป็น 3 รูปแบบ: .ogv โดยใช้ fireFogg, .webm โดยใช้ firefogg และ. mp4 โดยใช้แอปพลิเคชัน HandBrake สคริปต์ html ฉันใช้ในเพจของฉัน: <video width="800" height="640" loop preload="false" autoplay controls tabindex="0"> <source src="xmasvideo/video.mp4" type="video/mp4" /> <source src="xmasvideo/M&P-Xmas 2.ogv" type="video/ogv" /> <source type="video/webm" src="xmasvideo/M&P-Xmas.webm" /> </video> วิดีโอทำงานได้ดีใน Chrome และ FireFox แต่ไม่ทำงานเลยทั้งใน Safari บนเดสก์ท็อปหรือบน iPhone …

94 iphone  ipad  safari  html5-video  mobile-safari 

เป็นไปได้หรือไม่ที่จะเขียนเว็บแอปพลิเคชัน HTML5 ที่ออกแบบมาสำหรับอุปกรณ์ iOS (iPad, iPhone, iPod Touch) ซึ่งสามารถอนุญาตให้ผู้ใช้อัปโหลดภาพจากระบบไฟล์ได้? ลองนึกภาพการอัปโหลดรูปภาพใหม่ไปยัง twitter avatar ของคุณผ่านเว็บแอป

93 iphone  html  file-upload  ios  mobile-safari 

มีวิธีใดบ้างที่จะปิดการใช้งานดังกล่าว? ฉันหมายถึงในเบราว์เซอร์เท่านั้น ... เมื่อคุณคลิกลิงก์หรือปุ่มหรือ div ที่มีฟังก์ชันการคลิกมันจะกะพริบกล่องสีเทาที่คุณคลิกอย่างรวดเร็ว ฉันจะป้องกันสิ่งนี้ได้อย่างไร?

91 ipad  mobile-safari 

นี่คือWEB APPไม่ใช่แอปเนทีฟ โปรดไม่มีคำสั่ง Objective-C NS ดังนั้นฉันต้องตรวจจับเหตุการณ์ 'หยิก' บน iOS ปัญหาคือทุกปลั๊กอินหรือวิธีการที่ฉันเห็นสำหรับการทำท่าทางสัมผัสหรือเหตุการณ์แบบมัลติทัชคือ (โดยปกติ) กับ jQuery และเป็นปลั๊กอินเพิ่มเติมสำหรับทุกท่าทางภายใต้แสงแดด แอปพลิเคชันของฉันมีขนาดใหญ่มากและฉันรู้สึกไวต่อไม้ตายในรหัสของฉัน สิ่งที่ฉันต้องการคือตรวจจับการหยิกและการใช้สิ่งที่คล้ายกับ jGesture เป็นเพียงวิธีเดียวที่จะทำให้บวมสำหรับความต้องการง่ายๆของฉัน นอกจากนี้ฉันมีความเข้าใจ จำกัด เกี่ยวกับวิธีตรวจจับการหยิกด้วยตนเอง ฉันสามารถหาตำแหน่งของนิ้วทั้งสองได้ดูเหมือนจะไม่สามารถผสมกันเพื่อตรวจจับสิ่งนี้ได้ ใครมีตัวอย่างง่ายๆที่ตรวจจับการหยิก?

87 javascript  jquery  ios  mobile-safari 

ฉันกำลังพยายามค้นหาข้อมูลใด ๆ ที่สามารถทำได้เกี่ยวกับ PastryKit Javascript Framework ดูเหมือนว่าจะถูกใช้ในคู่มือผู้ใช้ iPhone ที่แสดงบน iPhone ใน Mobile Safari แต่ฉันไม่พบเอกสารประกอบหรือ API ใด ๆ หากคุณต้องการที่จะเห็นมันในการดำเนินการเปิด Safari 4 ตั้งตัวแทนผู้ใช้ของคุณเพื่อ iPhone 3 (ในเมนู Develop) และตรวจสอบคู่มือ โดยรวมแล้วดูเหมือนว่าจะเป็นวิธีการเขียนแอปพลิเคชัน HTML / CSS / Javascript ที่ทำหน้าที่เหมือนแอป iPhone เมื่อพูดถึง Javascript ฉันใช้JS Beautifierบน (สิ่งที่ฉันคิดว่าเป็น) ไฟล์เฟรมเวิร์กและมีมากกว่า 3,400 บรรทัด! สวยงาม (อีกครั้งที่ฉันคิดว่าเป็น) การดำเนินการ n ของพวกเขามีมากกว่า 1,200 บรรทัด ในด้าน …

85 javascript  iphone  frameworks  mobile-safari  pastrykit 

ด้วยซาฟารี iOS 11 เคอร์เซอร์ของกล่องข้อความอินพุตจะอยู่นอกช่องข้อความอินพุต เราไม่เข้าใจว่าเหตุใดจึงมีปัญหานี้ อย่างที่คุณเห็นกล่องข้อความที่เน้นของฉันคือการป้อนข้อความอีเมล แต่เคอร์เซอร์ของฉันอยู่ด้านนอก สิ่งนี้เกิดขึ้นกับ iOS 11 Safari เท่านั้น

85 html  ios  bootstrap-modal  mobile-safari  ios11 

ฉันกำลังทำงานกับเว็บแอปเดียวซึ่งโดยทั่วไปจะใช้กับอุปกรณ์มือถือ หนึ่งในคุณสมบัติของมันคือโหมดแผนที่ซึ่งใช้งานชั่วคราวผ่านหน้าต่างเบราว์เซอร์ทั้งหมด มาตรวัดระยะทางและการควบคุมบางอย่างเชื่อมต่อกับมุมทั้งสี่ของแผนที่ นี่คือภาพหน้าจอเล็ก ๆ ของแผนที่เพื่อให้คุณสามารถบอกสิ่งที่ฉันกำลังพูดถึง: แผนที่จะถูกนำมาใช้เช่นเดียว<div>กับกับposition: fixedและทั้งสี่พิกัดศูนย์; ฉันยังตั้งชั่วคราว<body>ไปoverflow: hiddenในขณะที่แผนที่จะมองเห็นได้ในการจัดการกับกรณีของจอแสดงผลแอปพื้นฐานที่ถูกเลื่อนออกไปจากแหล่งกำเนิด เพียงพอแล้วที่จะทำให้แผนที่ทำงานตามที่ฉันต้องการบนเบราว์เซอร์เดสก์ท็อป เบราว์เซอร์มือถือยังต้องการให้ฉันให้เมตาวิวพอร์ตแท็กกับบางสิ่งบางอย่าง"width=device-width,user-scalable=no"เพื่อให้พื้นที่ที่มองเห็นของหน้าต่างตรงกับวิวพอร์ต ทั้งหมดนี้ใช้งานได้อย่างสวยงามไม่กี่ปีก่อนตอนที่ฉันเขียนแอพนี้ แต่ที่ใดที่หนึ่งตามแนว iOS Safari หยุดไม่ให้เกียรติตัวเลือก meta viewport ใด ๆ ที่เกี่ยวข้องกับการปรับขนาด - ดูเหมือนว่าเว็บไซต์จำนวนมากเกินไปใช้แท็กผิด ยังไม่สามารถซูมได้ ปัจจุบันหากคุณเปิดใช้งานแผนที่บนเบราว์เซอร์นี้คุณมีโอกาสที่จะได้รับมุมมองซูมที่เล็กน้อยซึ่งจะตัดปุ่มเหล่านั้นที่ด้านขวาและด้านล่างและคุณไม่สามารถทำอะไรกับมันได้เนื่องจากสัมผัสทั้งหมดถูกตีความว่าเป็นการซูม / แพนด้วยท่าทางของแผนที่ไม่ใช่การเลื่อนเบราว์เซอร์ แผนที่ไม่ได้มีประโยชน์มากนักหากไม่มีคุณสมบัติที่เข้าถึงผ่านปุ่มเหล่านั้น - และหากไม่มีปุ่มบนขวาคุณจะไม่สามารถปิดแผนที่ได้ ทางออกเดียวคือโหลดหน้าซ้ำซึ่งอาจทำให้ข้อมูลที่ไม่ได้บันทึกสูญหาย ฉันจะเพิ่มการใช้history.pushState/ onpopstateเพื่อให้การซ้อนทับแผนที่ทำงานเหมือนหน้าอื่น ๆ คุณสามารถออกจากโหมดแผนที่โดยใช้ปุ่มย้อนกลับของเบราว์เซอร์ - แต่นั่นไม่ได้หมายความว่าฟังก์ชั่นที่เหลือจะหายไปจากปุ่มที่หายไป ฉันได้พิจารณาที่.requestFullscreen()จะใช้การวางซ้อนแผนที่ แต่ไม่รองรับทุกที่ที่แอปจะใช้งานได้ โดยเฉพาะอย่างยิ่งดูเหมือนว่าจะไม่สามารถใช้งานได้บน iPhone และบน iPads คุณจะได้รับแถบสถานะและปุ่ม 'X' ขนาดใหญ่ซ้อนทับเนื้อหาของคุณ - มาตรวัดระยะทางของฉันอาจไม่สามารถอ่านได้อีกต่อไป มันไม่ใช่ความหมายที่ฉันต้องการจริงๆใช่ไหม …

10 html  css  mobile-safari  fullscreen