تحذير من الكروم من الموارد الثابتة (CSS/GIF/PNG/JS)
-
20-09-2019 - |
سؤال
عندما يتم تحميل صفحة الويب من أي وقت مضى ، فإنني أحذر في The Debugger
يتم تفسير الموارد على أنها ورقة أنماط ولكنها تم نقلها بنص نوع MIME/عادي.
أحصل على التحذير أعلاه عندما يطلب المتصفح ملفات JS و CSS و GIF و PNG.
أي فكرة عن كيفية حل هذا التحذير
المحلول
حسنًا ، رسالة الخطأ تقول كل شيء.
يرسل خادم الويب الخاص بك خطأ/مفقود نوع المحتوى http رأس.
يستخدم فحص رأس HTTP وأدخل عنوان URL الخاص بـ JS/CSS/GIF/PNG وتحقق من رأس نوع المحتوى الذي يرسله الخادم (لا أعتقد أن أيًا أو نصًا/عاديًا).
ثم إصلاح الخادم الخاص بك لإرسال نوع MIME الصحيح على طول أو اتصل بمسؤول الخادم الخاص بك.
يجب أن تكون قيم نوع المحتوى الصحيحة
text/css
-> لملفات .CSS
image/gif
-> لملفات .gif
image/jpeg
-> لملفات .jpg/.jpeg
application/javascript
-> لملفات .js
image/png
-> لملفات .png
اعتبر نفسك محظوظًا ؛). الآن هو مجرد تحذير في Chrome ، في الإصدارات السابقة من Chrome عندما تم تعيين رأس خاطئ/مفقود من نوع المحتوى/إرسال EG CSS على الإطلاق.
نصائح أخرى
لقد وجدت أن خادم الويب الخاص بتطوير Django يقدم جميع الصور/CSS وما إلى ذلك برؤوس غير صحيحة أيضًا. على الرغم من أن استجابة Jitter لا تزال أفضل طريقة لحل ذلك ، فإن إصلاح الخادم ليس دائمًا خيارًا.
لقد وجدت أنه يمكنك فقط إخفاء التحذيرات في Chrome وعرض الأخطاء والسجلات فقط إذا قمت بنقر فوق الرؤساء (الأخطاء والسجلات) في نافذة Crome Inspect >> ؛ إخفاء جميع التحذيرات بشكل أساسي.
اختراق بسيط ، ولكن بالتأكيد يجعل تصحيح الأخطاء في Django أقل واقعية ومزعجة.
إنها مشكلة في تكوين الخادم الخاص بك. ربما يكون لديك بعض ملفات. htaccess التي يتم تشغيلها مع أنواع MIME.
أنا أيضًا أواجه هذه المشكلات ، وعندما أستخدم أداة فحص رأس HTTP للموارد التي تحصل على هذا الخطأ ، يتم إرجاع رأس نوع محتوى صالح مع نوع MIME الصحيح للمورد المطلوب. لقد قمت أيضًا بالتحقق من صحة هذه الرؤوس برؤوس HTTP Firefox/Live ، وكذلك WGET.
أتساءل عما إذا كان هذا في الواقع خطأ في الكروم الذي يتسبب في تجاهل هذا الرأس المحدد لهذه الأنواع من الملفات.
واجهت هذه المشكلة بعد إعادة تسمية دليل في مجلد / مجلد. كانت ذاكرة التخزين المؤقت لـ Chrome تحاول تحميل الملف من الدليل القديم ، الذي كان يعيد الآن صفحة خطأ بدلاً من الصورة - وبالتالي فإن الخطأ يفيد بأنه كان يتوقع .jpg ولكنه يتلقى نصًا/HTML
يمكنك إخفاء التحذير ، وشراء إضافة هذا cose لك js:
console.groupCollapsed(' ');console.log('just example');console.groupEnd(); console.log('b')