ویژگی <script> crossorigin HTML

برچسب <script> HTML

تعریف و کاربرد

crossorigin ویژگی‌ها درخواست‌های مدل HTTP CORS را تنظیم می‌کند.

صفحات وب اغلب درخواست‌هایی برای بارگذاری منابع موجود در سرورهای دیگر ارسال می‌کنند. اینجاست که CORS نقش خود را ایفا می‌کند.

درخواست‌های بین‌محل درخواست‌هایی هستند که برای منابعی از یک دامنه دیگر (مثلاً استایل‌ها، iframe، تصاویر، فونت‌ها یا اسکریپت‌ها) انجام می‌شوند.

CORS برای مدیریت درخواست‌های بین‌محل استفاده می‌شود.

CORS مخفف Resource Sharing Across Origins (Cross-Origin Resource Sharing) است، که یک مکانیزم است که اجازه می‌دهد از یک دامنه خارجی دیگر برای درخواست منابع موجود در یک وب‌سایت داده شود. این تعیین می‌کند که چگونه مرورگر و سرور با یکدیگر تعامل دارند تا مشخص کنند که درخواست‌های بین‌محل آیا امن هستند یا خیر. CORS به سرور اجازه می‌دهد که مشخص کند چه کسی می‌تواند به منابع موجود در سرور دسترسی داشته باشد و بسیاری از ویژگی‌های دیگر.

توجه:برعکس درخواست‌های بین‌محل، درخواست‌های هم‌محل وجود دارد. این بدان معناست که وب‌سایت‌ها فقط می‌توانند با مستندات دیگر در همان سرور تعامل داشته باشند. این استراتژی اطمینان حاصل می‌کند که مستندات که با یکدیگر تعامل دارند باید از منبع مشابهی (دامنه) داشته باشند.

توجه:لطفاً به ویژگی integrity。

مثال

این لینک به یک فایل .js در سرور دیگری اشاره دارد. در اینجا از ویژگی‌های integrity و crossorigin استفاده شده است:

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous">
</script>

نحوه‌ی نوشتن

<script crossorigin="anonymous|use-credentials">

مقدار ویژگی

مقدار توضیح
  • anonymous
  • use-credentials

تعیین مدل درخواست‌های CORS:

  • anonymous - اجرای درخواست‌های فراسرور. بدون ارسال اعتبار.
  • use-credentials - اجرای درخواست‌های فراسرور. ارسال اعتبارها (مثلاً کوکی، گواهینامه، تأیید هویت HTTP پایه).

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه‌ای اولین مرتبه‌ای است که این ویژگی را پشتیبانی می‌کند.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
30.0 18.0 13.0 13.0 12.1

برچسب <script> HTML