في الوقت الحاضر، يحتوي h5 على العديد من الميزات الجديدة والعلامات الجديدة والمواصفات الجديدة وما إلى ذلك، ويتم تحسينها باستمرار كما أن دعم بائعي المتصفحات الرئيسيين قوي جدًا. باعتبارنا مبرمجي الواجهة الأمامية، أعتقد أننا ما زلنا بحاجة إلى الاهتمام بذلك وممارسته بشجاعة. بعد ذلك، سوف أشارككم ميزة جديدة مفيدة جدًا لـ h5 (وهي ليست جديدة بشكل خاص في الوقت الحالي)، والتي يمكنها بسهولة مراقبة مفتاح الإرجاع لأي تطبيق، بما في ذلك مفتاح الإرجاع الفعلي في أجهزة Android، وذلك لتلبية المزيد الاحتياجات في تطوير المشروع.
2. السببمنذ حوالي نصف عام، تلقيت طلبًا من PM لاستخدام h5 النقي لتحقيق تشغيل الصوت المتعدد وإيقافه مؤقتًا واستئنافه، وتم وضع الصفحة في تطبيق دليل اختبار القيادة، ولا يوجد أي تفاعل مع العميل. لذلك لا يلزم الرجوع إلى js المتعلق بالعميل. يبدو أن هذا المطلب بسيط للغاية، على الرغم من أنني لم أطلب مثل هذا المطلب من قبل. مهما حدث، فقط ارفع سواعدك وافعل ذلك. بدأت رحلة التعلم.
3. سأركز هنا على كيفية مراقبة مفتاح الإرجاع الذي يأتي مع أي تطبيق، بالإضافة إلى مفتاح الإرجاع الفعلي في أجهزة Android.فلماذا يجب أن أراقب وأحتاج إلى التأكيد عليه مرارًا وتكرارًا. سواء كان WeChat أو QQ أو App أو المتصفح الموجود على هاتف Apple، عندما يتعلق الأمر بالصوت والفيديو، سيقوم النظام تلقائيًا بإيقاف التشغيل الحالي مؤقتًا عند العودة إلى الصفحة السابقة، ولكن ليس كل هواتف Android يمكنها القيام بذلك. لذلك يجب علينا تخصيص المراقبة بأنفسنا. قد يفكر العديد من الأصدقاء في بايدو أولاً، ومن ثم فإن الإجابة ليست أكثر من هذا
PushHistory(); window.addEventListener(popstate, function(e) { تنبيه (لقد استمعت إلى حدث زر الرجوع للمتصفح)؛// قم بتنفيذ وظائفك وفقًا لاحتياجاتك الخاصة}، false function PushHistory() { varstate = { العنوان: العنوان، عنوان url: # }؛ window.history.pushState(state, title, # });هل تبدو مألوفة؟ ومع ذلك، لم يكن من الممكن تحقيق المتطلبات الأساسية بشكل كامل، وكنت أتعب ذهني في ذلك الوقت بشأن استخدام هذا الرمز. لم أقم بنسخ هذا الرمز إلا بعد أن أرشدني صديق عظيم.
var HiddenProperty = 'مخفي' في المستند؟ 'مخفي': 'webkitHidden' في المستند؟ 'webkitHidden': 'mozHidden' في المستند؟ );var onVisibilityChange = function(){ if (!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.