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

การพัฒนาข้ามเบราว์เซอร์หมายถึงแนวปฏิบัติในการสร้างเว็บไซต์แอปพลิเคชันเว็บไลบรารีหรือส่วนประกอบเพื่อให้สามารถทำงานกับเว็บเบราว์เซอร์และเครื่องมือการแสดงผลที่แตกต่างกัน

15
'innerText' ทำงานได้ใน IE แต่ไม่ใช่ใน Firefox
ฉันมีรหัส JavaScript ที่ทำงานใน IE ที่มีสิ่งต่อไปนี้: myElement.innerText = "foo"; อย่างไรก็ตามดูเหมือนว่าคุณสมบัติ 'innerText' จะไม่ทำงานใน Firefox Firefox มีอะไรบ้างที่เทียบเท่า? หรือมีคุณสมบัติข้ามเบราว์เซอร์ทั่วไปที่สามารถใช้งานได้มากกว่านี้?

22
เทคนิค CSS สำหรับเส้นแนวนอนพร้อมคำที่อยู่ตรงกลาง
ฉันกำลังพยายามสร้างกฎแนวนอนพร้อมข้อความอยู่ตรงกลาง ตัวอย่างเช่น: ----------------------------------- ชื่อของฉันที่นี่ ------------ ----------------- มีวิธีทำใน CSS หรือไม่? ไม่มีเครื่องหมาย "-" ทั้งหมด
286 html  css  cross-browser 

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

30
ฉันจะป้องกันไม่ให้คีย์ Backspace นำทางกลับได้อย่างไร
บน IE ฉันสามารถทำสิ่งนี้ได้ด้วย jQuery (ที่ไม่ได้มาตรฐาน แต่ทำงานได้) if ($.browser.msie) $(document).keydown(function(e) { if (e.keyCode == 8) window.event.keyCode = 0;}); แต่เป็นไปได้ไหมที่จะทำงานใน Firefox หรือใช้เบราว์เซอร์ข้ามโบนัส? สำหรับบันทึก: $(document).keydown(function(e) { if (e.keyCode == 8) e.stopPropagation(); }); ไม่ทำอะไรเลย $(document).keydown(function(e) { if (e.keyCode == 8) e.preventDefault(); }); แก้ปัญหา แต่ทำให้คีย์แบ็คสเปซไม่สามารถใช้งานได้บนหน้าซึ่งเลวร้ายยิ่งกว่าพฤติกรรมเดิม แก้ไข: เหตุผลที่ฉันทำเช่นนี้คือฉันไม่ได้สร้างหน้าเว็บธรรมดา แต่เป็นแอปพลิเคชันขนาดใหญ่ มันน่ารำคาญอย่างมากที่จะสูญเสียงาน 10 นาทีเพียงเพราะคุณกด Backspace ผิดที่ อัตราส่วนของการป้องกันข้อผิดพลาดเทียบกับผู้ใช้ที่น่ารำคาญควรอยู่เหนือ 1,000/1 …

21
การสร้างมุมโค้งมนโดยใช้ CSS [ปิด]
ตามที่เป็นอยู่ในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบคำถาม & คำตอบของเรา เราคาดหวังคำตอบที่จะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้มีแนวโน้มที่จะเรียกร้องการอภิปรายการโต้แย้งการหยั่งเสียงหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงและเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อขอคำแนะนำ ปิดให้บริการใน7 ปีที่ผ่านมา ฉันจะสร้างมุมโค้งมนโดยใช้ CSS ได้อย่างไร


11
เหตุการณ์การปรับขนาดหน้าต่างข้ามเบราว์เซอร์ - JavaScript / jQuery
อะไรคือวิธีที่ถูกต้อง (ทันสมัย) สำหรับการแตะที่หน้าต่างเพื่อปรับขนาดเหตุการณ์ที่ทำงานใน Firefox, WebKitและ Internet Explorer และคุณสามารถเปิด / ปิดแถบเลื่อนทั้งสองได้หรือไม่

16
วิธีตรวจจับเหตุการณ์ปุ่มย้อนกลับของเบราว์เซอร์ - เบราว์เซอร์ข้าม
คุณจะตรวจสอบอย่างชัดเจนว่าผู้ใช้กดปุ่มย้อนกลับในเบราว์เซอร์อย่างไรหรือไม่? คุณบังคับใช้ปุ่มย้อนกลับในหน้าภายในเว็บแอปพลิเคชันหน้าเดียวโดยใช้#URLระบบได้อย่างไร ทำไมบนโลกไม่เบราว์เซอร์ปุ่มย้อนกลับยิงเหตุการณ์ของตัวเอง!?

