คำถามติดแท็ก webkit

ฉันมีเว็บไซต์ที่เป็นหลักสำหรับผู้ใช้มือถือ แต่เดสก์ท็อปด้วย บน Mobile Safari การใช้<input type="number">งานได้ดีเพราะมันแสดงแป้นพิมพ์ตัวเลขในฟิลด์อินพุตซึ่งควรมีตัวเลขเท่านั้น อย่างไรก็ตามใน Chrome และ Safari การใช้อินพุตตัวเลขจะแสดงปุ่มหมุนที่ด้านขวาของฟิลด์ซึ่งดูเหมือนว่าไร้สาระในการออกแบบของฉัน ฉันไม่ต้องการปุ่มเพราะพวกมันไร้ประโยชน์เมื่อคุณต้องการเขียนตัวเลข 6 หลัก เป็นไปได้หรือไม่ที่จะปิดใช้งานสิ่งนี้ด้วย-webkit-appearanceหรือใช้ CSS เคล็ดลับอื่น ๆ ? ฉันได้ลองโดยไม่มีโชคมาก

203 css  html  webkit 

เป็นไปได้ไหมที่จะใช้ภาพเคลื่อนไหวการเปลี่ยน CSS3 ในการโหลดหน้าเว็บโดยไม่ใช้ Javascript นี่คือสิ่งที่ฉันต้องการ แต่ในการโหลดหน้า: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html สิ่งที่ฉันพบจนถึง CSS3 transition-delay , หนทางในการหน่วงเอฟเฟกต์กับองค์ประกอบต่างๆ ใช้งานได้เฉพาะเมื่อวางเมาส์เหนือ CSS3 Keyframeทำงานได้ดี แต่ช้ามาก ไม่มีประโยชน์เพราะสิ่งนั้น การเปลี่ยน CSS3นั้นเร็วพอ แต่อย่าเคลื่อนไหวเมื่อโหลดหน้าเว็บ

196 css  webkit  css-transitions  css-animations 

ฉันรู้ว่าใน Safari บน iPhone คุณสามารถตรวจจับทิศทางของหน้าจอและเปลี่ยนทิศทางได้โดยฟังonorientationchangeเหตุการณ์และสอบถามwindow.orientationมุม เป็นไปได้ไหมในเบราว์เซอร์บนโทรศัพท์ Android? เพื่อความชัดเจนฉันถามว่าการหมุนของอุปกรณ์ Android สามารถตรวจพบได้โดยJavaScript ที่ทำงานบนหน้าเว็บมาตรฐานหรือไม่ เป็นไปได้ใน iPhone และฉันสงสัยว่ามันสามารถทำได้สำหรับโทรศัพท์ Android

188 javascript  android  webkit 

ได้รับ ID DOM HTML, วิธีการรับตำแหน่งขององค์ประกอบที่เกี่ยวข้องกับหน้าต่างใน JavaScript / JQuery? สิ่งนี้ไม่เหมือนกับความสัมพันธ์กับเอกสารหรือพาเรนต์ออฟเซ็ตเนื่องจากองค์ประกอบอาจอยู่ใน iframe หรือองค์ประกอบอื่น ๆ ฉันต้องการรับตำแหน่งหน้าจอของสี่เหลี่ยมขององค์ประกอบ (ตามตำแหน่งและมิติ) ตามที่มันถูกแสดงอยู่ในปัจจุบัน ค่าลบสามารถยอมรับได้หากองค์ประกอบอยู่นอกจอ (เลื่อนออกไปแล้ว) นี่สำหรับแอปพลิเคชัน iPad (WebKit / WebView) เมื่อใดก็ตามที่ผู้ใช้แตะที่ลิงค์พิเศษในUIWebViewฉันควรจะเปิดมุมมองป๊อปโอเวอร์ที่แสดงข้อมูลเพิ่มเติมเกี่ยวกับลิงค์ มุมมองป๊อปโอเวอร์จำเป็นต้องแสดงลูกศรที่ชี้กลับไปยังส่วนของหน้าจอที่เรียกใช้

168 javascript  jquery  ipad  webkit  webview 

พฤติกรรมเริ่มต้นของ WebKit / Blink (Safari / Chrome) บน MacOS ตั้งแต่ 10.7 (Mac OS X Lion) คือการซ่อนแถบเลื่อนจากผู้ใช้ trackpad เมื่อไม่ได้ใช้งาน นี้อาจจะทำให้เกิดความสับสน ; แถบเลื่อนมักเป็นเพียงคิวภาพที่องค์ประกอบเลื่อนได้ ตัวอย่าง ( jsfiddle ) HTML <div class="frame"> Foo<br /> Bar<br /> Baz<br /> Help I'm trapped in an HTML factory! </div> CSS .frame { overflow-y: auto; border: 1px solid …

