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

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

30
วิธีปิดใช้งานการไฮไลต์การเลือกข้อความ
สำหรับแองเคอว่าการกระทำเช่นปุ่ม (ตัวอย่างเช่นคำถาม , แท็ก , ผู้ใช้อื่น ๆ ที่ด้านบนของหน้ากองมากเกิน) หรือแท็บจะมีวิธีการมาตรฐาน CSS เพื่อปิดการใช้งานไฮไลท์ผลหากผู้ใช้ตั้งใจเลือกข้อความ? ฉันรู้ว่าสิ่งนี้สามารถทำได้ด้วย JavaScript และ googling เล็กน้อยให้-moz-user-selectตัวเลือกMozilla เท่านั้น มีวิธีที่เป็นไปตามมาตรฐานเพื่อให้บรรลุนี้ด้วย CSS และถ้าไม่วิธีการ "ปฏิบัติที่ดีที่สุด" คืออะไร?


30
วิธีจัดแนวช่องทำเครื่องหมายและป้ายกำกับให้ข้ามเบราว์เซอร์อย่างสม่ำเสมอ
นี่เป็นหนึ่งในปัญหาเล็ก ๆ น้อย ๆ ของ CSS ที่ทำให้ฉันมีปัญหาตลอดเวลา คนรอบกองซ้อนล้นแนวตั้งcheckboxesและข้ามเบราว์เซอร์labelsอย่างต่อเนื่องได้อย่างไร เมื่อใดก็ตามที่ฉันจัดแนวพวกเขาอย่างถูกต้องใน Safari (มักใช้บน) พวกเขาจะปิดใน Firefox และ IE อย่างสมบูรณ์ แก้ไขใน Firefox และ Safari และ IE จะสับสนอย่างหลีกเลี่ยงไม่ ฉันเสียเวลากับเรื่องนี้ทุกครั้งที่ฉันกรอกแบบฟอร์มvertical-align: baselineinput นี่คือรหัสมาตรฐานที่ฉันใช้: <form> <div> <label><input type="checkbox" /> Label text</label> </div> </form> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ฉันมักจะใช้การรีเซ็ตของ Eric Meyer เพื่อให้องค์ประกอบของฟอร์มค่อนข้างชัดเจนในการแทนที่ รอคอยที่จะมีเคล็ดลับหรือลูกเล่นที่คุณมีให้!

30
จะวาง div ในแนวตั้งตรงกลางสำหรับเบราว์เซอร์ทั้งหมดได้อย่างไร?
ฉันต้องการจัดกึ่งกลางdivแนวตั้งด้วย CSS ฉันไม่ต้องการตารางหรือ JavaScript แต่ใช้ CSS เท่านั้น ฉันพบวิธีแก้ไขปัญหาบางอย่าง แต่ทั้งหมดขาดการสนับสนุน Internet Explorer 6 <body> <div>Div to be aligned vertically</div> </body> ฉันจะจัดกึ่งกลางdivแนวตั้งในเบราว์เซอร์หลักทั้งหมดรวมถึง Internet Explorer 6 ได้อย่างไร

24
ฉันจะจัดสไตล์แบบเลื่อนลง <select> ด้วย CSS เท่านั้นได้อย่างไร
มีวิธี CSS-only ในการกำหนดสไตล์ของ&lt;select&gt;ดรอปดาวน์หรือไม่? ฉันต้องมีสไตล์ &lt;select&gt;รูปแบบให้มากที่สุดเท่าที่จะเป็นไปได้โดยมนุษย์ คุณสมบัติอะไรที่ฉันสามารถใช้ใน CSS ได้? รหัสนี้จะต้องเข้ากันได้กับเบราว์เซอร์หลักทั้งหมด: Internet Explorer 6, 7 และ 8 Firefox การแข่งรถวิบาก ฉันรู้ว่าฉันทำได้ด้วย JavaScript: ตัวอย่างตัวอย่าง และฉันไม่ได้พูดถึงสไตล์ที่เรียบง่าย ฉันอยากรู้ว่าอะไรที่ดีที่สุดที่เราสามารถทำได้กับ CSS เท่านั้น ฉันพบคำถามที่คล้ายกันใน Stack Overflow และอันนี้ใน Doctype.com

