私は最近、ポートフォリオ（johnrhea.com）を刷新しました。ローカルマシンでのマイナーな問題のトラブルシューティングと解決の無(wú)限の時(shí)間の後、私は新しく洗練されたポートフォリオをサーバーにアップロードしました。

ブラウザがJavaScriptを同様に解析して実行するのは本當(dāng)ではありませんか？確かに、ChromeはFirefoxとはわずかに異なる方法で処理する可能性がありますが、同じコードが2つの異なるサーバーに存在する場(chǎng)合、サーバーに関係なく、どちらのブラウザーでも同じように動(dòng)作する必要がありますか？そうすべきではありませんか？

當(dāng)初、動(dòng)的に生成された星は現(xiàn)れを拒否し、ゲームモードをエンゲージしようとすると、空白の畫面が表示されました。威ac的なウェブサイトの敵は具體化されておらず、少なくともゲームモード內(nèi)ではなく、あなたに「悪い経験」ミサイルを開始しませんでした。しかし、私のグリッチなウェブサイトは確かにあなたに「悪い體験」ミサイルを立ち上げました。私の仕事を紹介するページで、ミニチュア車は通りを走ることになっていたが、それらも不在だった。

私はあなたを保証したいです、まったく涙や泣き聲はありませんでした。私は信じられないほど強(qiáng)く、絶対に興奮していました - ただ興奮して、おかしいものを明らかにするという挑戦に取り組みました。 「JavaScriptが2つのサーバーで異なって動(dòng)作する原因は何ですか？」、「サーバーがJavaScript機(jī)能を変更するのはなぜですか？」、「明らかにそうでないときに泣いているのは誰(shuí)だと思いますか？」などのクエリでGoogleを必死に検索しました。しかし、役に立たない。

コンソールはエラーを表示しましたが、無(wú)意味でした。 「Car」という名前のSVG要素がありました。 Vanilla JavaScriptを使用して作成し、ページに追加し、通りを表すために意図した灰色のストリップをズームインして送信しました。 （惑星を探索できるスペースをテーマにしたセットアップです。本當(dāng)にクールです。私は約束します。）私はcar.style.transformを使用して車に変換を適用していましたが、car.tyleが未定義のためにエラーが発生しました。

ラップトップに戻り、コードを確認(rèn)しました。エラーなしで完全に実行されました。

最初のエラーをバイパスするために、car.Statribute（ 'style'、 'transform：translate（100px、200px）'）;これにより、次のエラーに導(dǎo)かれました。車の要素は、Car.dataset.xspeedなど、車に関する情報(bào)を保存するために使用した特定のデータで失敗していました。この機(jī)能は2015年以來(lái)SVG要素でサポートされていますが、サーバーでは機(jī)能していませんでしたが、ローカルでシームレスに機(jī)能しました。世界で何が起こっているのでしょうか？ （はい、私は1990年代のバンドHoobastankを參照しています。いいえ、彼らは問題とは何の関係もありません。

検索エンジンがほとんど支援を提供していないため（主に問題が存在するべきではないため）、私はホスティングプロバイダーに連絡(luò)し、サーバーの構(gòu)成の問題が機(jī)能しているのではないかと疑っていました。禮儀正しい技術(shù)サポートは、サーバーエラーやその他の基本的な誤った裝いをチェックすることで支援しようとしましたが、何も見當(dāng)たりませんでした。しぶしぶ私のコーディングセラピストとして行動(dòng)し、ウェブ開発でのキャリアに著手することについての（涙のない）嘆きを聞いた後、彼は基本的にJavaScriptをサポートしているが、カスタムコードを掘り下げることができないと言った。まあ、私がトラックソンと呼んでくれた人、何もありがとう！ （それは彼の本當(dāng)の名前ではありませんが、「カーソン」はあまりにも明白だと思いました。）

次に、まだ涙を流していないので、最初のプロンプトでChatGPTを使用するために自分の問題を説明しようとしました。それはいくつかの応答を提供しましたが、それらはすべて間違っていました。