162 css  macos  webkit  scrollbar  blink 

ฉันสังเกตเห็นโพสต์บล็อกจาก Googleที่กล่าวถึงความสามารถในการวางรูปภาพโดยตรงจากคลิปบอร์ดลงในข้อความ Gmail หากคุณใช้ Chrome เวอร์ชันล่าสุด ฉันลองสิ่งนี้กับ Chrome รุ่นที่ฉันใช้ (12.0.742.91 beta-m) และใช้งานได้ดีโดยใช้ปุ่มควบคุมหรือเมนูบริบท จากพฤติกรรมดังกล่าวฉันต้องสมมติว่า webkit เวอร์ชันล่าสุดที่ใช้ใน Chrome สามารถจัดการกับรูปภาพในเหตุการณ์การวาง Javascript ได้ แต่ฉันไม่สามารถค้นหาการอ้างอิงถึงการปรับปรุงดังกล่าวได้ ฉันเชื่อว่าZeroClipboardเชื่อมโยงกับกิจกรรมการกดปุ่มเพื่อเรียกใช้ฟังก์ชันการทำงานของแฟลชและจะไม่ทำงานผ่านเมนูบริบท (เช่นกัน ZeroClipboard ข้ามเบราว์เซอร์และโพสต์บอกว่าใช้งานได้กับ Chrome เท่านั้น) ดังนั้นสิ่งนี้ทำงานอย่างไรและการเพิ่มประสิทธิภาพให้กับ Webkit (หรือ Chrome) ที่ใช้งานได้อย่างไร

148 javascript  html  google-chrome  webkit 

ฉันต้องการหมุนไอคอนการโหลดด้วย CSS ฉันมีไอคอนและรหัสต่อไปนี้: <style> #test { width: 32px; height: 32px; background: url('refresh.png'); } .rotating { -webkit-transform: rotate(360deg); -webkit-transition-duration: 1s; -webkit-transition-delay: now; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; } </style> <div id='test' class='rotating'></div> แต่มันไม่ทำงาน ไอคอนสามารถหมุนโดยใช้ CSS ได้อย่างไร

146 css  animation  webkit 

สไตล์ชีทผู้ใช้ตัวแทนสำหรับ Chrome ให้รัศมีเส้นขอบ 5px กับทุกมุมของ<select>องค์ประกอบ ฉันพยายามกำจัดสิ่งนี้โดยใช้รัศมี 0px ผ่านสไตล์ชีทภายนอกของฉันรวมทั้งอินไลน์องค์ประกอบเอง ฉันได้ลองทั้งคู่border-radius:0pxแล้ว-webkit-border-radius:0px;และฉันก็พยายามที่เฉพาะเจาะจงกว่านี้border-top-left-radius:0px(รวมถึง -webkit ที่เทียบเท่า) ไม่มีใครทำงาน เมื่อฉันตรวจสอบองค์ประกอบในเครื่องมือสำหรับนักพัฒนาของ webkit สไตล์การคำนวณยังคงแสดงรัศมีเป็น 5px แต่ถ้าฉันคลิกที่ลูกศรขยายถัดจากมันเพื่อดูเฉพาะมันอ่าน: element.style - 0px และด้านล่างนั้นจะแสดงข้อกำหนด css ภายนอกที่ฉันได้รับจาก 0px พร้อมกับข้อกำหนดสไตล์ชีทของผู้ใช้ - เอเจนต์ที่ 5px และทั้งสองหลังนี้ถูกขีดฆ่าอย่างที่ควรจะเป็น ความคิดใด ๆ

143 select  webkit  css 

ฉันมีปัญหาในการค้นหาเอกสารสำหรับสิ่งนี้ Safari นั้นเฉพาะเจาะจงหรือไม่? มีข้อผิดพลาดเมื่อเร็ว ๆ นี้ใน iOS 9 ( ที่นี่ ) วิธีการแก้ปัญหาซึ่งเป็นการเพิ่มshrink-to-fit=noไปยังเมตาวิวพอร์ต รหัสนี้ทำอะไร?

143 html  safari  webkit  ios9  viewport 

ฉันเห็นโพสต์นี้แล้วและลองทุกอย่างที่ทำได้เพื่อเปลี่ยนช่องว่างภายในสำหรับตัวยึดตำแหน่งของฉัน แต่ดูเหมือนว่าจะไม่ต้องการความร่วมมือ อย่างไรก็ตามนี่คือรหัสสำหรับ css ( แก้ไข : นี่คือ css ที่สร้างขึ้นจาก sass) #search { margin-top: 1px; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 220px; } #search form { position: relative; } #search input { padding: 0 10px 0 29px; color: #555555; border: none; background: url('/images/bg_searchbar.png?1296191141') no-repeat; width: 180px; height: …

