MEMPERBARUI
Sepertinya memperbarui Firefox ke 46 memperbaiki masalah!
Investigasi asli
Karena saya juga menghadapi masalah yang menjengkelkan ini, saya memutuskan untuk mencobanya.
Konfigurasi
- Ubuntu Server 12.4
- PHP 5.5.30
- MySQL 5.6.27
- Magento 2.0.4 instalasi baru tanpa sampel
- Mode pengembang dengan cache dinonaktifkan
Menggandakan masalah
Pada pandangan pertama, masalah ini tampak sangat acak bagi saya. Namun setelah beberapa tes, saya berhasil mencari tahu bagaimana mereplikasi masalah tersebut.
Browser
Pertama, saya belum bisa meniru masalah di Google Chrome, Internet Explorer 11 atau Windows Safari 5.2.17 yang lama. Saya terutama menggunakan FireFox (45.0.2) dan jarang menggunakan Google Chrome. Bahkan setelah saya menemukan persis bagaimana mereplikasi masalah, saya belum dapat mereplikasi di Chrome.
Tab
Anda perlu membuka beberapa tab di FireFox untuk dapat meniru masalah tersebut.
Langkah
- Buka panel admin dan login
- Setelah berada di dasbor, Anda dapat mengeklik item menu apa saja. Saya biasanya mengklik ikon dasbor lagi
- Segera setelah Anda mengklik item menu, klik pada salah satu tab yang dibuka dan terus menjelajah internet sambil menunggu panel admin Anda selesai memuat (berdasarkan ikon pemintalan di sebelah judul tab)
- Sayangnya, Anda tidak akan pernah memuat halaman itu.
Penyelidikan
Jadi sepertinya ketika klien tidak fokus pada tab Panel Admin, Magento 2 tampaknya tidak memuat semua sumber daya untuk memuat situs web sepenuhnya .
Apa yang saya perhatikan, ketika saya kembali ke halaman panel admin pemuatan yang tak terbatas adalah bahwa ada banyak sumber daya yang berhasil dimuat.
Seperti yang dikatakan Fabian, tidak ada kesalahan di konsol, tidak ada sumber daya yang masih memuat dan tidak ada sumber daya yang gagal dimuat. Semuanya tampak seperti halaman selesai dimuat.
Namun, ketika saya mengklik tombol berhenti memuat Firefox (tanda X di bilah URL), saya perhatikan bahwa beberapa sumber daya ditambahkan di tab jaringan yang tidak ada di sini saat halaman berada dalam keadaan pemuatan tanpa batas.
TOLONG DICATAT: tangkapan layar di bawah ini hanya untuk dasbor, saya perhatikan bahwa lebih banyak sumber daya dimuat setelah saya mengklik tombol berhenti memuat pada halaman konfigurasi misalnya.
Jadi untuk halaman Dashboard, sumber daya itu ditambahkan setelah saya mengklik tombol stop loading.
Ketika halaman dimuat secara normal, dengan tidak beralih ke tab lain, sumber daya berikut dimuat setelah beban DOM (saya asumsikan melalui AJAX), Anda dapat melihat garis abu-abu yang lebih tebal antara itu dan sumber daya di atas:
Jadi karena alasan tertentu, sumber daya berikut dimuat secara otomatis ketika halaman berada dalam kondisi pemuatan tak terbatas tetapi dimuat setelah DOM dimuat saat halaman dimuat dengan baik:
/static/adminhtml/Magento/backend/en_US/Magento_Ui/templates/modal/modal-popup.html
/static/adminhtml/Magento/backend/en_US/Magento_Ui/templates/modal/modal-slide.html
/static/adminhtml/Magento/backend/en_US/Magento_Ui/templates/modal/modal-custom.html
/static/adminhtml/Magento/backend/en_US/mage/apply/scripts.js
Sejauh itulah saya melakukan tugas debugging, saya rasa masih banyak yang bisa kita lakukan untuk menguji dan mempersempit masalah, tetapi saya tidak punya waktu untuk melakukan lebih banyak tes, saya akan kembali ke sana ketika saya punya waktu.
Investigasi Lebih Lanjut
Jadi saya akhirnya menginstal plugin HTTPFox di FireFox saya.
Inilah yang saya dapatkan ketika saya mengklik tombol berhenti memuat setelah 1 menit memuat (Anda dapat melihat bahwa jquery.storageapi.min.js
ada 59 di kolom waktu). Baris yang disorot adalah sumber daya yang dimuat setelah saya menghentikan pemuatan:
Saya mencoba memutakhirkan pustaka jquery.storageapi dengan versi terakhir yang tersedia di GitHub tetapi sepertinya tidak memperbaiki masalah sayangnya.
Karena pemuatan favicon berikutnya dalam daftar, saya berkomentar kode menambahkan favicon ke kepala tetapi tidak memperbaiki masalah juga.
Saya mencoba men-debug domReady.js
file karena namanya terdengar seperti kesalahan tetapi tidak ada peluang.
Juga di sini adalah dua access.log
file:
Masih tidak tahu apa yang terjadi di sini.
Memperbarui
Baru-baru ini saya membuat dua perubahan pada instalasi saya:
- tingkatkan FireFox ke 46.0
- upgrade dari 2.0.4 ke 2.0.5
Sekarang saya tidak bisa meniru masalah lagi.