5
ตัดทอนสตริงที่ยาวด้วย CSS: เป็นไปได้หรือยัง
มีวิธีที่ดีในการตัดทอนข้อความด้วย HTML ธรรมดาและ CSS หรือไม่เพื่อให้เนื้อหาแบบไดนามิกสามารถอยู่ในเลย์เอาต์ความกว้างคงที่และความสูงได้? ฉันตัดทอนฝั่งเซิร์ฟเวอร์ด้วยความกว้างของลอจิคัล (นั่นคือจำนวนอักขระที่คาดเดาไม่ได้) แต่เนื่องจาก 'w' นั้นกว้างกว่า 'i' สิ่งนี้จึงมีแนวโน้มที่จะไม่ดีและยังต้องคาดเดาอีกด้วย ( และปรับแต่ง) จำนวนตัวอักษรสำหรับทุกความกว้างคงที่ โดยหลักการแล้วการตัดจะเกิดขึ้นในเบราว์เซอร์ซึ่งทราบความกว้างทางกายภาพของข้อความที่แสดงผล ฉันพบว่า IE มีtext-overflow: ellipsisคุณสมบัติที่ทำสิ่งที่ฉันต้องการได้อย่างแน่นอน แต่ฉันต้องการสิ่งนี้เพื่อเป็นเบราว์เซอร์ข้าม คุณสมบัตินี้ดูเหมือนจะเป็นมาตรฐาน (ค่อนข้าง?)แต่ไม่รองรับ Firefox ฉันพบวิธีแก้ไขปัญหาต่าง ๆ ตามแต่พวกเขาอาจไม่แสดงจุดไข่ปลา (ฉันต้องการให้ผู้ใช้ทราบว่าเนื้อหาถูกตัดทอน) หรือแสดงตลอดเวลา (แม้ว่าเนื้อหาจะไม่ถูกตัดทอน)overflow: hidden ใครบ้างมีวิธีที่ดีของการปรับข้อความแบบไดนามิกในเลย์เอาต์คงที่หรือการตัดทอนฝั่งเซิร์ฟเวอร์โดยความกว้างของลอจิคัลและเท่าที่ฉันจะได้รับในตอนนี้?

14
ปุ่มส่งเริ่มต้นบนฟอร์ม HTML ได้รับการพิจารณาอย่างไร
หากมีการส่งแบบฟอร์ม แต่ไม่มีปุ่มเฉพาะเช่น โดยกด Enter ใช้HTMLFormElement.submit()ใน JS เบราว์เซอร์ควรกำหนดอย่างไรว่าจะใช้ปุ่มใดในการส่งหลายปุ่มเพื่อใช้เป็นปุ่มกด สิ่งนี้มีความสำคัญในสองระดับ: การเรียกonclickตัวจัดการเหตุการณ์ที่แนบกับปุ่มส่ง ข้อมูลที่ส่งกลับไปยังเว็บเซิร์ฟเวอร์ การทดลองของฉันจนถึงขณะนี้ได้แสดงให้เห็นว่า: เมื่อกดEnter, Firefox, Opera และ Safari จะใช้ปุ่มส่งครั้งแรกในแบบฟอร์ม เมื่อกดEnterIE จะใช้ปุ่มส่งครั้งแรกหรือไม่มีเลยขึ้นอยู่กับเงื่อนไขที่ฉันไม่สามารถหาได้ เบราว์เซอร์ทั้งหมดนี้ไม่มีการใช้เลยสำหรับการส่ง JS มาตรฐานพูดอะไร ถ้ามันจะช่วยได้นี่คือรหัสทดสอบของฉัน (PHP นั้นเกี่ยวข้องกับวิธีการทดสอบของฉันเท่านั้นไม่ใช่เพื่อคำถามของฉันเอง) <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> </head> <body> <h1>Get</h1> <dl> <?php foreach …

13
ไม่สามารถโหลดทรัพยากรภายใต้ Chrome
มีรูปภาพจำนวนมากในหน้าเว็บ เบราว์เซอร์อื่นกำลังดาวน์โหลดอย่างถูกต้อง แต่ Chrome ไม่โหลด ในคอนโซลของผู้พัฒนาจะแสดงข้อความต่อไปนี้สำหรับแต่ละภาพ: ไม่สามารถโหลดทรัพยากร ปัญหานี้จะปรากฏเฉพาะใน Chrome มันคืออะไร?

