ปัจจุบัน h5 มีคุณสมบัติใหม่มากมาย แท็กใหม่ ข้อมูลจำเพาะใหม่ ฯลฯ และได้รับการปรับปรุงอย่างต่อเนื่อง การสนับสนุนของผู้จำหน่ายเบราว์เซอร์รายใหญ่ก็ค่อนข้างแข็งแกร่งเช่นกัน ในฐานะ front-end programmer ฉันคิดว่าเรายังต้องให้ความสนใจและฝึกฝนอย่างกล้าหาญ ต่อไป ฉันจะแบ่งปันฟีเจอร์ใหม่ที่มีประโยชน์มากของ h5 กับคุณ (ซึ่งไม่ได้ใหม่เป็นพิเศษในขณะนี้) ซึ่งสามารถตรวจสอบคีย์ส่งคืนของแอปใด ๆ ได้อย่างง่ายดาย รวมถึงคีย์ส่งคืนจริงในเครื่อง Android เพื่อพบกันต่อไป ความต้องการในการพัฒนาโครงการ
2. สาเหตุประมาณครึ่งปีที่แล้ว ฉันได้รับคำขอจาก PM ให้ใช้ h5 ล้วนๆ เพื่อรับรู้ถึงการเล่น การหยุดชั่วคราว และการเล่นเสียงหลายรายการต่อ หน้านี้อยู่ในแอป Driving Test Guide และไม่มีการโต้ตอบกับลูกค้า ดังนั้นจึงไม่จำเป็นต้องอ้างอิง js ที่เกี่ยวข้องกับไคลเอนต์ ดูเหมือนว่าข้อกำหนดนี้ค่อนข้างง่าย แม้ว่าฉันจะไม่เคยทำข้อกำหนดที่คล้ายกันมาก่อนก็ตาม ไม่ว่าจะยังไง แค่พับแขนเสื้อขึ้นแล้วลงมือทำ การเดินทางแห่งการเรียนรู้เริ่มต้นขึ้น
3. ในที่นี้ ฉันจะเน้นไปที่วิธีที่ฉันตรวจสอบคีย์ส่งคืนที่มาพร้อมกับแอปใดๆ รวมถึงคีย์ส่งคืนจริงในเครื่อง Androidเหตุใดฉันจึงต้องติดตาม?ฉันต้องเน้นซ้ำแล้วซ้ำอีก ไม่ว่าจะเป็น WeChat, QQ, App หรือเบราว์เซอร์บนโทรศัพท์ Apple เมื่อพูดถึงเสียงและวิดีโอ ระบบจะหยุดการเล่นปัจจุบันชั่วคราวโดยอัตโนมัติเมื่อกลับไปยังหน้าก่อนหน้า แต่โทรศัพท์ Android บางรุ่นเท่านั้นที่สามารถทำได้ ดังนั้นเราจึงต้องปรับแต่งการตรวจสอบด้วยตัวเอง เพื่อนๆ หลายๆ คนอาจนึกถึง Baidu มาก่อน แล้วคำตอบก็ไม่มีอะไรมากไปกว่านี้
pushHistory(); window.addEventListener(popstate, function(e) { alert(ฉันฟังเหตุการณ์ปุ่มย้อนกลับของเบราว์เซอร์);//ใช้ฟังก์ชันของคุณเองตามความต้องการของคุณ}, false); = { ชื่อเรื่อง: ชื่อเรื่อง, url: # }; window.history.pushState (สถานะ, ชื่อเรื่อง, #);มันดูคุ้นเคยเหรอ? อย่างไรก็ตาม ความต้องการหลักๆ ไม่สามารถบรรลุผลได้อย่างสมบูรณ์แบบในตอนนั้น ฉันกำลังคิดมากว่าจะใช้โค้ดนี้เพื่ออะไร จนกระทั่งฉันได้รับคำแนะนำจากเพื่อนที่ดีคนหนึ่งจึงได้คัดลอกโค้ดนี้
var HiddenProperty = 'ซ่อน' ในเอกสาร ? 'ซ่อน' : 'webkitHidden' ในเอกสาร ? 'webkitHidden' : 'mozHidden' ในเอกสาร ? );var onVisibilityChange = function(){ ถ้า (!document[hiddenProperty]) { console.log('เพจไม่ใช้งาน'); }else{ console.log('เพจเปิดใช้งาน') }}document.addEventListener(visibilityChangeEvent, onVisibilityChange);ปัญหาทั้งหมดได้รับการแก้ไขแล้ว
ความเข้าใจส่วนตัวของฉันเกี่ยวกับหลักการของโค้ดนี้คือการดำเนินการที่เกี่ยวข้องโดยพิจารณาว่าผู้ใช้กำลังเรียกดูหน้าปัจจุบันหรือไม่
นี่คือลิงค์ที่เกี่ยวข้องกับ MDN: https://developer.mozilla.org/zh-CN/docs/Web/API/Document/hidden
ไม่ใช่ว่าคุณสามารถตรวจสอบปุ่มย้อนกลับในตัวในแอปผ่านทาง JS หรือแม้แต่ปุ่มย้อนกลับบน Android ได้ แต่คุณสามารถตระหนักถึงความต้องการของคุณได้อย่างรวดเร็วด้วยการเปลี่ยนความคิดของคุณ หวังว่าฟีเจอร์นี้จะช่วยคุณได้
ข้างต้นคือเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการศึกษาของทุกคน ฉันหวังว่าทุกคนจะสนับสนุน VeVb Wulin Network