میلاد-م
5 سال پیش توسط میلاد-م مطرح شد
5 پاسخ

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

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

من یک فایل تمرینی ایجاد کردم که توی کدهای 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 رو با مرورگر فایرفاکس باز می کنم، مشکلی وجود نداره و بخوبی عکس ها به نمایش در میان.

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

  • علت این خطا چیه؟
  • چرا در کروم میادش و در فایرفاکس نمیادش؟
  • راهکار حل مشکل در مرورگر کروم چیه؟

ثبت پرسش جدید
حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 5 سال پیش آپدیت شد
2

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


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
-1

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


حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 5 سال پیش مطرح شد
2

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


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش آپدیت شد
-1

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

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

یا این:
<div class="likes__field">
   <svg class="likes__icon">
     <use href="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 رو هم قرار بدم. البته فکر نمی کنم ایرادی ازون باشه، چون توی فایرفاکس همه چیزش درسته و عکس ها به درستی به نمایش در میان.


حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 5 سال پیش آپدیت شد
2

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


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش آپدیت شد
0

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

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

ممنونم ازتون


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

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