137 html  google-chrome  webkit  css 

ฉันใช้เวลาค่อนข้างมากในการพยายามหาสาเหตุว่าทำไมวิดีโอถึงฝังตัวอยู่ที่นี่: <video height="256" loop autoplay muted controls id="vid"> <source type="video/mp4" src="video_file.mp4"></source> <source type="video/ogg" src="video_file.ogg"></source> </video> เริ่มเล่นโดยอัตโนมัติเมื่อโหลดเพจใน FireFox แต่ไม่สามารถเล่นอัตโนมัติในเบราว์เซอร์ที่ใช้ Webkit สิ่งนี้เกิดขึ้นในบางเพจแบบสุ่มเท่านั้น จนถึงตอนนี้ฉันไม่สามารถหาสาเหตุได้ ฉันสงสัยว่ามีแท็กที่ไม่ได้ปิดหรือ JS ขนาดใหญ่ที่สร้างโดย CMS editors

135 javascript  html  google-chrome  safari  webkit 

ดูเหมือนว่ามีการอัปเดตล่าสุดสำหรับ Google Chrome ซึ่งทำให้ข้อความไม่ชัดหลังจากทำไฟล์transform: scale(). โดยเฉพาะฉันกำลังทำสิ่งนี้: @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } หากคุณไปที่http://rourkery.comใน Chrome คุณจะเห็นปัญหาในพื้นที่ข้อความหลัก ไม่เคยทำเช่นนี้และดูเหมือนจะไม่มีผลกับเบราว์เซอร์ webkit อื่น ๆ (เช่น Safari) มีโพสต์อื่น ๆ เกี่ยวกับผู้ที่ประสบปัญหาคล้ายกันกับการแปลง 3 มิติ แต่ไม่พบอะไรเกี่ยวกับการแปลง 2 …

130 google-chrome  css  webkit  transform  css-animations 

Chrome (หรือเบราว์เซอร์ webkit อื่น ๆ ) พ่น "Unsafe JavaScript พยายามเข้าถึงเฟรมด้วย URL ... " จำนวนมากเหล่านี้เมื่อทำงานกับ Facebook API เป็นต้น มันไม่รบกวนการทำงานจริง แต่มันทำให้คอนโซล javascript ไม่สามารถใช้งานได้โดยทั่วไป ฉันต้องการทราบว่ามีวิธีระงับข้อผิดพลาดเฉพาะในคอนโซลหรือไม่ หรือหากมีวิธีแก้ปัญหาอื่น ๆ ที่พวกคุณคิดได้ฉันจะขอบคุณมาก ขอบคุณ

129 javascript  facebook  google-chrome  webkit  facebook-opengraph 

ฉันตระหนักดีว่าสามารถระบุกราฟิกที่กำหนดเองให้เป็นอักขระสัญลักษณ์แสดงหัวข้อย่อยแทนโดยใช้แอตทริบิวต์ CSS: list-style-image จากนั้นให้ URL อย่างไรก็ตามในกรณีของฉันฉันแค่ต้องการใช้สัญลักษณ์ '+' ฉันไม่ต้องการสร้างภาพกราฟิกสำหรับสิ่งนั้นแล้วชี้ไปที่มัน ฉันแค่สั่งให้รายการที่ไม่เรียงลำดับใช้สัญลักษณ์บวกเป็นสัญลักษณ์แสดงหัวข้อย่อย สามารถทำได้หรือฉันถูกบังคับให้ทำกราฟิกก่อน?

126 html  css  webkit  mobile-webkit 

ฉันมีแอปที่ฉันโหลดเนื้อหาไปยังไฟล์ UIWebViewและนำเสนอสิ่งนี้ ฉันไม่สามารถปิดการใช้งานการโต้ตอบของผู้ใช้ได้อย่างสมบูรณ์เพราะฉันต้องการให้ผู้ใช้สามารถคลิกลิงก์ได้ ฉันต้องปิดการใช้งานการเลือกผู้ใช้ ฉันพบที่ไหนสักแห่งใน Internets ที่คุณสามารถใช้ได้: document.body.style.webkitUserSelect='none'; ฉันพยายามแทรกสิ่งนี้เป็น [self.contentView stringByEvaluatingJavaScriptFromString:@"document.body.style.webkitUserSelect='none';"]; ใน webViewDidFinishLoad: อย่างไรก็ตามมันไม่ได้ผล ฉันยังคงสามารถเลือกและคัดลอกข้อความภายใน WebView ได้ ความคิดใด ๆ ที่อาจผิดพลาด? อัปเดต: ดูเหมือนว่าจะเกิดขึ้นตั้งแต่ iOS 4.3 เท่านั้น

121 ios  uiwebview  webkit  ios4  mobile-webkit