راکت
حل شده

خطای Unsafe attempt to load URL در مرورگر کروم

5 پاسخ

با سلام خدمت دوستان

من یک فایل تمرینی ایجاد کردم که توی کدهای html و js اون، برای قرار دادن عکس ها از svg و use استفاده شده.
هنگامی که فایل html رو در مرورگر کروم باز می کنم به خطوط کدی که در html و js هستش و به svg use ها مربوط میشه، گیر میده و عکس های svg رو نمایش نمیده.
پیغام خطا:

57 Unsafe attempt to load URL <URL> from frame with URL <URL>. 'file:' URLs are treated as unique security origins.

بعلاوه وقتی که همین فایل html رو با مرورگر فایرفاکس باز می کنم، مشکلی وجود نداره و بخوبی عکس ها به نمایش در میان.

سوالم اینه که:

  • علت این خطا چیه؟
  • چرا در کروم میادش و در فایرفاکس نمیادش؟
  • راهکار حل مشکل در مرورگر کروم چیه؟
میلاد-م
میلاد-م
@milad
ثبت پرسش جدید

پاسخ‌ها

5
حسام موسوی
حسام موسوی
@hesammousavi

تخصص: طراح و برنامه نویس

بهترین پاسخ

این مشکل محسوب نمیشه و به این دلیل بالا اومده که شما فایل html رو به شکل file:// فراخونی کردین .
برای برطرف کردنش باید روی مثلا localhost بالا بیارید
از php یا xampp و دایرکتوری htdocs اون برای بالا اوردن روی یک پورت میتونید استفاده کنید

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

جستجوی انگلیسی هم توی گوگل کردم ولی متوجه نشدم باید چیکار کنم.
از جمله این صفحه:
https://css-tricks.com/svg-use-external-source/

حسام موسوی
حسام موسوی
@hesammousavi

تخصص: طراح و برنامه نویس

سلام اون کدی که استفاده کردید رو لطفا بفرستید

شاید پاسخ شما همین‌جا باشد

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

@hesammousavi
خواهش میکنم،
کدهای زیادی هستش، مثلا اینها برای html:

<button class="btn search__btn">
   <svg class="search__icon">
      <use href="https://roocket.ir/img/icons.svg#icon-magnifying-glass"></use>
   </svg>
   <span>Search</span>
</button>

یا این:
<div class="likes__field">
   <svg class="likes__icon">
     <use href="https://roocket.ir/img/icons.svg#icon-heart"></use>
   </svg>
</div>

پیغام های خطا:

Unsafe attempt to load URL file:///C:/Users/Milad/Desktop/myProject-Desktop/starter/dist/img/icons.svg#icon-magnifying-glass from frame with URL file:///C:/Users/Milad/Desktop/myProject/starter/dist/index.html. 'file:' URLs are treated as unique security origins.

Unsafe attempt to load URL file:///C:/Users/Milad/Desktop/myProject-Desktop/starter/dist/img/icons.svg#icon-heart from frame with URL file:///C:/Users/Milad/Desktop/myProject/starter/dist/index.html. 'file:' URLs are treated as unique security origins.

اگر نیازه بفرمایید تا فایل svg رو هم قرار بدم. البته فکر نمی کنم ایرادی ازون باشه، چون توی فایرفاکس همه چیزش درسته و عکس ها به درستی به نمایش در میان.

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

@hesammousavi
پس مشکل ناشی از اینه که فراخوانی با file:// بوده. مرسی خیلی ممنونم، تازه فهمیدم.

بله من ابتدا که کدهارو می نوشتم با localhost بررسی می کردمشون و توی کروم هم بدون خطا بودن. در نهایت که تمرین به پایان رسیدش، اومدم خروجی نهایی گرفتم و فایل های جاوااسکریپت رو یکی کردم.
بعدش خواستم ارزیابی نهایی کنم خروجی خودم رو، اونوقت توی کروم عکس هام با مشکل مواجه شدند.

ممنونم ازتون

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام