Saya baru -baru ini mengubah portfolio saya (Johnrhea.com). Setelah berjam -jam menyelesaikan masalah dan menyelesaikan masalah kecil di mesin tempatan saya, saya memuat naik portfolio saya yang baru digilap ke pelayan - hanya untuk menontonnya gagal secara spektakuler.

Bukankah benar bahawa pelayar menghuraikan dan melaksanakan JavaScript dengan cara yang sama? Pasti, Chrome mungkin mengendalikan perkara yang sedikit berbeza daripada Firefox, tetapi jika kod yang sama berada pada dua pelayan yang berbeza, ia harus berkelakuan identik dalam penyemak imbas, tanpa mengira pelayan, bukan? Bukan?

Pada mulanya, bintang -bintang yang dihasilkan secara dinamik enggan muncul, dan cuba melibatkan mod permainan menghasilkan skrin kosong. Tidak ada laman web yang menacing, dan tidak melancarkan sebarang peluru berpandu "pengalaman buruk" pada anda - sekurang -kurangnya, bukan dalam mod permainan. Walau bagaimanapun, laman web Glitchy saya pastinya melancarkan peluru berpandu "pengalaman buruk" pada anda. Di halaman yang mempamerkan kerja saya, kereta kecil sepatutnya berlumba di jalan, namun mereka juga tidak hadir.

Saya ingin memberi jaminan kepada anda, tidak ada air mata atau menangis. Saya tetap sangat kuat dan sangat teruja - hanya teruja - untuk menangani cabaran untuk mengungkap apa yang tidak kena. Saya secara bersungguh -sungguh mencari Google dengan pertanyaan seperti "Apa yang boleh menyebabkan JavaScript berkelakuan berbeza pada dua pelayan?", "Mengapa pelayan mengubah fungsi JavaScript?", Dan "Mengapa semua orang menganggap saya menangis ketika saya jelas tidak?" Tetapi tidak berjaya.