9
clearfix คืออะไร
Наэтотвопросестьответына Stack Overflow нарусском : Сутькласса clearFix เมื่อเร็ว ๆ นี้ผมกำลังมองหารหัสผ่านของเว็บไซต์บางส่วนและเห็นว่าทุกคนมีชั้นเรียน&lt;div&gt; clearfix หลังจากการค้นหาอย่างรวดเร็วของ Google ฉันได้เรียนรู้ว่ามันเป็นของ IE6 บางครั้ง แต่จริงๆแล้ว clearfix คืออะไร? คุณช่วยให้ตัวอย่างบางส่วนของเลย์เอาต์มี clearfix เปรียบเทียบกับเลย์เอาต์ที่ไม่มี clearfix ได้หรือไม่?

21
จำนวนเต็มสูงสุดของ JavaScript คือจำนวนใดที่สามารถไปได้โดยไม่สูญเสียความแม่นยำ
สิ่งนี้ถูกกำหนดโดยภาษาหรือไม่ มีค่าสูงสุดที่กำหนดหรือไม่? มันแตกต่างกันในเบราว์เซอร์ที่แตกต่างกันอย่างไร

12
วิธีรับขนาดวิวพอร์ตของเบราว์เซอร์
ฉันต้องการให้ผู้เยี่ยมชมสามารถดูภาพคุณภาพสูงมีวิธีใดบ้างที่ฉันสามารถตรวจสอบขนาดหน้าต่างได้ หรือดีกว่าขนาดวิวพอร์ตของเบราว์เซอร์ที่มี JavaScript ดูพื้นที่สีเขียวที่นี่:

7
มีวิธี PUT, DELETE, HEAD และอื่น ๆ ในเว็บเบราว์เซอร์ส่วนใหญ่หรือไม่?
ฉันเคยเห็นคำถามสองสามรอบที่นี่เช่นวิธีการดีบักบริการ RESTfulซึ่งกล่าวถึง: น่าเสียดายที่เบราว์เซอร์เดียวกันไม่อนุญาตให้ฉันทดสอบ HTTP PUT, DELETE และในระดับหนึ่งแม้แต่ HTTP POST ฉันเคยได้ยินด้วยว่าเบราว์เซอร์รองรับเฉพาะ GET และ POST จากแหล่งอื่น ๆ เช่น: http://www.packetizer.com/ws/rest.html http://www.mail-archive.com/jmeter-user@jakarta.apache.org/msg13518.html http://www.xml.com/cs/user/view/cs_msg/1098 อย่างไรก็ตามการทดสอบอย่างรวดเร็วใน Firefox แสดงให้เห็นว่าการส่งPUTและDELETEคำขอทำงานได้ตามที่คาดไว้ - การXMLHttpRequestดำเนินการเสร็จสมบูรณ์และคำขอจะแสดงในบันทึกของเซิร์ฟเวอร์ด้วยวิธีการที่ถูกต้อง มีบางสิ่งที่ฉันขาดหายไปเช่นความเข้ากันได้ข้ามเบราว์เซอร์หรือข้อ จำกัด ที่ไม่ชัดเจนหรือไม่?

5
ความแตกต่างระหว่าง disabled =“ disabled” และ readonly =“ readonly” สำหรับช่องป้อนแบบฟอร์ม HTML คืออะไร
ฉันได้อ่านนิดหน่อยแล้ว แต่ฉันไม่สามารถหาอะไรที่เป็นของแข็งเกี่ยวกับวิธีที่เบราว์เซอร์ที่แตกต่างกันปฏิบัติต่อสิ่งต่าง ๆ

6
เบราว์เซอร์“ F5” และ“ Ctrl + F5” รีเฟรชสร้างอะไรได้บ้าง
มีมาตรฐานสำหรับการกระทำF5และการCtrl + F5กระตุ้นในเว็บเบราว์เซอร์หรือไม่? ฉันเคยทำการทดลองใน IE6 และ Firefox 2.x การF5 รีเฟรชจะทริกเกอร์คำขอ HTTP ที่ส่งไปยังเซิร์ฟเวอร์ด้วยIf-Modified-Sinceส่วนหัวในขณะที่Ctrl + F5จะไม่มีส่วนหัวดังกล่าว ในความเข้าใจของฉันF5 จะพยายามใช้เนื้อหาที่แคชมากที่สุดเท่าที่จะเป็นไปได้ในขณะที่Ctrl + F5 ตั้งใจจะละทิ้งเนื้อหาที่แคชทั้งหมดและเพียงดึงเนื้อหาทั้งหมดจากเซิร์ฟเวอร์อีกครั้ง แต่วันนี้ฉันสังเกตเห็นว่าในเบราว์เซอร์ล่าสุดบางส่วน (Chrome, IE8) มันไม่ทำงานในลักษณะนี้อีกต่อไป ทั้งF5และCtrl + F5ส่งIf-Modified-Sinceส่วนหัว ดังนั้นสิ่งนี้ควรจะทำงานอย่างไรหรือ (หากไม่มีมาตรฐาน) เบราว์เซอร์หลักแตกต่างกันอย่างไรในการใช้คุณลักษณะการรีเฟรชเหล่านี้

