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

ฉันกำลังพยายามจำลองตัวบ่งชี้กิจกรรมสไตล์ Apple (ไอคอนโหลดนาฬิกาแดด) โดยใช้ภาพเคลื่อนไหว PNG และ CSS3 ฉันหมุนภาพและทำไปเรื่อย ๆ แต่ดูเหมือนว่าจะมีความล่าช้าหลังจากที่ภาพเคลื่อนไหวเสร็จสิ้นก่อนที่จะหมุนภาพถัดไป @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } #loading img { -webkit-animation-name: rotate; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; -webkit-transition-timing-function: linear; } ฉันได้ลองเปลี่ยนระยะเวลาของแอนิเมชั่นแล้ว แต่มันก็ไม่แตกต่างกันถ้าคุณทำให้ช้าลงให้พูดว่า 5s มันชัดเจนมากขึ้นว่าหลังจากการหมุนครั้งแรกจะมีการหยุดชั่วคราวก่อนที่มันจะหมุนอีกครั้ง นี่คือการหยุดชั่วคราวที่ฉันต้องการกำจัด ความช่วยเหลือใด ๆ ที่ชื่นชมมากขอบคุณ

120 animation  webkit  css  transform 

ฉันได้รับข้อผิดพลาด "Uncaught RangeError: ขนาดสแต็กการโทรสูงสุดเกิน" บน Chrome นี่คือฟังก์ชั่น jQuery ของฉัน $('td').click(function () { if ($(this).context.id != null && $(this).context.id != '') { foo($('#docId').val(), $(this).attr('id')); } return false; }); สังเกตว่ามีเซลล์นับหมื่นในหน้า อย่างไรก็ตามโดยทั่วไปฉันเชื่อมโยงสแต็คล้นกับการเรียกซ้ำและในกรณีนี้เท่าที่ฉันเห็นไม่มีเลย การสร้างแลมบ์ดาเช่นนี้จะทำให้เกิดภาระในสแตกโดยอัตโนมัติหรือไม่? มีวิธีใดบ้าง? ในขณะนี้วิธีแก้ปัญหาเดียวที่ฉันมีคือการสร้างเหตุการณ์ onclick อย่างชัดเจนในแต่ละเซลล์เมื่อแสดงผล HTML ซึ่งทำให้ HTML มีขนาดใหญ่ขึ้นมาก

113 javascript  jquery  google-chrome  webkit  stack-overflow 

ฉันต้องการเปลี่ยน-webkit-transform: rotate()คุณสมบัติโดยใช้ JavaScript แบบไดนามิก แต่ที่ใช้กันทั่วไปsetAttributeไม่ทำงาน: img.setAttribute('-webkit-transform', 'rotate(60deg)'); .styleไม่ทำงานอย่างใดอย่างหนึ่ง ... ฉันจะตั้งค่าแบบไดนามิกใน JavaScript ได้อย่างไร

112 javascript  webkit 

ฉันได้รับข้อผิดพลาดด้านล่างเมื่อฉันพยายามตั้งค่าแฮชเป็น URL หลักจาก iframe ซึ่งมี URL ของโดเมนอื่น: JavaScript ที่ไม่ปลอดภัยพยายามเข้าถึงเฟรมด้วย URL "URL1" จากเฟรมที่มี URL "URL2" โดเมนโปรโตคอลและพอร์ตต้องตรงกัน ฉันจะแก้ไขปัญหานี้ได้อย่างไร?

112 javascript  iframe  webkit  cross-domain 

ใน 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 

เมื่อฉันทำงานกับ CSS ฉันมักจะทดสอบในเบราว์เซอร์เช่น Chrome คลิกขวาที่องค์ประกอบคลิกตรวจสอบองค์ประกอบและแก้ไข CSS ที่นั่น การใช้ปุ่มลูกศรเพื่อเปลี่ยนสิ่งต่างๆเช่นระยะขอบและช่องว่างภายในทำให้การจัดเรียงสิ่งต่างๆทำได้ง่ายมาก ไม่ใช่เรื่องยากเกินไปที่จะนำการเปลี่ยนแปลงเหล่านั้นไปใช้กับไฟล์ CSS แต่มันจะดีมากถ้าฉันสามารถคลิกขวาที่ตัวเลือกในตัวตรวจสอบแล้วเลือก "ส่งออก" หรือ "คัดลอก" และมีเนื้อหาอยู่ใน คลิปบอร์ด สิ่งนี้มีอยู่จริงหรือไม่?

104 css  webkit  google-chrome-extension  web-inspector 