16
ตัวจัดการเหตุการณ์ OnChange สำหรับปุ่มตัวเลือก (INPUT type =“ radio”) ไม่ทำงานเป็นค่าเดียว
ฉันกำลังมองหาโซลูชันทั่วไปสำหรับสิ่งนี้ พิจารณาอินพุตประเภทวิทยุ 2 อันที่มีชื่อเดียวกัน เมื่อส่งแล้วสิ่งที่ถูกตรวจสอบจะกำหนดค่าที่ส่งมาพร้อมกับแบบฟอร์ม: <input type="radio" name="myRadios" onchange="handleChange1();" value="1" /> <input type="radio" name="myRadios" onchange="handleChange2();" value="2" /> เหตุการณ์การเปลี่ยนแปลงจะไม่ทำงานเมื่อยกเลิกการเลือกปุ่มตัวเลือก ดังนั้นหากวิทยุที่มีค่า = "1" ถูกเลือกอยู่แล้วและผู้ใช้เลือกรายการที่สอง handleChange1 () จะไม่ทำงาน นี่นำเสนอปัญหา (สำหรับฉันต่อไป) ในกรณีที่ไม่มีเหตุการณ์ที่ฉันสามารถตรวจจับสิ่งที่เลือกได้ สิ่งที่ฉันต้องการเป็นวิธีแก้ปัญหาสำหรับเหตุการณ์ onchange สำหรับค่ากลุ่มช่องทำเครื่องหมายหรืออีกวิธีหนึ่งคือเหตุการณ์ oncheck ที่ตรวจจับไม่เพียง แต่เมื่อมีการตรวจสอบวิทยุ แต่ยังเมื่อไม่ได้ตรวจสอบ ฉันแน่ใจว่าคุณบางคนเคยพบปัญหานี้มาก่อน มีวิธีแก้ไขปัญหาอะไรบ้าง (หรือนึกคิดว่าวิธีที่เหมาะสมในการจัดการกับปัญหานี้คืออะไร) ฉันแค่ต้องการที่จะจับเหตุการณ์การเปลี่ยนแปลงเข้าถึงวิทยุที่ตรวจสอบก่อนหน้านี้เช่นเดียวกับวิทยุที่ตรวจสอบใหม่ PS onclick ดูเหมือนจะเป็นเหตุการณ์ที่ดีกว่า (เบราว์เซอร์ข้าม) เพื่อระบุว่ามีการตรวจสอบวิทยุเมื่อใด แต่ก็ยังไม่สามารถแก้ปัญหาที่ไม่ได้ตรวจสอบได้ ฉันคิดว่ามันสมเหตุสมผลว่าทำไม onchange สำหรับประเภทช่องทำเครื่องหมายทำงานในกรณีเช่นนี้เนื่องจากมันเปลี่ยนค่าที่ส่งเมื่อคุณตรวจสอบหรือยกเลิกการตรวจสอบ ฉันหวังว่าปุ่มตัวเลือกจะทำงานเหมือนกับการเลือกองค์ประกอบของ SELECT …

13
องค์ประกอบการปิดตัวเองที่ถูกต้องทั้งหมดใน XHTML คืออะไร (ตามที่เบราว์เซอร์หลักใช้)
องค์ประกอบการปิดตัวเองที่ถูกต้องทั้งหมด (เช่น <br/>) ใน XHTML (ถูกใช้โดยเบราว์เซอร์หลัก) คืออะไร ฉันรู้ว่า XHTML ในทางเทคนิคอนุญาตให้องค์ประกอบใด ๆ ปิดตัวเองได้ แต่ฉันกำลังมองหารายการองค์ประกอบที่สนับสนุนโดยเบราว์เซอร์หลัก ๆ ทั้งหมด ดูhttp://dusan.fora.si/blog/self-closing-tagsสำหรับตัวอย่างของปัญหาที่เกิดจากองค์ประกอบการปิดตัวเองเช่น <div />

12
ทางเลือกคุณสมบัติของ css 'pointer-events' สำหรับ IE
ฉันมีเมนูการนำทางแบบเลื่อนลงซึ่งบางส่วนของชื่อไม่ควรนำทางไปยังหน้าอื่นเมื่อคลิก (ชื่อเหล่านี้เปิดเมนูแบบเลื่อนลงเมื่อคลิก) ส่วนที่อื่น ๆ ควรนำทาง (สิ่งเหล่านี้ไม่มีรายการแบบเลื่อนลงและนำทางโดยตรง) ประเภทได้hrefกำหนดไว้ เพื่อแก้ปัญหานี้ฉันได้เพิ่ม CSS ต่อไปนี้สำหรับชื่อประเภทเดิม pointer-events: none; และใช้งานได้ดี แต่เนื่องจาก IE ไม่รองรับคุณสมบัตินี้ฉันกำลังมองหาการแก้ไข สิ่งที่น่ารำคาญคือฉันไม่มีสิทธิ์เข้าถึงและเปลี่ยนรหัส HTML และ JavaScriptอย่างสมบูรณ์ ความคิดใด ๆ

6
เบราว์เซอร์ sessionStorage แชร์ระหว่างแท็บหรือไม่
ฉันมีค่าบางอย่างในเว็บไซต์ของฉันซึ่งฉันต้องการลบเมื่อปิดเบราว์เซอร์ ฉันเลือกที่sessionStorageจะเก็บค่าเหล่านั้น เมื่อปิดแท็บพวกเขาจะถูกล้างอย่างแน่นอนและเก็บไว้หากผู้ใช้กด f5; แต่ถ้าผู้ใช้เปิดลิงค์ในแท็บอื่นค่าเหล่านี้จะไม่สามารถใช้ได้ ฉันจะแชร์sessionStorageค่าระหว่างแท็บเบราว์เซอร์ทั้งหมดกับแอปพลิเคชันของฉันได้อย่างไร กรณีการใช้งาน: ใส่ค่าในที่เก็บข้อมูลบางอย่างเก็บค่านั้นไว้ในแท็บเบราว์เซอร์ทั้งหมดและล้างค่าหากปิดแท็บทั้งหมด if (!sessionStorage.getItem(key)) { sessionStorage.setItem(key, defaultValue) }

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