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

เมื่อองค์ประกอบ HTML เน้น '(เลือก / แท็บปัจจุบัน) เบราว์เซอร์จำนวนมาก (อย่างน้อย Safari และ Chrome) จะใส่เส้นขอบสีน้ำเงินรอบ ๆ สำหรับเลย์เอาต์ที่ฉันกำลังทำอยู่นี่เป็นสิ่งที่ทำให้เสียสมาธิและดูไม่ถูกต้อง <input type="text" name="user" class="middle" id="user" tabindex="1" /> Firefox ดูเหมือนจะไม่ทำเช่นนี้หรืออย่างน้อยจะให้ฉันควบคุมด้วย: border: x; ถ้ามีคนบอกฉันได้ว่าประสิทธิภาพของ IE ฉันจะอยากรู้อยากเห็น การได้รับ Safari เพื่อลบแสงน้อยนี้จะดี

610 css  input  safari  webkit  border 

ฉันใช้ไฟล์ไลบรารี JavaScript Direct Direct Remoting (DWR) และฉันได้รับข้อผิดพลาดเฉพาะใน Safari (เดสก์ท็อปและ iPad) มันบอกว่า เกินขนาดสแต็กการโทรสูงสุด ข้อผิดพลาดนี้หมายถึงอะไรอย่างแน่นอนและมันหยุดการประมวลผลอย่างสมบูรณ์? ยังแก้ไขSafariเบราว์เซอร์ใด ๆ(จริง ๆ แล้วiPad Safariมันพูดว่า JS: การดำเนินการเกินเวลาที่กำหนด ที่ฉันสมมติว่าเป็นปัญหาการโทรสแต็คเดียวกัน)

533 javascript  html  webkit  callstack  dwr 

ฉันดูเหมือนจะไม่พบไวยากรณ์ที่ถูกต้องสำหรับชอร์ตเทตการเปลี่ยน CSS ที่มีคุณสมบัติหลายอย่าง นี่ไม่ได้ทำอะไรเลย: .element { -webkit-transition: height .5s, opacity .5s .5s; -moz-transition: height .5s, opacity .5s .5s; -ms-transition: height .5s, opacity .5s .5s; transition: height .5s, opacity .5s .5s; height: 0; opacity: 0; overflow: 0; } .element.show { height: 200px; opacity: 1; } ฉันเพิ่มคลาสการแสดงด้วยจาวาสคริปต์ องค์ประกอบจะสูงขึ้นและมองเห็นได้ แต่ไม่เปลี่ยน ทดสอบใน Chrome, FF …

519 css  webkit  css-transitions  shorthand 

ฉันเพิ่งสังเกตเห็นว่าฉันได้รับคำเตือนจำนวนมากที่เลิกใช้แล้วใน Chrome รุ่นล่าสุด (นกขมิ้น) event.layerX และ event.layerY เสียและเลิกใช้งานใน WebKit พวกเขาจะถูกลบออกจากเครื่องยนต์ในอนาคตอันใกล้ ดูเหมือนว่า jQuery กำลังทำให้พลาด ฉันกำลังใช้: jquery-1.6.1.min.js. มันจะช่วยในการอัพเกรดเป็น jQuery รุ่นล่าสุดหรือยังไม่ได้รับการแก้ไขหรือเป็นข้อบกพร่องของ Chrome หรือเป็นอย่างอื่น PS ฉันไม่สามารถแสดงรหัสให้คุณได้เนื่องจากฉันคิดว่าเป็นข้อผิดพลาดทั่วไป แต่ฉันสงสัยว่าคำเตือนจะถูกโยนออกมาเมื่อฉันพยายามเข้าถึงวัตถุ jQuery หรือเมื่อ jQuery พยายามเข้าถึง layerX / layerY (ฉันค่อนข้างแน่ใจว่าเป็นกรณีที่พิจารณา ข้อผิดพลาด: P) jQuery อาจคัดลอกคุณสมบัติเหล่านั้นไปยังวัตถุ jQuery ดังนั้น... เกิดอะไรขึ้น? แก้ไข jQuery 1.7 ออกแล้วและแก้ไขปัญหานี้ อ่านรายละเอียดเพิ่มเติมได้ที่บล็อกของพวกเขาที่นี่