ฉันมีแอปพลิเคชันที่ขยาย JavaScript ผ่าน JavaScriptCore ในเบราว์เซอร์ webkit-gtk ตอนนี้ฉันมีหลายคลาสที่ฉันเพิ่มเข้าไปในบริบทส่วนกลางดังนี้: void create_js(gpointer context, char* className, JSClassDefinition clasDefinition) { JSClassRef classDef = JSClassCreate(&clasDefinition); JSObjectRef classObj = JSObjectMake(context, classDef, context); JSObjectRef globalObj = JSContextGetGlobalObject(context); JSStringRef str = JSStringCreateWithUTF8CString(className); JSObjectSetProperty(context, globalObj, str, classObj, kJSPropertyAttributeNone, NULL); JSStringRelease(str); } ตอนนี้ฉันต้องการเพิ่มชั้นเรียนเหล่านั้นในบริบทของ WebWorker ด้วยดังนั้นฉันจึงสามารถเรียกพวกเขาจากคนงานที่สร้างอินสแตนซ์ใน JS ได้ ฉันได้ลองรับWorkerวัตถุแล้ว: JSStringRef workerStr = …

102 javascript  webkit  customization  web-worker  javascriptcore 

ฉันมีองค์ประกอบ div สองตำแหน่งที่ทับซ้อนกัน ทั้งสองได้ตั้งค่าดัชนี z ผ่าน css ฉันใช้การtranslate3dแปลง webkit เพื่อทำให้องค์ประกอบเหล่านี้เคลื่อนไหวออกจากหน้าจอจากนั้นกลับเข้าสู่หน้าจอ หลังจากที่เปลี่ยนองค์ประกอบไม่เคารพชุดของz-indexค่า ใครช่วยอธิบายได้ไหมว่าเกิดอะไรขึ้นกับ z-index / stack-order ขององค์ประกอบ div เมื่อฉันทำการแปลง webkit และอธิบายสิ่งที่ฉันสามารถทำได้เพื่อรักษาลำดับสแต็กขององค์ประกอบ div นี่คือข้อมูลเพิ่มเติมเกี่ยวกับวิธีการแปลงร่าง ก่อนการแปลงแต่ละองค์ประกอบจะได้รับค่าการเปลี่ยน webkit สองค่าที่กำหนดผ่าน css (ฉันใช้ jQuery เพื่อ.css()เรียกใช้ฟังก์ชัน: element.css({ '-webkit-transition-duration': duration + 's' }); element.css({ '-webkit-transition-property': '-webkit-transform' }); จากนั้นองค์ประกอบจะเคลื่อนไหวโดยใช้ translate3d -webkit-transform: element.css({ '-webkit-transform': 'translate3d(' + hwDelta + 'px, 0, …

98 css  webkit  transform 

ฉันใช้คอมโพเนนต์ textarea ในแอปพลิเคชันของฉันและฉันควบคุมความสูงแบบไดนามิก เมื่อผู้ใช้พิมพ์ความสูงจะเพิ่มขึ้นทุกครั้งที่มีข้อความเพียงพอ ใช้งานได้ดีบน IE, Firefox และ Safari อย่างไรก็ตามใน Safari มีเครื่องมือ "ที่จับ" ที่ด้านขวาล่างซึ่งช่วยให้ผู้ใช้สามารถปรับขนาดพื้นที่ข้อความได้โดยคลิกและลาก ฉันยังสังเกตเห็นปัญหานี้กับ textarea ในหน้าถามคำถาม stackoverflow เครื่องมือนี้สร้างความสับสนและโดยทั่วไปแล้วจะเข้ามาขวางทาง ดังนั้นจะมีการซ่อนแฮนเดิลปรับขนาดนี้หรือไม่? (ฉันไม่แน่ใจว่า "ด้ามจับ" เป็นคำที่ถูกต้องหรือไม่ แต่ฉันคิดคำศัพท์ที่ดีกว่านี้ไม่ได้)

97 safari  webkit  css 

ฉันต้องการเพิ่มส่วนหัวที่กำหนดเองในทุกคำขอที่มาจาก WebView ฉันรู้ว่าloadURLมีพารามิเตอร์สำหรับextraHeadersแต่ใช้กับคำขอเริ่มต้นเท่านั้น คำขอที่ตามมาทั้งหมดไม่มีส่วนหัว ผมมองที่แทนที่ทั้งหมดในWebViewClientแต่ไม่มีอะไรที่ช่วยให้การเพิ่มส่วนหัวการร้องขอทรัพยากร onLoadResource(WebView view, String url)- ความช่วยเหลือใด ๆ จะวิเศษมาก ขอบคุณเรย์

97 java  android  webkit  android-webview 

HTML แบบง่ายด้านล่างแสดงแตกต่างกันในเบราว์เซอร์ Firefox และ WebKit (ฉันตรวจสอบใน Safari, Chrome และ iPhone) ใน Firefox ทั้งเส้นขอบและข้อความจะมีสีเดียวกัน ( #880000) แต่ใน Safari ข้อความจะจางลงเล็กน้อย (ราวกับว่ามีความโปร่งใสอยู่บ้าง) ฉันจะแก้ไขได้อย่างไร (ลบความโปร่งใสนี้ใน Safari) <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> input:disabled{ border:solid 1px #880000; background-color:#ffffff; color:#880000; } </style> </head> <body> <form action=""> <input type="text" value="disabled input box" disabled="disabled"/> </form> </body> </html>

95 iphone  html  css  safari  webkit 

ฉันต้องการให้ด้านซ้ายเป็นสีเขียวและด้านขวาเป็นสีเทา ตามภาพด้านบนจะสมบูรณ์แบบ ควรเป็นโซลูชัน CSS ที่แท้จริง (ต้องกังวลเกี่ยวกับ WebKit เท่านั้น) สิ่งนั้นเป็นไปได้หรือไม่?

95 css  html  input  webkit 

วันนี้ฉัน 'เดินเตาะแตะ' โดยคอนโซลใน Chrome บน Facebook น่าแปลกใจที่ฉันได้รับข้อความนี้ในคอนโซล ตอนนี้คำถามของฉันคือ: เป็นไปได้อย่างไร? ฉันรู้ว่ามีวิธี 'ใช้ประโยชน์' บางอย่างสำหรับคอนโซล แต่คุณจะจัดรูปแบบแบบอักษรในคอนโซลได้อย่างไร (และเป็น console.log หรือไม่)

94 javascript  html  google-chrome  webkit  exploit 

ฉันดาวน์โหลดโครเมียมฐานรหัส 's และวิ่งข้ามnamespace WTF namespace WTF { /* * C++'s idea of a reinterpret_cast lacks sufficient cojones. */ template<typename TO, typename FROM> TO bitwise_cast(FROM in) { COMPILE_ASSERT(sizeof(TO) == sizeof(FROM), WTF_wtf_reinterpret_cast_sizeof_types_is_equal); union { FROM from; TO to; } u; u.from = in; return u.to; } } // namespace WTF นี่หมายความว่าฉันคิดว่ามันหมายความว่าอย่างไร? อาจเป็นเช่นนั้นbitwise_castการนำไปใช้งานที่ระบุไว้ที่นี่จะไม่รวบรวมถ้าอย่างใดอย่างหนึ่งTOหรือFROMไม่ใช่PODและไม่ …

92 c++  webkit  chromium 

ฉันมีปัญหาแปลก ๆ ฉันพยายามสร้างเว็บไซต์ด้วยวิดีโอพื้นหลังแบบวนซ้ำ รหัสมีลักษณะดังนี้: <video src="video/bg.mp4" style="z-index: -1;object-fit: cover;" poster="video/bg.jpg" autobuffer autoplay loop muted></video> เรียกใช้ข้อมูลโค้ดHide resultsขยายข้อมูลโค้ด สิ่งนี้ทำงานได้ดีอย่างสมบูรณ์บนเบราว์เซอร์ส่วนใหญ่ (IE ต่อสู้กับสิ่งที่พอดีกับวัตถุนี้ แต่ฉันไม่รังเกียจ) แต่บน iPhone วิดีโอจะไม่เล่นอัตโนมัติ แต่บน iPad ก็ทำได้ ฉันอ่านนโยบายใหม่สำหรับ iOSแล้วและฉันคิดว่ามีคุณสมบัติตรงตามข้อกำหนด (มิฉะนั้น iPad จะไม่เล่นอัตโนมัติ) ฉันทำการทดสอบอื่น ๆ : การลบการซ้อนทับ Divs จะไม่สามารถแก้ไขได้ การลบ z-index จะไม่สามารถแก้ไขได้ Wifi หรือ Cellular ไม่ได้สร้างความแตกต่าง ขนาดไฟล์วิดีโอก็ไม่ได้สร้างความแตกต่างเช่นกัน ฉันทำผิดหรือว่า iPhone ไม่เล่นวิดีโออัตโนมัติและต้องมีการโต้ตอบเสมอไป? ฉันสนใจเฉพาะ iOS …

92 ios  html  video  webkit  autoplay