Konsol itu menunjukkan kesilapan, tetapi mereka tidak masuk akal. Saya mempunyai elemen SVG yang saya namakan "kereta". Saya membuatnya menggunakan vanila JavaScript, menambahnya ke halaman, dan menghantarnya menundukkan jalur kelabu yang dimaksudkan untuk mewakili jalan. (Ia adalah persediaan bertema ruang di mana anda boleh meneroka planet-planet. Ia benar-benar sejuk.

Saya kembali ke komputer riba saya dan memeriksa kod tersebut. Ia berlari dengan sempurna tanpa sebarang kesilapan.

Untuk memintas kesilapan awal, saya beralih dari car.style untuk menggunakan setAttribute, seperti car.setAttribute ('style', 'transform: diterjemahkan (100px, 200px)');. Ini hanya membawa saya ke kesilapan seterusnya. Elemen kereta gagal pada data tertentu-* atribut yang saya gunakan untuk menyimpan maklumat mengenai kereta, seperti car.dataset.xspeed, yang juga kembali tidak ditentukan apabila diakses. Ciri ini telah disokong dalam elemen SVG sejak 2015, namun ia tidak berfungsi pada pelayan, sementara ia berfungsi dengan lancar di dalam negara. Apa yang boleh berlaku di dunia? (Ya, saya merujuk band Hoobastank 1990 -an, dan tidak, mereka tidak ada kaitan dengan isu ini. Saya hanya menikmati ... errr ... menyebut nama mereka.)

Dengan enjin carian yang menawarkan sedikit bantuan (terutamanya kerana masalah itu tidak semestinya wujud), saya menjangkau penyedia hosting saya, mengesyaki isu konfigurasi pelayan mungkin sedang bermain. Sokongan berteknologi yang sopan cuba membantu dengan memeriksa kesilapan pelayan dan kesilapan asas yang lain, tetapi mendapati tiada apa -apa yang tidak kena. Setelah enggan bertindak sebagai ahli terapi pengekodan saya dan mendengar kesunyian saya (bebas air mata) tentang memulakan kerjaya dalam pembangunan web, dia pada dasarnya berkata mereka menyokong JavaScript tetapi tidak dapat menyelidiki kod tersuai, jadi nasib baik. Baiklah, terima kasih atas apa -apa, orang yang saya akan panggil trakson! (Itu bukan nama sebenarnya, tetapi saya fikir "Carson" terlalu jelas.)

Seterusnya, dan masih tanpa air mata, saya cuba menerangkan isu -isu saya kepada chatgpt dengan prompt awal: "Kenapa JavaScript pada dua pelayan web yang berbeza bertindak secara berbeza?" Ia memberikan beberapa respons, tetapi mereka semua tidak betul.

• Mungkin ada masalah dengan SVG sebaris berbanding SVG dalam tag IMG? Itu bukan masalahnya.
• Bolehkah penyemak imbas menafsirkan halaman sebagai teks biasa dan bukannya HTML kerana beberapa kesilapan? Tidak, HTML sedang diambil dengan betul, dan tajuk -tajuknya baik -baik saja.
• Mungkin penyemak imbas berada dalam mod kebiasaan? Itu tidak.
• Bolehkah elemen SVG telah dibuat dengan tidak betul? Anda tidak boleh membuat elemen SVG dalam HTML menggunakan Document.CreateElement ('SVG') kerana SVG menggunakan ruang nama yang berbeza. Anda perlu menggunakan document.createelementns (" http://m.miracleart.cn/link/06b44f22bf01b4bad31391ffe00009c4 ", 'svg'); Oleh kerana piawaian SVG dan HTML, walaupun serupa, agak berbeza. Tidak, saya telah menggunakan fungsi CreateElementns dengan ruang nama yang betul.

Sidenote: Semasa sesi sembang, Chatgpt memulakan beberapa balasan dengan frasa seperti, "Ah, sekarang kita semakin pedas?" Dan "Ah, ini adalah yang berair." (termasuk emojis). Ia juga menggunakan istilah "peluru" beberapa kali dalam apa yang dirasakan seperti cara teknologi-bro. Terdapat juga "BOOM. Saya terkoyak sama ada saya mendapati ini hebat, menjengkelkan, mengerikan, atau menakutkan. Mungkin semuanya empat?

Dalam keadaan terdesak, saya memberikan tuan rumah robot masa depan kita dengan beberapa kod saya untuk memberikan konteks dan menunjukkan bahawa tidak satu pun dari ini adalah isu. Ia terus memberi tumpuan kepada kesalahpahaman yang salah dan mempunyai saya pemeriksaan output untuk melihat sama ada elemen kereta itu memang elemen SVG. Secara tempatan, ia adalah elemen SVG, tetapi pada pelayan, ia tidak diiktiraf seperti itu.

• Bolehkah menggunakan InnerHTML untuk menambah elemen SVG ke elemen kereta telah merosakkannya, menyebabkan ia tidak diiktiraf sebagai elemen SVG? ChatGPT ditawarkan untuk menulis semula sebahagian kod untuk membetulkannya. Saya melaksanakan kod baru di dalam negara, dan ia berfungsi! Tetapi apabila saya memuat naiknya ke pelayan ... tidak ada nasib. Kesalahan yang sama berterusan.

Saya menangis secara terbuka. Maksud saya ... Saya menguruskan emosi saya dengan cara yang sihat dan sangat maskulin. Dan di sinilah artikel itu akan berakhir, tanpa penebusan, penyelesaian, atau jawapan. Hanya laman web yang rosak dan sobs kuat seorang lelaki yang tidak menangis ... pernah ...

... anda masih di sini?

Baiklah, awak betul. Saya tidak akan meninggalkan anda tergantung seperti itu. Selepas sesi SOB saya yang tidak wujud, saya melepaskan diri ke ChatGPT, yang mencadangkan lebih banyak balak konsol, termasuk elemen kereta mencetak ruang nama. Ketika itulah jawapannya memukul saya. Ruang nama untuk SVG mestilah:

 <code>http://m.miracleart.cn/link/06b44f22bf01b4bad31391ffe00009c4</code>

Tetapi apa yang sebenarnya dicetak ialah:

 <code>https://www.w3.org/2000/svg</code>

Satu huruf. Itulah perbezaannya.

Biasanya, anda mahu semuanya selamat, tetapi itu bukan bagaimana ruang nama beroperasi. Dan sementara perbezaan antara kedua-dua rentetan ini adalah minimum, ia mungkin juga telah menjadi dokumentasi.CreateElementns ("Gimme-Them-Svgzers", "Svg");. Hei, w3c, bolehkah saya menyertai jawatankuasa nama nama?

Tetapi mengapa ia berbeza? Anda akan marah jika anda membaca sejauh ini dan ia hanya kesilapan dalam kod saya, bukan?

Anda telah melabur masa dalam artikel ini, dan saya sudah menarik palsu tanpa jawapan. Typo kod mungkin akan membawa kepada rusuhan dan banjir ulasan buruk.

Yakinlah, ruang nama itu betul dalam kod saya, jadi dari mana asalnya "S" berasal?

Saya teringat mengaktifkan ciri dalam plugin pengoptimuman hos saya: secara automatik membetulkan halaman tidak selamat. Ia mengimbas dan menukarkan pautan tidak selamat kepada yang selamat. Dalam kebanyakan kes, ia adalah langkah yang betul. Tetapi nampaknya, ia juga mengubah URL ruang nama dalam kod JavaScript.

Saya melumpuhkan ciri itu, dan tiba-tiba, saya melintasi galaksi, meneroka planet dengan kereta-kereta yang mengosongkan unsur-unsur pseudo kelabu, dan menembak laser di laman web yang sangat dahsyat dan bukannya mempunyai laman web yang sangat dahsyat. Tidak ada air mata (gembira atau sebaliknya) atau mana -mana gerakan tarian perayaan dan liar yang diikuti.

Pernahkah anda mengalami masalah penyelesaian masalah yang sama? Adakah anda telah menyelesaikan masalah yang mustahil? Beritahu saya dalam komen.

Atas ialah kandungan terperinci Ini tidak sepatutnya berlaku: menyelesaikan masalah yang mustahil. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!