8
แอตทริบิวต์ของไฟล์ 'ยอมรับ' - มันมีประโยชน์หรือไม่
การใช้งานการอัปโหลดไฟล์ภายใต้ html นั้นค่อนข้างง่าย แต่ฉันเพิ่งสังเกตเห็นว่ามีแอตทริบิวต์ 'ยอมรับ' ที่สามารถเพิ่มลงใน&lt;input type="file" ...&gt;แท็กได้ แอททริบิวนี้มีประโยชน์ในการ จำกัด การอัพโหลดไฟล์ไปยังภาพ ฯลฯ หรือไม่? วิธีที่ดีที่สุดที่จะใช้มันคืออะไร? หรือมีวิธี จำกัด ประเภทไฟล์โดยเฉพาะอย่างยิ่งในกล่องโต้ตอบไฟล์สำหรับแท็กอินพุตไฟล์ html หรือไม่

13
ลบ Safari / Chrome textinput / textarea glow
ฉันสงสัยว่าเป็นไปได้หรือไม่ที่จะลบการเรืองแสงสีน้ำเงินและสีเหลืองเริ่มต้นเมื่อฉันคลิกที่พื้นที่ป้อนข้อความ / ข้อความโดยใช้ CSS?
337 css  cross-browser 

20
JavaScript รับข้อมูลคลิปบอร์ดจากการวางเหตุการณ์ (เบราว์เซอร์ข้าม)
เว็บแอปพลิเคชันสามารถตรวจจับเหตุการณ์การวางและดึงข้อมูลที่จะวางได้อย่างไร ฉันต้องการลบเนื้อหา HTML ก่อนที่ข้อความจะถูกวางลงในโปรแกรมแก้ไขข้อความที่มีรูปแบบ การล้างข้อความหลังจากวางหลังจากนั้นใช้งานได้ แต่ปัญหาคือการฟอร์แมตก่อนหน้านี้ทั้งหมดจะหายไป ตัวอย่างเช่นฉันสามารถเขียนประโยคในเครื่องมือแก้ไขและทำให้เป็นตัวหนา แต่เมื่อฉันวางข้อความใหม่การจัดรูปแบบทั้งหมดจะหายไป ฉันต้องการทำความสะอาดเฉพาะข้อความที่วางแล้วปล่อยให้การฟอร์แมตก่อนหน้านี้ไม่มีการแตะต้อง ในอุดมคติแล้วโซลูชันควรทำงานกับเบราว์เซอร์ที่ทันสมัยทั้งหมด (เช่น MSIE, Gecko, Chrome และ Safari) โปรดทราบว่า MSIE มีclipboardData.getData()แต่ฉันไม่พบฟังก์ชันการทำงานที่คล้ายกันสำหรับเบราว์เซอร์อื่น

10
วิธีแก้ไข Array indexOf () ใน JavaScript สำหรับเบราว์เซอร์ Internet Explorer
หากคุณทำงานกับ JavaScript ได้ทุกเวลาคุณจะทราบว่า Internet Explorer ไม่ใช้ฟังก์ชัน ECMAScript สำหรับ Array.prototype.indexOf () [รวมถึง Internet Explorer 8] ไม่ใช่ปัญหาใหญ่เพราะคุณสามารถขยายการทำงานบนหน้าของคุณด้วยรหัสต่อไปนี้ Array.prototype.indexOf = function(obj, start) { for (var i = (start || 0), j = this.length; i &lt; j; i++) { if (this[i] === obj) { return i; } } return -1; } ฉันควรใช้สิ่งนี้เมื่อใด ฉันควรห่อมันลงบนทุกหน้าของฉันด้วยการตรวจสอบต่อไปนี้ซึ่งจะตรวจสอบว่ามีฟังก์ชั่นต้นแบบอยู่หรือไม่ถ้าไม่ไปข้างหน้าและขยายต้นแบบ Array? …

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