507 jquery  google-chrome  webkit 

ฉันกำลังทำคำสั่ง console.log ในจาวาสคริปต์ของฉันเพื่อบันทึกวัตถุจาวาสคริปต์ ฉันสงสัยว่ามีวิธีเมื่อเสร็จแล้ว - เพื่อคัดลอกวัตถุนั้นเป็นรหัสจาวาสคริปต์ สิ่งที่ฉันพยายามจะทำคือแปลงวัตถุที่สร้างขึ้นโดยใช้ ajax เพื่อแยกวิเคราะห์ฟีด xml เป็นวัตถุจาวาสคริปต์แบบคงที่เพื่อให้ไฟล์สามารถทำงานในเครื่องโดยไม่ต้องใช้เซิร์ฟเวอร์ ฉันได้รวมภาพหน้าจอของวัตถุในหน้าต่างตัวตรวจสอบ Chrome เพื่อให้คุณสามารถดูสิ่งที่ฉันพยายามทำ

493 javascript  jquery  google-chrome  object  webkit 

ฉันมีรูปแบบการเข้าสู่ระบบที่ไม่ได้มาตรฐาน - ฟิลด์ข้อความอีเมลฟิลด์รหัสผ่านและปุ่มส่งในโครงการ AIR ที่ใช้ HTML / jQuery เมื่อฉันกด Enter บนแบบฟอร์มเนื้อหาทั้งหมดของแบบฟอร์มจะหายไป แต่ไม่ได้ส่งแบบฟอร์ม ไม่มีใครรู้ว่านี่เป็นปัญหาของ Webkit (Adobe AIR ใช้ Webkit สำหรับ HTML) หรือว่าฉันทำอะไรผิดพลาดหรือไม่? ฉันเหนื่อย: $('.input').keypress(function (e) { if (e.which == 13) { $('form#login').submit(); } }); แต่นั่นก็ไม่ได้หยุดพฤติกรรมการล้างหรือส่งแบบฟอร์ม ไม่มีการดำเนินการที่เกี่ยวข้องกับแบบฟอร์ม - นั่นอาจเป็นปัญหาหรือไม่ ฉันสามารถใส่ฟังก์ชั่นจาวาสคริปต์ในการดำเนินการได้หรือไม่?

427 javascript  jquery  html  webkit  forms 