• おそらく、IMGタグにインラインSVGとSVGに問題がありましたか？それは問題ではありませんでした。
• ブラウザは、いくつかの誤解のために、HTMLの代わりにページをプレーンテキストとして解釈できますか？いいえ、HTMLは正しくフェッチされていて、ヘッダーは問題ありませんでした。
• たぶん、ブラウザはQuirksモードでしたか？そうではありませんでした。
• SVG要素は誤って作成されたのでしょうか？ SVGは別の名前空間を使用するため、document.createelement（ 'svg'）を使用してHTMLでSVG要素を作成することはできません。 document.createelementns（ " http://www.miracleart.cn/link/06b44f222bf01b4bad31391ffe00009c4 "、 'svg'）を使用する必要があります。 SVGおよびHTML標(biāo)準(zhǔn)は、類似していますが、まったく異なるためです。いいえ、私は正しい名前空間でcreateElementns関數(shù)を使用していました。

サイドノート：チャットセッション中、ChatGptは「ああ、今は辛くなっているのですか？」などのフレーズでいくつかの返信を開始しました。そして「ああ、これはジューシーなものです?！?（絵文字を含む）。また、「防弾」という用語(yǔ)を數(shù)回、ハイテクブロのように感じたものを使用しました。 「ブーム。？それが喫煙銃です」と「ああ、大丈夫、まだ小さなグレムリンがあるように聞こえます」。私は、この素晴らしい、迷惑、恐ろしい、または怖いと思うかどうかに引き裂かれています。たぶんそれは4つすべてですか？

絶望的に、私は將來(lái)のロボットオーバーロードに私のコードの一部を提供して、それをコンテキストに與え、これらのどれも問題ではないことを示しました。それは誤解に焦點(diǎn)を合わせ続け、車の要素が実際にSVG要素であるかどうかを確認(rèn)するために私に出力チェックを與えました。ローカルでは、それはSVG要素でしたが、サーバーでは、そのように認(rèn)識(shí)されていませんでした。

• innerhtmlを使用してSVG要素を車の要素に追加することで破損し、SVG要素として認(rèn)識(shí)されないようにすることができますか？ CHATGPTは、これを修正するためにコードの一部を書き直すことを申し出ました。新しいコードをローカルに実裝しましたが、機(jī)能しました！しかし、サーバーにアップロードしたとき...運(yùn)はありません。同じエラーが持続しました。

私は公然と泣いた。つまり、私は完全に健康で非常に男性的な方法で自分の感情を管理しました。そして、それは記事が終了する場(chǎng)所であり、償還、解決策、または回答なしで終わります。壊れたウェブサイトと泣かない男の大聲ですすり泣き...これまで...

...あなたはまだここにいますか？

さて、あなたは正しいです。私はあなたをそのようにぶら下げたままにしません。存在しないSOBセッションの後、私はChatGptに通気しました。これは、車の要素に名前空間を印刷するなど、より多くのコンソールログを提案しました。それは答えが私を襲ったときです。 SVGの名前空間は次のとおりです。

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

しかし、それが実際に印刷したのは：

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

1文字。それが違いです。

通常、あなたはすべてを安全にしたいと思うでしょうが、それは名前空間の動(dòng)作方法ではありません。また、これらの2つの文字列の違いは最小限ですが、document.createelementns（ "gimme-them-svgzers"、 "svg"）;。ねえ、W3C、名前空間委員會(huì)に參加できますか？

しかし、なぜそれが違うのですか？ここまで読んでいれば激怒するでしょう、そしてそれは私のコードの単なるタイプミスでしたよね？

あなたはこの記事に時(shí)間を費(fèi)やしました、そして私はすでに答えがないという偽の出力を引き出しました。コードタイプミスは、おそらく暴動(dòng)と悪いレビューの洪水につながるでしょう。

安心してください、名前空間は私のコードで正しかったので、その余分な「s」はどこから來(lái)たのでしょうか？

ホストの最適化プラグインで機(jī)能をアクティブ化したことを思い出しました。安全でないページを自動(dòng)的に修正しました。安全でないリンクをスキャンして変換して、安全なリンクを変換します。ほとんどの場(chǎng)合、それは正しい動(dòng)きです。しかし、どうやら、JavaScriptコードの名前空間URLも変更します。

私はその機(jī)能を無(wú)効にしましたが、突然、銀河を橫斷し、車が灰色の擬似エレメントをズームして惑星を探索し、本當(dāng)にひどいウェブサイトを持つ代わりに本當(dāng)にひどいウェブサイトでレーザーを発射していました。涙（喜びやその他）も、その後のお祝いで恥ずかしいダンスの動(dòng)きもありませんでした。

同様のクレイジーなトラブルシューティングの問題を経験しましたか？不可能な問題を解決しましたか？コメントで教えてください。

以上がこれは発生することは想定されていません。不可能をトラブルシューティングしますの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。