ฉันต้องการปรับแต่งแถบเลื่อนด้วย CSS ฉันใช้โค้ด CSS ของ WebKit ซึ่งทำงานได้ดีสำหรับ Safari และ Chrome: ::-webkit-scrollbar { width: 15px; height: 15px; } ::-webkit-scrollbar-track-piece { background-color: #C2D2E4; } ::-webkit-scrollbar-thumb:vertical { height: 30px; background-color: #0A4C95; } ฉันจะทำสิ่งเดียวกันใน Firefox ได้อย่างไร ฉันรู้ว่าฉันสามารถทำได้โดยใช้ jQuery แต่ฉันอยากทำด้วย CSS บริสุทธิ์ถ้าทำได้ จะขอบคุณสำหรับคำแนะนำจากผู้เชี่ยวชาญของใครบางคน!

313 css  firefox  webkit  scrollbar 

ฉันพยายามที่จะใช้งานเครื่องมืออัปโหลดรูปภาพ HTML5 ใหม่เช่นเดียวกับบนเว็บไซต์Mozilla Hacksแต่ทำงานได้กับเบราว์เซอร์ WebKit ส่วนหนึ่งของงานคือการแยกไฟล์ภาพจากcanvasวัตถุและผนวกเข้ากับวัตถุFormDataสำหรับการอัปโหลด ปัญหาก็คือว่าในขณะที่canvasมีtoDataURLฟังก์ชั่นที่จะกลับมาเป็นตัวแทนของไฟล์ภาพวัตถุ FormData ยอมรับเฉพาะไฟล์หรือวัตถุหยดจากไฟล์ API โซลูชัน Mozilla ใช้ฟังก์ชัน Firefox เท่านั้นต่อไปนี้ในcanvas: var file = canvas.mozGetAsFile("foo.png"); ... ซึ่งไม่สามารถใช้ได้กับเบราว์เซอร์ WebKit ทางออกที่ดีที่สุดที่ฉันคิดคือหาวิธีแปลง Data URI เป็นวัตถุไฟล์ซึ่งฉันคิดว่าอาจเป็นส่วนหนึ่งของ File API แต่ฉันไม่สามารถหาสิ่งที่จะทำให้ชีวิตของฉันทำได้ เป็นไปได้ไหม? ถ้าไม่ทางเลือกใด ๆ ขอบคุณ

283 javascript  html  webkit 

ฉันกำลังทำงานในโครงการที่เกี่ยวข้องกับ Raphaeljs ปรากฎว่าใช้งานไม่ได้บน Android มันทำบน iPhone ฉันจะแก้จุดบกพร่องในเบราว์เซอร์ Android อย่างไร มันคือ WebKit ดังนั้นถ้าฉันรู้เวอร์ชันจะทำการดีบั๊กมันในเวอร์ชันเต็มของ WebKit ที่ให้ผลลัพธ์เหมือนกันหรือไม่

281 android  debugging  webkit 

ฉันกำลังสร้างปลั๊กอิน jQuery ฉันจะได้รับความกว้างและความสูงของภาพจริงด้วย Javascript ใน Safari ได้อย่างไร การทำงานต่อไปนี้กับ Firefox 3, IE7 และ Opera 9: var pic = $("img") // need to remove these in of case img-element has set width and height pic.removeAttr("width"); pic.removeAttr("height"); var pic_real_width = pic.width(); var pic_real_height = pic.height(); แต่ในเบราว์เซอร์ Webkit เช่นค่า Safari และ Google Chrome คือ …

278 javascript  jquery  safari  google-chrome  webkit 

เมื่อเร็ว ๆ นี้ฉันได้เห็นคำถามด้วยแท็ก "webkit" คำถามดังกล่าวมักจะเป็นคำถามทางเว็บที่เกี่ยวข้องกับ CSS, jQuery, เลย์เอาต์, ปัญหาความเข้ากันได้ของเบราว์เซอร์ข้าม ฯลฯ ดังนั้น "webkit" นี้คืออะไรและเกี่ยวข้องกับ CSS อย่างไร ฉันได้สังเกตเห็น-webkit-...คุณสมบัติมากมายในซอร์สโค้ดสำหรับเว็บไซต์ต่างๆ ทั้งสองเกี่ยวข้องกันไหม? ปรับปรุง ดังนั้นจากคำตอบจนถึงตอนนี้ ... WebKit เป็นเครื่องมือแสดงผลเว็บเบราว์เซอร์ HTML / CSS สำหรับ Safari / Chrome มีเอ็นจิ้นดังกล่าวสำหรับ IE / Opera / Firefox และอะไรคือความแตกต่างข้อดีและข้อเสียของการใช้อันใดอันหนึ่ง? ฉันสามารถใช้คุณสมบัติ WebKit ใน Firefox ได้หรือไม่ คำถามสุดท้าย ... IE รองรับ WebKit หรือไม่ อัปเดต 2 เบราว์เซอร์หลักทั้งหมดใช้เอนจิ้นการแสดงผลที่แตกต่างกัน …

277 css  webkit  cross-browser  rendering-engine 

ฉันกำลังมองหาสิ่งที่เทียบเท่าใน Chrome เพื่อฟังก์ชั่น "หยุดข้อผิดพลาดทั้งหมด" ของ Firebug ในแท็บสคริปต์ Chrome มี "หยุดชั่วคราวทุกข้อยกเว้น" แต่นี่ก็ไม่เหมือนกับการทำลายข้อผิดพลาดทั้งหมด ยกตัวอย่างเช่นเมื่อโหลดหน้าเว็บที่มีรหัสต่อไปนี้ผมอยากจะทำลาย Chrome foo.bar = 42บนเส้น แม้ว่าจะเปิดใช้งาน "หยุดชั่วคราวในทุกข้อยกเว้น" แต่ฉันไม่ได้รับผลลัพธ์ตามที่คาดหวัง <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <script type="text/javascript"> function doError() { foo.bar = 42; } window.onload = function() { try { doError(); } catch …

258 javascript  google-chrome  debugging  webkit 

ฉันมีจาวาสคริปต์เล็กน้อยเพื่อเปลี่ยนสไตล์: sel = document.getElementById('my_id'); sel.className = sel.className.replace(/item-[1-9]-selected/,'item-1-selected'); return false; ใช้งานได้ดีกับ FF, Opera และ IE เวอร์ชันล่าสุด แต่ล้มเหลวใน Chrome และ Safari เวอร์ชันล่าสุด มันมีผลต่อลูกหลานสองคนซึ่งเกิดขึ้นเป็นพี่น้อง การปรับปรุงพี่น้องคนแรก แต่ครั้งที่สองไม่ได้ทำ ลูกขององค์ประกอบที่สองยังมีโฟกัสและมีแท็ก<a>ที่มีรหัสข้างต้นในแอตทริบิวต์onclick ใน Chrome หน้าต่าง“เครื่องมือสำหรับนักพัฒนา” ถ้าฉันเขยิบ (เช่นยกเลิกการเลือกและการตรวจสอบ) ใดแอตทริบิวต์ใด ๆองค์ประกอบการปรับปรุงพี่น้องสองกับรูปแบบที่ถูกต้อง มีวิธีแก้ปัญหาที่ง่ายและโปรแกรม "เขยิบ" WebKit ไปทำสิ่งที่ถูกต้องหรือไม่?

247 css  google-chrome  safari  webkit 

ฉันต้องการมีเมนูแนวตั้งที่มีความสูงเฉพาะ เด็กแต่ละคนต้องเติมความสูงของผู้ปกครองและมีข้อความที่อยู่ตรงกลาง จำนวนลูกเป็นแบบสุ่มดังนั้นฉันต้องทำงานกับค่าแบบไดนามิก Div .containerมีจำนวนลูกที่สุ่ม ( .item) ที่จะต้องเติมความสูงของพาเรนต์เสมอ เพื่อให้บรรลุว่าฉันใช้ flexbox สำหรับการสร้างลิงก์ที่มีข้อความตรงกลางฉันใช้display: table-cellเทคนิค แต่การใช้ตารางแสดงผลต้องใช้ความสูง 100% ปัญหาของฉัน.item-inner { height: 100% }คือไม่ทำงานใน webkit (Chrome) มีการแก้ไขสำหรับปัญหานี้หรือไม่? หรือมีเทคนิคที่แตกต่างกันในการ.itemเติมเต็มความสูงของผู้ปกครองด้วยข้อความแนวตั้งที่ตรงกลาง ตัวอย่างที่นี่ jsFiddle ควรดูใน Firefox และ Chrome .container { height: 20em; display: flex; flex-direction: column; border: 5px solid black } .item { flex: 1; border-bottom: 1px solid white; …

235 css  google-chrome  webkit  flexbox 

ฉันพยายามพิมพ์หน้าเอกสาร ในหน้านั้นฉันให้ตารางสีพื้นหลัง เมื่อฉันดูตัวอย่างก่อนพิมพ์ในโครเมี่ยมการไม่แสดงผลบนคุณสมบัติสีพื้นหลัง ... ดังนั้นฉันจึงลองคุณสมบัตินี้: -webkit-print-color-adjust: exact; แต่ก็ยังไม่แสดงสี http://jsfiddle.net/TbrtD/ .vendorListHeading { background-color: #1a4567; color: white; -webkit-print-color-adjust: exact; } <div class="bs-docs-example" id="soTable" style="padding-top: 10px;"> <table class="table" style="margin-bottom: 0px;"> <thead> <tr class="vendorListHeading" style=""> <th>Date</th> <th>PO Number</th> <th>Term</th> <th>Tax</th> <th>Quote Number</th> <th>Status</th> <th>Account Mgr</th> <th>Shipping Method</th> <th>Shipping Account</th> <th style="width: 184px;">QA</th> <th id="referenceSO">Reference</th> …

223 google-chrome  css  printing  webkit